/* Downloads */

#legacy-portal #legacy-container .ui-tabs-nav .ui-tabs-selected {
  background: #fff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.ajaxLoading {
  display: none;
  background: url(/../assets/bg-spinner.gif) no-repeat 4px 50%;
  float: left;
  font-style: italic;
  padding: 6px 10px 6px 26px;
}

.agreement,
.contact {
  color: #777;
  font-size: 84.62%;
}

#downloadstab>.agreement:first-child {
  margin-left: 10px;
}

.contact {
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.available {
  margin-bottom: 0;
  margin-top: 0;
}

.available dd {
  margin-top: 0;
  margin-left: 0;
}

.available dd ul {
  margin-bottom: 0 !important;
}

.available dt {
  font-weight: normal;
  margin-top: 0;
}

.box {
  border: 1px solid #DEDEDE;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.box.download p {
  margin: 14px 0 0;
}

.box.download p.link a {
  font-family: Overpass, "Liberation Sans", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  font-size: 107.69%;
  line-height: 200%;
  vertical-align: top;
  *vertical-align: baseline; /* IE7 */
}

.box.download p.not-latest {
  margin-left: -6.25%;
}

.box code {
  border: 1px #EEE solid;
  border-left: 2px #CCC solid;
  color: #444;
  display: block;
  font-family: monospace;
  font-size: 13px;
  margin: 12px 0 0;
  padding: 6px;
}

.box h2 {
  font-size: 16px;
  font-weight: normal;
  padding: 0;
}

.box.half {
  float: left;
  margin: 0 0 0 2.5%;
  padding: 2.0%;
  width: 44%;
}

.box.half:first-child {
  margin-left: 0;
}

.other .box.half {
  margin-top: 14px;
}

.box .icon-download {
  font-size: 200%;
  margin: 0 6px 0 0;
  vertical-align: bottom;
}

.box .more {
  font-size: 84.62%;
  margin: 28px 0 0;
}

.box .more a {
  color: #777;
  text-decoration: underline;
}

.contentSets {
  list-style: none;
  margin: 12px 0 0 !important;
  padding: 0;
}

#searchContentSets+.contentSets {
  margin-top: 4px !important;
}

.contentSets li {
  border-top: 1px solid #ddd;
  padding: 12px 0;
}

.contentSets li:first-child {
  border-top: 0;
}

.copy-to-clipboard {
  display: inline-block;
  cursor: pointer;
}

.details {
  border: 0;
  float: right;
  font-size: 84.62%;
  margin: 8px 0 0 12px;
  padding: 0 12px 0 0;
}

.details dd {
  display: block;
  float: left;
  line-height: 30px;
  margin: 0 0 0 9px;
}

.details dd .chzn-container-single .chzn-single span {
  margin-right: 12px;
}

.details dd .chzn-results {
  font-size: inherit;
  margin: 0 !important;
  padding-left: 0;
}

.details dt {
  color: #666;
  display: block;
  float: left;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 0 21px;
}

.details dt:first-child {
  margin-left: 0;
}

.dataTables_wrapper {
  margin: 24px 0 0;
  min-height: 0;
}

.ui-tabs-nav+.dataTables_wrapper {
  margin-top: 30px;
}

.download .icon-download {
  color: #06c;
}

.files {
  margin-bottom: 24px;
  width: 100%;
}

.files td,
.files th {
  border-top: 1px solid #ddd;
  color: #333;
  padding: 12px;
}

.files td {
  font-size: 91.67%;
  color: #555;
}

.files td[colspan] {
  color: #333;
  font-size: 100%;
}

.files td.checksum,
.download .checksum,
.download .date,
.download .filesize {
  font-family: monospace;
  font-size: 10px;
}

td.checksum {
  font-family: monospace;
  font-size: 90% !important;
}

.download p.checksum,
.download p.date,
.download p.filesize {
  color: #666;
}

.download p.checksum,
.download p.date {
  margin-top: 0;
}

.files td.name {
  font-size: 108.33%;
  width: 40%;
}

.files td.name a {
  line-height: 18px;
}

.files td.name>a {
  font-family: Overpass, "Liberation Sans", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  vertical-align: top;
  *vertical-align: baseline; /* IE7 */
}

