.sidebar-dark {
	background-color: #5b5b5b;
}

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #0164CA;
    color: #fff;
}

.nav-tabs-bottom .nav-link.active:before {
    background-color: #0164CA !important;
}

/*table.dataTable a {
    color: #0164CA !important;
	font-weight: 400;
}*/

table.dataTable tr.even {
	background-color: #F2F1F2;
}

.card .card-body > .dataTables_wrapper .datatable-footer {
	display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
}

.card-body > .dataTables_wrapper .datatable-footer .dataTables_length {
	order: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.card-body > .dataTables_wrapper .datatable-footer .dataTables_paginate {
	order: 1;
}

.datatable-footer::after {
	content: unset !important;
}

.dataTables_paginate .paginate_button.current {
	border-color: #c0c4cc !important;
}

.drawer-right .drawer-controls {
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.drawer-right .drawer-controls .fa-times {
font-size: 24px;
}

.drawer-right .drawer-controls {
    margin-right: 0px;
}

.chart-iframe {
  width: 100%;
  min-height: 400px;
  display: block;
  outline: unset;
  border: unset;
  overflow: hidden;
  scroll-behavior: unset;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.horiz-chart {
  min-height: 290px;
}

.pie-chart {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.chart-iframe::-webkit-scrollbar {
  display: none;
}


.select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-color: #FFF;
}

.navbar-brand img {
    height: 58px;
}
.navbar-top {
    padding-top: 80px;
}

.sidebar:not(.sidebar-component) .sidebar-content {
    top: 77px}

.graph-standin {
    max-width: 100%;
    height: auto;
}

.total-metrics p { color:#8bd3c7 }
.master-metrics p { color: #ff5903 } 
.amex-metrics p { color:#383a3e }
.visa-metrics p { color: #14196e }
.disc-metrics p { color:#f68006 }

div[class^="graph-"] {
    display: none;
}

div[class^="graph-"].active {
    display: block !important;
}

#graph_01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.legend {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
  margin-top: 20px;
}

.legend-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: gray;
}

.legend-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}

svg {
  width: 100%;
  height: auto;
}

.tick text {
  fill: gray;
}

.x-axis text {
  text-anchor: end;
  transform: rotate(-45deg);
}

.y-axis text {
  text-anchor: end;
}

.grid line {
  stroke: lightgray;
  stroke-width: 1px;
}

.grid path {
  display: none;
}


/* Line Plot - Chart 02 */
#chart_02 svg {
  font-family: sans-serif;
}
.axis-label {
  font-size: 12px;
}
.grid line {
  stroke: #e0e0e0;
  stroke-opacity: 1;
  shape-rendering: crispEdges;
}
.legend {
  font-size: 12px;
  text-anchor: start;
}
.legend circle {
  r: 4;
}