body {
  padding-top: 56px;
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}
.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}


.carousel-indicators li{background-color:hsla(0,0%,0%,.5);}
.carousel-indicators .active{background-color:#000}

.portfolio-item {
  margin-bottom: 30px;
}

div.transbox, span.transbox{
  margin: 20px;
  background-color: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p, div.transbox h3 {
  /*margin: 5%; */
  font-weight: bold;
  color: #000000;
}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 8rem;
  min-height: 100%;
}

footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.break{
  page-break-before: always;
}

@media print {
  body {
    -webkit-print-color-adjust: exact !important;
    background-color: #FFFFFF;
    margin-left: 20px;
    margin-top: 20px;
  }
  .table .thead-dark th {
      color: #f8fafc !important;
      background-color: #212529 !important;
      border-color: #32383e !important;
  }

  .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0,0,0,.05) !important;
  }
}
/* estilo para las opciones de select deshabilitadas */
select option:disabled {
  background-color: #dcdcdc;
  font-weight: bold;
}

/*

Organización de gráficas

*/
.ga1 { grid-area: ga1; }
.ga2 { grid-area: ga2; }
.ga3 { grid-area: ga3; }
.ga4 { grid-area: ga4; }
.ga5 { grid-area: ga5; }
.ga6 { grid-area: ga6; }
.ga7 { grid-area: ga7; }
.ga8 { grid-area: ga8; }

.graphs1{
  height: 90vh;
  display: grid;
  grid-template-areas:
    'ga1 ga1 ga2 ga2 ga3 ga3 ga3 ga4 ga4 ga4 ga4'
    'ga1 ga1 ga2 ga2 ga3 ga3 ga3 ga4 ga4 ga4 ga4'
    'ga1 ga1 ga2 ga2 ga3 ga3 ga3 ga4 ga4 ga4 ga4'
    'ga6 ga6 ga6 ga6 ga5 ga5 ga5 ga4 ga4 ga4 ga4'
    'ga6 ga6 ga6 ga6 ga5 ga5 ga5 ga4 ga4 ga4 ga4'
    'ga6 ga6 ga6 ga6 ga5 ga5 ga5 ga8 ga8 ga8 ga8'
    'ga6 ga6 ga6 ga6 ga7 ga7 ga7 ga8 ga8 ga8 ga8'
    'ga6 ga6 ga6 ga6 ga7 ga7 ga7 ga8 ga8 ga8 ga8'
    'ga6 ga6 ga6 ga6 ga7 ga7 ga7 ga8 ga8 ga8 ga8'
    'ga6 ga6 ga6 ga6 ga7 ga7 ga7 ga8 ga8 ga8 ga8';
  grid-gap: 20px;
}

.graphs2{
  height: 90vh;
  display: grid;
  grid-template-areas:
    'ga1 ga1 ga2 ga2 ga3 ga3 ga4 ga4 ga4 ga4 ga4'
    'ga1 ga1 ga2 ga2 ga3 ga3 ga4 ga4 ga4 ga4 ga4'
    'ga1 ga1 ga2 ga2 ga3 ga3 ga4 ga4 ga4 ga4 ga4'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga4 ga4 ga4 ga4 ga4'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6'
    'ga5 ga5 ga5 ga5 ga5 ga5 ga6 ga6 ga6 ga6 ga6';
  grid-gap: 20px;
}

.graphs3{
  height: 90vh;
  display: grid;
  grid-template-areas:
    'ga1 ga1 ga4 ga4 ga5 ga5 ga5'
    'ga1 ga1 ga4 ga4 ga5 ga5 ga5'
    'ga2 ga3 ga4 ga4 ga5 ga5 ga5'
    'ga2 ga3 ga4 ga4 ga5 ga5 ga5'
    'ga2 ga3 ga4 ga4 ga5 ga5 ga5'
    'ga6 ga6 ga7 ga7 ga5 ga5 ga5'
    'ga6 ga6 ga7 ga7 ga5 ga5 ga5'
    'ga6 ga6 ga7 ga7 ga5 ga5 ga5'
    'ga6 ga6 ga7 ga7 ga5 ga5 ga5'
    'ga6 ga6 ga7 ga7 ga5 ga5 ga5';
  grid-gap: 20px;
}

.graphs5{
  height: 90vh;
  display: grid;
  grid-template-areas:
    'ga1 ga2 ga2 ga2 ga5 ga5 ga5'
    'ga1 ga3 ga3 ga3 ga5 ga5 ga5'
    'ga1 ga4 ga4 ga4 ga5 ga5 ga5';
  grid-gap: 20px;
}