.files td.name>a:hover,
.files td.name>a:hover .icon-download {
  color: #03c;
  text-decoration: none;
}

.files td.name .toggleOther a {
  color: #888;
  font-size: 76.92%;
  margin: 0 0 0 21px;
  padding-left: 9px;
}

.files td.name .toggleOther a:after {
  border: 3px solid transparent;
  border-left-color: #888;
  left: 2px;
  top: 5px;
}

.files td.name .toggleOther.open a:after {
  border-left-color: transparent;
  border-top-color: #888;
  left: 0;
  top: 7px;
}

.files td.name .toggleOther a:hover {
  color: #777;
  text-decoration: underline;
}

.files td.name .icon-download {
  color: #06c;
  font-size: 17px;
  margin: 0 5px 0 0;
}

.files th {
  background: transparent;
  border-top: 0;
}

.menuArchitecture {
  border: 1px solid transparent;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  float: left;
  font-size: 84.62%;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
}

.menuArchitecture.active {
  background: #f2f3f3;
  border-color: #c9cacb;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .25);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .25);
  position: absolute;
}

.menuArchitecture+* {
  clear: left;
}

.menuArchitecture dd {
  display: none;
  margin: 0;
  position: relative;
}

.menuArchitecture.active dd {
  display: block;
}

.menuArchitecture dt {
  font-weight: normal;
  margin: 0 0 4px;
}

.menuArchitecture dt a:link,
.menuArchitecture dt a:visited,
.menuArchitecture dt a:hover,
.menuArchitecture dt a:active {
  color: #777;
  text-decoration: underline;
}

.menuArchitecture.active dt a:link,
.menuArchitecture.active dt a:visited,
.menuArchitecture.active dt a:hover,
.menuArchitecture.active dt a:active {
  color: #444;
  text-decoration: none;
}

.menuArchitecture li {
  margin: 0 0 4px;
}

.menuArchitecture ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

.not-latest {
  background: #e9e9e9;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  color: #254564;
  display: inline-block;
  padding: 6px 16px;
  position: relative;
  margin-left: -28px;
}

.not-latest:after {
  border: 4px solid #bbb;
  border-bottom-color: transparent;
  border-left-color: transparent;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 0;
}

.not-latest a {
  font-weight: bold;
}

.not-latest [class^="icon-"] {
  color: #06c;
  margin: 0 4px 0 0;
  vertical-align: middle;
}

.other {
  display: none;
  float: left;
  margin: 0 0 15px;
  width: 100%;
}

td.name .other {
  font-size: 85.71%;
  margin-left: 30px;
  width: auto;
}

.other.additional {
  padding-left: 12px;
}

.other:last-of-type {
  margin-bottom: 0;
}

.other.source {
  margin-bottom: 32px;
}

.other h2,
.ui-tabs-nav+h2 {
  font-size: 16px;
  font-weight: normal;
}

.ui-tabs-nav+h2 {
  padding-top: 0;
}

.package {
  float: left;
  margin: 12px 0 30px;
  width: 100%;
}

#packages .files td {
  color: #444;
  font-size: 100%;
  padding-bottom: 6px;
  padding-top: 6px;
  width: auto;
}

#packages.ui-tabs-panel h2 {
  border-bottom: 1px solid #ccc;
  color: #222;
  font-size: 107.69%;
  padding: 0 12px 12px;
}

.product {
  border: 1px solid #DEDEDE;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  float: left;
  margin: 0 0 24px;
  padding: 20px 20px 10px;
  position: relative;
}

.product .btn {
  line-height: 1;
  margin-bottom: 10px;
  margin-left: 4px;
  padding: 5px 9px;
}

.product .chzn-container {
  margin: 0 10px 10px 0;
}

.product #product {
  min-width: 250px;
}

.product .btn,
.product #rhelArchitecture_chzn,
.product #rhelVersion_chzn,
.product #productVersion_chzn {
  display: none;
}

.product.layered_chzn #productVersion_chzn,
.product.product_chzn #rhelVersion_chzn,
.product.productVersion_chzn #rhelVersion_chzn,
.product.rhelVersion_chzn #rhelArchitecture_chzn,
.product.rhelArchitecture_chzn .btn {
  display: inline-block;
  vertical-align: top;
}

