body {
  font-size: 16px; }

.dropdown-menu {
  max-height: 250px;
  overflow-y: scroll; }

.container-relinfo {
  padding: 35px 0; }
  .container-relinfo .dropdown {
    border-bottom: 3px solid #777;
    border-top: 3px solid #777;
    border-radius: 10px;
    margin-bottom: 50px;
    padding: 20px 40px;
    float: right; }
  .container-relinfo .badge {
    padding: 5px 15px 4px 15px; }
  .container-relinfo .table > tbody > tr > td,
  .container-relinfo .table > tbody > tr > th,
  .container-relinfo .table > tfoot > tr > td,
  .container-relinfo .table > tfoot > tr > th,
  .container-relinfo .table > thead > tr > td,
  .container-relinfo .table > thead > tr > th {
    padding: 12px 8px 12px 8px; }
  .container-relinfo .table-condensed > tbody > tr > td,
  .container-relinfo .table-condensed > tbody > tr > th,
  .container-relinfo .table-condensed > tfoot > tr > td,
  .container-relinfo .table-condensed > tfoot > tr > th,
  .container-relinfo .table-condensed > thead > tr > td,
  .container-relinfo .table-condensed > thead > tr > th {
    padding: 10px; }
  .container-relinfo h4, .container-relinfo .h4 {
    font-weight: bold; }
  .container-relinfo h2.release,
  .container-relinfo .h2.release {
    background-color: #f5f5f5;
    line-height: 1.5;
    padding-left: 10px;
    font-weight: bold; }
  .container-relinfo .offset {
    padding-left: 52px; }
  .container-relinfo .distance {
    margin-top: 77px; }
  .container-relinfo .selectors {
    margin-bottom: 15px; }
  .container-relinfo .vcenter {
    display: flex;
    align-items: center; }
  .container-relinfo .panel.allpage {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #FFF; }
  .container-relinfo .panel-body {
    padding: 0; }
  .container-relinfo table#compare_releases thead th,
  .container-relinfo table#compare_platforms thead th {
    padding-top: 40px;
    border-bottom: 0; }
    .container-relinfo table#compare_releases thead th select,
    .container-relinfo table#compare_platforms thead th select {
      display: inline-block; }
  .container-relinfo table#compare_releases tbody tr:first-child > td:first-child,
  .container-relinfo table#compare_platforms tbody tr:first-child > td:first-child {
    padding-top: 50px;
    border-top: 0; }
  .container-relinfo table#compare_releases tbody td.category-headline,
  .container-relinfo table#compare_platforms tbody td.category-headline {
    border-bottom: 2px solid #777;
    padding-top: 35px;
    padding-bottom: 0px; }
    .container-relinfo table#compare_releases tbody td.category-headline h3, .container-relinfo table#compare_releases tbody td.category-headline .h3,
    .container-relinfo table#compare_platforms tbody td.category-headline h3,
    .container-relinfo table#compare_platforms tbody td.category-headline .h3 {
      font-weight: bold;
      color: #777; }
    .container-relinfo table#compare_releases tbody td.category-headline h3::before, .container-relinfo table#compare_releases tbody td.category-headline .h3::before,
    .container-relinfo table#compare_platforms tbody td.category-headline h3::before,
    .container-relinfo table#compare_platforms tbody td.category-headline .h3::before {
      color: #777;
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: '';
      display: inline-block;
      position: relative;
      top: 0.25em;
      left: 0.15em;
      vertical-align: top;
      height: 0.45em;
      width: 0.45em;
      transform: rotate(45deg);
      margin-right: 15px; }
  .container-relinfo table#compare_releases tbody td a,
  .container-relinfo table#compare_platforms tbody td a {
    font-weight: bold; }
    .container-relinfo table#compare_releases tbody td a:hover,
    .container-relinfo table#compare_platforms tbody td a:hover {
      text-decoration: none;
      color: #000; }
  .container-relinfo table.selection tbody th {
    width: 15%;
    text-align: right;
    line-height: 35px; }
  .container-relinfo table.selection > tbody > tr > td, .container-relinfo table.selection > tbody > tr > th, .container-relinfo table.selection > tfoot > tr > td, .container-relinfo table.selection > tfoot > tr > th, .container-relinfo table.selection > thead > tr > td, .container-relinfo table.selection > thead > tr > th {
    border: none; }
  .container-relinfo table.package,
  .container-relinfo table.platform,
  .container-relinfo table.package-version,
  .container-relinfo table.release-notes-meta {
    margin-top: 25px; }
    .container-relinfo table.package th,
    .container-relinfo table.platform th,
    .container-relinfo table.package-version th,
    .container-relinfo table.release-notes-meta th {
      width: 15%; }
    .container-relinfo table.package td a,
    .container-relinfo table.platform td a,
    .container-relinfo table.package-version td a,
    .container-relinfo table.release-notes-meta td a {
      font-weight: bold; }
      .container-relinfo table.package td a:hover,
      .container-relinfo table.platform td a:hover,
      .container-relinfo table.package-version td a:hover,
      .container-relinfo table.release-notes-meta td a:hover {
        text-decoration: none;
        color: #000; }
  .container-relinfo table.platform {
    margin-top: 55px;
    border-top: 2px solid #777;
    border-bottom: 2px solid #777; }
    .container-relinfo table.platform tr:first-child th, .container-relinfo table.platform tr:first-child td {
      padding-top: 20px; }
    .container-relinfo table.platform tr:last-child th, .container-relinfo table.platform tr:last-child td {
      padding-bottom: 20px; }
  .container-relinfo table.package,
  .container-relinfo table.package-version {
    margin-top: 45px; }
    .container-relinfo table.package > tbody > tr > td, .container-relinfo table.package > tbody > tr > th, .container-relinfo table.package > tfoot > tr > td, .container-relinfo table.package > tfoot > tr > th, .container-relinfo table.package > thead > tr > td, .container-relinfo table.package > thead > tr > th,
    .container-relinfo table.package-version > tbody > tr > td,
    .container-relinfo table.package-version > tbody > tr > th,
    .container-relinfo table.package-version > tfoot > tr > td,
    .container-relinfo table.package-version > tfoot > tr > th,
    .container-relinfo table.package-version > thead > tr > td,
    .container-relinfo table.package-version > thead > tr > th {
      border: none; }
  .container-relinfo table#release {
    margin-top: 25px; }
    .container-relinfo table#release tbody tr:first-child td,
    .container-relinfo table#release tbody tr:first-child th {
      border-top: none; }
    .container-relinfo table#release tbody tr:first-child .category-headline {
      padding-top: 15px; }
    .container-relinfo table#release td.category-headline {
      border-bottom: 2px solid #777;
      padding-top: 35px;
      padding-bottom: 0px; }
      .container-relinfo table#release td.category-headline h3, .container-relinfo table#release td.category-headline .h3 {
        font-weight: bold;
        color: #777; }
      .container-relinfo table#release td.category-headline h3::before, .container-relinfo table#release td.category-headline .h3::before {
        color: #777;
        border-style: solid;
        border-width: 0.25em 0.25em 0 0;
        content: '';
        display: inline-block;
        position: relative;
        top: 0.25em;
        left: 0.15em;
        vertical-align: top;
        height: 0.45em;
        width: 0.45em;
        transform: rotate(45deg);
        margin-right: 15px; }
    .container-relinfo table#release td a {
      font-weight: bold; }
      .container-relinfo table#release td a:hover {
        text-decoration: none;
        color: #000; }
  .container-relinfo table#release-notes th {
    font-size: 24px;
    background-color: #f5f5f5;
    border-bottom: 4px solid #777; }
  .container-relinfo table#release-notes tbody tr:first-child .category-headline {
    padding-top: 15px; }
  .container-relinfo table#release-notes td.category-headline {
    border-bottom: 2px solid #777;
    padding-top: 35px;
    padding-bottom: 0px; }
    .container-relinfo table#release-notes td.category-headline h3, .container-relinfo table#release-notes td.category-headline .h3 {
      font-weight: bold;
      color: #777; }
    .container-relinfo table#release-notes td.category-headline h3::before, .container-relinfo table#release-notes td.category-headline .h3::before {
      color: #777;
      border-style: solid;
      border-width: 0.25em 0.25em 0 0;
      content: '';
      display: inline-block;
      position: relative;
      top: 0.25em;
      left: 0.15em;
      vertical-align: top;
      height: 0.45em;
      width: 0.45em;
      transform: rotate(45deg);
      margin-right: 15px; }
  .container-relinfo table#release-notes td a {
    font-weight: bold; }
    .container-relinfo table#release-notes td a:hover {
      text-decoration: none;
      color: #000; }
  .container-relinfo .loader-block {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1s linear infinite; }
  .container-relinfo .loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 1s linear infinite;
    margin: -60px 0 0 -60px;
    position: absolute;
    top: 50%;
    left: 50%; }

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }

