/* --------------------------------

Custom styles

-------------------------------- */

/* unvisited link */
a {
  color: #69be27;;
}

a:hover {
	color:mediumseagreen;
}

/* mouse over link */
a.nav-link:hover {
  color: orangered;
}

.nav.nav-pills .nav-link.active {
    animation: 0.2s ease;
    background-color: #69be27;
	
	
/* selected link */
a:active {
  color: yellow;
} 

/* Add this CSS to highlight the hit area when clicked */
.item {
    display: block;
    text-decoration: none;
    padding: 10px;
}
.item:hover {
    background-color: #f0f0f0; /* Change this color as needed */
}

/* Rest of your existing CSS */
.item .row {
    display: flex;
    align-items: center;
}
.item .col-sm-2,
.item .col-3 {
    flex: 0 0 auto;
}
.item .col-sm-10,
.item .col-9 {
    flex: 1 1 auto;
}
.item img {
    max-width: 100%;
    height: auto;
}
.item hr {
    border-color: #333;
}

.borderless table {
border-top-style: none;
border-left-style: none;
border-right-style: none;
border-bottom-style: none;
}

	
/*ABX REPORT*/
	
.ABXReport {
  background-color: #ffffff;
}
.ABXReport h4 sup {
  font-size: 100%;
  margin-right: -0.25em;
  vertical-align: top;
  position: relative;
  top: 0.9em;
}
.ABXReport .abx_page_header {
  display: none;
}
.ABXReport .abx_card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s ease-in-out;
}
.ABXReport .abx_card:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.ABXReport .kpi-panel:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s ease-in-out;
}
.ABXReport h2 {
  font-size: 24px;
}
.ABXReport h3 {
  font-size: 19.2px;
}
.ABXReport * {
  transition: all 0.25s ease;
  border: none;
}
@media (max-width: 767px) {
}
.ABXReport .abx_panel_kpi {
  margin-bottom: 0px;
}
.ABXReport .panel-footer.abx_panel_kpi_key {
  padding: 0px;
  padding: 1px 1px 1px 1em;
  color: #333333;
  background-color: #CECECE;
}
.ABXReport .panel-footer.abx_panel_kpi_key .abx_scores_key p.marks_key {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left;
  font-weight: 300;
  text-align: left !important;
}
.ABXReport .panel-footer.abx_panel_kpi_key .abx_scores_key p.marks_key.marks_label {
  padding-top: 8px !important;
  padding-bottom: 0px !important;
  font-size: 12px !important;
}
.ABXReport .panel-footer.abx_panel_kpi_key .abx_scores_key p.marks_key b {
  font-weight: 600;
}
.ABXReport .panel-footer.abx_panel_kpi_key .abx_scores_key p.marks_key span {
  font-size: 11px !important;
  margin-bottom: 2px;
  display: inline-block;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin-right: 0.5em;
  border-radius: 4px;
  background-color: #DDDDDD;
}
.ABXReport .panel-footer.abx_panel_kpi_key .footnote {
  float: right;
  padding-top: 8px !important;
  padding-bottom: 0px !important;
  padding-right: 1em;
  font-size: 12px !important;
  font-weight: normal;
}
.ABXReport .abx_panel_segmentation {
  min-height: 115px;
}