.product select {
  width: 190px;
}

.product ul {
  margin: 0 !important;
  padding: 0 !important;
}

.rhel-page-show-more-collapse {
  cursor: pointer;
  padding-left: 10pt;
}
#rhel-page-container {
  visibility: hidden;
}

.search {
  background: #fff url(/../assets/i_mag-glass.png) no-repeat 8px 50%;
  background: url(/../assets/i_mag-glass.png) no-repeat 8px 50%, -moz-linear-gradient(top, #EEE 0%, white 50%);
  background: url(/../assets/i_mag-glass.png) no-repeat 8px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEE), color-stop(50%, white));
  background: url(/../assets/i_mag-glass.png) no-repeat 8px 50%, -webkit-linear-gradient(top, #EEE 0%, white 50%);
  background: url(/../assets/i_mag-glass.png) no-repeat 8px 50%, -o-linear-gradient(top, #EEE 0%, white 50%);
  background: url(/../assets/i_mag-glass.png) no-repeat 8px 50%, linear-gradient(to bottom, #EEE 0%, white 50%);
  border: 1px solid #AAA;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 26px;
  line-height: 26px;
  padding: 0 24px 0 28px;
  width: 260px;
}

.software-components-band {
  padding: 35px;
}

#searchContentSets {
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  margin: 26px 0 0;
  padding: 16px 0;
}

#searchContentSets .btn {
  margin-top: -1px;
}

table.display td {
  text-align: left;
}

table.display th.name {
  width: 30%;
}

table.display th.summary {
  width: 55%;
}

table.display th.download {
  width: 15%;
}

table.display td.name {
  text-align: left;
  width: 30%;
}

table.display td.summary {
  text-align: left;
  width: 55%;
}

table.display td.download {
  text-align: left;
  width: 15%;
}

table.display td.select {
  text-align: center;
}

#tabs.ui-tabs .ui-corner-top {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}

#tabs.ui-tabs .ui-tabs-nav {
  border: 0;
  border-bottom: 1px solid #ddd;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font: normal 14px/40px Overpass, "Liberation Sans", "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
  margin: 0 0 28px !important;
}

#tabs.ui-tabs .ui-tabs-nav li,
#tabs.ui-tabs .ui-tabs-nav li:hover {
  background: none;
  border-color: transparent;
  margin: 0 .2em 1px 0;
}

#tabs.ui-tabs .ui-tabs-nav li a {
  background: none;
  border: 0;
  color: #06c;
  font-weight: normal;
  padding: 1px 18px 0;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  cursor: auto;
}

#tabs.ui-tabs .ui-tabs-nav li a:hover {
  color: #222;
  text-decoration: none;
}

#tabs.ui-tabs .ui-tabs-nav li a:focus,
#tabs.ui-tabs .ui-tabs-nav li a:active {
  color: #222;
  outline: none;
  -moz-outline: none;
}

#tabs.ui-tabs .ui-tabs-nav>li.ui-state-default {
  background: 0;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: #fff;
  border: 1px solid #c9c9c9;
  border-bottom: 0 !important;
  margin-bottom: 0;
  padding-bottom: 1px;
}

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #000;
  padding: 1px 18px 0;
}

#tabs.ui-tabs .ui-tabs-panel {
  padding-top: 0;
}

#tabs.ui-tabs .ui-tabs-panel>p:first-child {
  margin-bottom: 18px;
  margin-top: 24px;
}

td.architecture li {
  display: inline-block;
  *display: inline;
  margin-left: 20px;
}

td.architecture li:first-child {
  margin-left: 0;
}

td.architecture ul {
  list-style: none;
  margin: 0 !important;
  padding: 0;
}

table.table-data tbody tr td.name {
  font-weight: bold;
}

table.table-data tbody tr td.download {
  padding-bottom: 6px;
}

td.download .btn {
  margin-bottom: 4px;
}

.toggleOther {
  clear: left;
}

.buttonActionDataTable+.toggleOther,
.dataTables_wrapper+.toggleOther {
  margin-top: 30px;
}

.other+.toggleOther {
  margin-top: 24px;
}

td.name .toggleOther {
  margin-top: 0;
}

.toggleOther a {
  display: inline-block;
  line-height: 1;
  padding: 0 0 0 13px;
  position: relative;
}