.toggle {
  line-height: 1.5em; }
  .toggle .toggle-label {
    font-size: .9em; }
  .toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCC;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 26px; }
    .toggle .slider:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 3px;
      bottom: 3px;
      background-color: white;
      -webkit-transition: .5s;
      transition: .5s;
      border-radius: 50%; }
  .toggle input:checked + .slider {
    background-color: #777; }
  .toggle input:focus + .slider {
    box-shadow: 0 0 1px #777; }
  .toggle input:checked + .slider:before {
    -webkit-transform: translateX(34px);
    -ms-transform: translateX(34px);
    transform: translateX(34px); }

#sidebar {
  display: none;
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  background: #f5f5f5;
  padding: 15px;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: scroll; }
  #sidebar .toggle {
    color: #777;
    margin-top: 25px; }
  #sidebar h3 {
    color: #777;
    font-weight: bold;
    font-variant: petite-caps; }
  #sidebar a {
    color: #777; }
  #sidebar a:hover {
    text-decoration: none;
    color: #000; }
  #sidebar hr {
    border-top: 2px solid #777; }
  #sidebar ul.category-refs {
    line-height: 30px;
    list-style: none;
    padding: 0;
    margin: 0; }
  #sidebar ul.category-refs li::before {
    content: "\203A";
    padding-right: 8px;
    font-weight: bold;
    color: #777; }
  #sidebar .selection {
    margin-bottom: 25px; }
    #sidebar .selection a {
      display: block;
      margin-top: 25px; }

