/*
Release-note page
*/

:root {
    --color-bg: #EEEDEB;
    --color-summary-1: #eef7ff;
    --color-summary-1-highlight: #67a9d6;
    --color-summary-2: #FAFAFF;
    --color-summary-2-highlight: #B4B3FF;
    --color-summary-3: #FFF0F3;
    --color-summary-3-highlight: #97bed8;
    --font-ibm-plex-sans: 'IBM Plex Sans', sans-serif;
    --active-color: #ffffff;
    --unactive-color: #eeeeee;
    --unactive-hover-color: #67a9d6;
  }
  
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(100%);
}


.carousel-control-prev,
.carousel-control-next {
  background: none;
  border: none;
}
  
  summary::marker {
    content: '\f138' ' ';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
  }
  
  details[open] summary::marker {
    content: '\f13a' ' ';
  }
  
  .release {
    counter-reset: figures;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
    text-align: justify;
  }
  .release a {
    text-decoration: underline;
  }
  .release h3 {
    width: 100%;
    color: #337ab7;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 0.5px solid #337ab7;
    padding: 2px;
    margin-bottom: 15px;
  }
  
  .release p {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 15px;
  }
  
  .release-abstract {
    font-size: 15px ;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    text-align: justify;
  }
  
  .release code {
    color: #337ab7;
    font-size: 14px;
    background-color: #f3f2f2;
  }
  
  .release details {
    display: flex;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(0, 0, 0, .05);
    border-left: 15px solid gray;
    padding: 5px;
    margin-top: 5px;
    --highlight: var(--color-summary-1-highlight) ;
    background: var(--color-summary-1);
    border-left-color: var(--color-summary-1-highlight);
  }
  
  .release summary {
    position:relative;
    display:flex;
    flex-direction:row;
    margin-top: 10px;
    cursor: pointer;
    width: 100%;
    marker: none;
  }
  
  .next::before {
    opacity: 0;
    transition: opacity 500ms;
    content: "\f13a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 14px;
  }

  
  .release h3:hover .next::before{
    opacity: 1.0;
  }

  .release h6{
    text-align: left;
    font-size: 16px;
    padding-top:5px;

  }  
  
  .release h7{
    text-align: left;
    font-size: 15px;
    padding-top:5px;
    font-style: italic;
    text-align: center;
  }
  
  .release details[open] .next::before {
    content: '\f13a' ' ';
    opacity: 1.0;
    
  }

  .release table {
    width: 70%;
    margin-top: 12px;
  }
  .release table tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  .release table tr:hover {
    background-color: #ddd;
  }
  
  .release table th {
    border: 1px solid #ddd;
    padding: 5px;
    font-size: 13px;
    text-align: center;
    background-color:rgba(52, 181, 255, 0.6);
  }
  
  .release table td {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 13px;
    text-align: center;
  }
  
  .release caption{
    font-size: 13px;
    text-align: justify;
  
  }
  
  .release ol li::marker{
    color: #337ab7;
    /* font-weight: 200; */
  }
  
  .release ul li::marker{
    color: #337ab7;
  }
  .release ol li{
    padding-top: 1px;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 100; /* !important;*/
    margin-left: 2px;
    margin-right: 15px;
  }
  
  .release ul li{
    padding-top: 1px;
    font-size: 14px;
    margin-left: 2px;
    margin-right: 15px;
  }
  
  #btn {
    cursor: pointer;
    font-weight: 800;
  }
  
  .release figcaption{
    counter-increment: figures;
    font-size: 13px;
    padding-left: 5%;
    padding-right: 2%;
  }

  .release figcaption::before {
    content: 'Figure ' counter(figures) '. '; /* display the figure number */
    font-weight: bold;
  }

  .img-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 99%;
  }
  .img-container img {
    padding: 5px;
    width: 50%;
    max-width: 50%;
  }

  #img-zoomer-box {
    height: auto;
    position: relative;
    margin-top: 10px;
  }
  
  #img-1 {
    width: 100%;
    height: auto;
  }
  
  #img-zoomer-box:hover, #img-zoomer-box:active {
    cursor: zoom-in;
    display: block;
  }
  
  #img-zoomer-box:hover #img-2, #img-zoomer-box:active #img-2 {
    opacity: 1;
  }
  #img-2 {
    width: 150px;
    height: 100px;
    background: url('../../images/release_notes/v2024/tree_plot_simple_fixed.svg') no-repeat #FFF;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
    pointer-events: none;
    position: absolute;
    opacity: 0;
    border: 4px solid whitesmoke;
    z-index: 99;
    display: block;
    transition: opacity .2s;
  }

  /*# sourceMappingURL=intogen2.css.map */
  
  @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
  @import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css");
  
  *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  
  .pc-tab p {
    margin: 0 0 10px;
    line-height: 1.5;
  }
  
  .pc-tab main {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 15px;
    margin: 0 auto;
  }
  
  .pc-tab section {
    display: none;
    padding: 15px 5px 2px;
    border: 1px solid #97bed8;
    background-color: #fff;
  }
  
  .pc-tab input {
    display: none;
  }
  
  .pc-tab label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 20px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
  }
  
  .pc-tab label:before {
    font-weight: normal;
    margin-right: 5px;
  }
  
  
  .pc-tab label:hover {
    color: var(--unactive-hover-color);
    cursor: pointer;
  }
  
  .pc-tab input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid #337ab7;
    border-left: 1px solid #97bed8;
    border-right: 1px solid #97bed8;
    border-bottom: 1px solid #fff;
    background-color: #fff;
  }
  
  #tab1:checked ~ #content1,
  #tab2:checked ~ #content2,
  #tab3:checked ~ #content3,
  #tab4:checked ~ #content4,
  #tab5:checked ~ #content5,
  #tab6:checked ~ #content6,
  #tab7:checked ~ #content7,
  #tab8:checked ~ #content8,
  #tab9:checked ~ #content9,
  #tab10:checked ~ #content10,
  #tab11:checked ~ #content11,
  #tab12:checked ~ #content12,
  #tab13:checked ~ #content13,
  #tab14:checked ~ #content14,
  #tab15:checked ~ #content15,
  #tab16:checked ~ #content16,
  #tab17:checked ~ #content17,
  #tab18:checked ~ #content18,
  #tab19:checked ~ #content19,
  #tab20:checked ~ #content20,
  #tab21:checked ~ #content21,
  #tab22:checked ~ #content22,
  #tab23:checked ~ #content23,
  #tab24:checked ~ #content24,
  #tab25:checked ~ #content25,
  #tab26:checked ~ #content26,
  #tab27:checked ~ #content27,
  #tab28:checked ~ #content28 {
    display: block;
  }
  
  @media screen and (max-width: 700px) {
    .pc-tab label {
      font-size: 14px;
      padding: 10px;
    }
  
    .pc-tab label:before {
      margin: 0;
      font-size: 18px;
    }
  }
  @media screen and (max-width: 400px) {
    .pc-tab label {
      font-size: 8px;
      padding: 5px;
    }
  }