.toggleOther a:after {
  border: 4px solid transparent;
  border-left-color: #333;
  border-right-width: 0;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  left: 3px;
  top: 2px;
  width: 0;
}

.toggleOther.open a:after {
  border-bottom-width: 0;
  border-right-width: 4px;
  border-left-color: transparent;
  border-top-color: #333;
  left: 0;
  top: 5px;
}

.withMenuArchitecture {
  margin-right: 150px;
}


/* Print */

@media print {
  .agreement,
  .contact {
    color: #555;
  }
  .print-single #packages.ui-tabs-panel:before {
    color: #333;
    content: 'Updated Packages';
    display: block;
    font-family: Overpass, "Liberation Sans", "Arimo", "Trebuchet MS", "Bitstream Vera Sans", helvetica, verdana, arial, sans-serif;
    font-size: 145%;
    font-weight: bold;
    margin: 0 0 16px;
    padding: 10px 0 5px 0;
  }
  .print-single .ui-tabs-panel {
    display: block !important;
  }
  .ui-tabs-nav {
    display: none;
  }
}

.error-page div.messages {
  margin: 0 0 20px 0;
}

.error-page mark {
  background-color: #fffed1;
}

#main .error-page ul.error-details {
  margin: 1.5em 0 !important;
}

#main .error-page ul.error-details li {
  margin: 0 0 1.5em;
}

.error-page ul.error-details li>h3 {
  margin-bottom: 0.2em;
}

div.toggle-block {
  display: none;
}

div.toggle-block.open {
  display: block;
}

a.toggle-simple:before {
  content: "\72";
  font-family: 'portalicons';
  font-weight: normal;
  line-height: 1.5em;
  speak: none;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  float: left;
  margin-right: 4px;
}

a.toggle-simple.open:before {
  content: "\64";
}

.table-data-wrapper .fg-toolbar {
  background: none;
  border: 0;
}

.table-data-wrapper .fg-toolbar .dataTables_info {
  padding-top: 0;
}

.dataTables_paginate {
  padding-bottom: .5rem;
  text-align: right;
}

div.table-data-wrapper .dataTables_paginate a.paginate_button {
  float: unset;
}

.table-data-wrapper .fg-toolbar .dataTables_paginate {
  float: right;
  padding-top: 0;
}

div.table-data-wrapper .fg-buttonset>span>span {
  display: none;
}

div.dataTables_paginate>span>span {
  display: none;
}

div.table-data-wrapper .dataTables_paginate .fg-buttonset {
  margin-right: 0px;
}

div.table-data-wrapper .dataTables_paginate .fg-button {
  position: relative;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #0088ce;
  background: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
  border-radius: 0;
  margin-right: 0;
  text-transform: capitalize;
  opacity: 1;
  color: #333 !important;
}

div.table-data-wrapper .dataTables_paginate .ui-state-disabled {
  background: #fff !important;
  border-color: #ddd !important;
  cursor: not-allowed !important;
}

div.table-data-wrapper .dataTables_paginate .fg-button:hover,
div.table-data-wrapper .dataTables_paginate .fg-button:focus {
  color: #005582 !important;
  background: #eee !important;
  border-color: #ddd !important;
}

div.table-data-wrapper .dataTables_paginate span>span.ui-state-disabled {
  background: #0088ce !important;
  color: #fff !important;
  border-color: #0088ce !important;
  z-index: 2;
  cursor: default !important;
}

.table-data-wrapper .fg-toolbar .dataTables_processing {
  color: #c00;
  line-height: 34px;
}

.table-data-wrapper .fg-toolbar .dataTables_length~.dataTables_processing {
  margin-left: 30px;
  margin-top: 2px;
  position: inherit;
  width: auto;
  padding-top: 0px;
  font-size: 16px;
  float: left;
}

.table-data-wrapper .DataTables_sort_wrapper .ui-icon {
  position: absolute;
  right: -15px;
  top: 3px;
}

.table-data-wrapper .DataTables_sort_wrapper {
  position: relative;
}

.version-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.version-switch {
  font-size: 14px;
  margin: 0;
}

.rhel-downloads-btn {
  width: 100%;
}

.fade-out-text {
  margin-bottom: 1.875rem;
}