.uninteresting {
  color: #AAA; }

.sticky-thead {
  display: none; }

.table > tbody > tr > td.col-md-4,
.table > tbody > tr > th.col-md-4,
.table > tfoot > tr > td.col-md-4,
.table > tfoot > tr > th.col-md-4,
.table > thead > tr > td.col-md-4,
.table > thead > tr > th.col-md-4,
.table > tbody > tr > td.col-md-3,
.table > tbody > tr > th.col-md-3,
.table > tfoot > tr > td.col-md-3,
.table > tfoot > tr > th.col-md-3,
.table > thead > tr > td.col-md-3,
.table > thead > tr > th.col-md-3 {
  word-break: break-word;
  font-size: 14px; }

@media print {
  a[href]:after {
    content: none !important; } }

@media only screen and (min-width: 768px) {
  #sidebar {
    display: flex; }
  .sticky-thead {
    display: block; }
  #sidebar + #content {
    padding-right: 250px; }
  .table > tbody > tr > td.col-md-4,
  .table > tbody > tr > th.col-md-4,
  .table > tfoot > tr > td.col-md-4,
  .table > tfoot > tr > th.col-md-4,
  .table > thead > tr > td.col-md-4,
  .table > thead > tr > th.col-md-4,
  .table > tbody > tr > td.col-md-3,
  .table > tbody > tr > th.col-md-3,
  .table > tfoot > tr > td.col-md-3,
  .table > tfoot > tr > th.col-md-3,
  .table > thead > tr > td.col-md-3,
  .table > thead > tr > th.col-md-3 {
    word-break: initial;
    font-size: initial; } }

@media only screen and (min-width: 1200px) {
  .container-relinfo {
    padding: 45px 15%; } }

@media only screen and (min-width: 768px) {
  .container-relinfo .panel-body {
    padding: 15px; } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }