body {
  font-family: "Open SansVariable", sans-serif;
}

.navbar-dark {
  background-color: rgba(21, 21, 21, 1) !important;
}

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
}

.page-sidebar {
  background-image: radial-gradient(116.94% 41.63% at 5% 1.23%, rgb(38, 194, 140) 0%, rgb(2, 93, 133) 50.52%, rgb(1, 17, 23) 100%) !important;
  line-height: 12px !important;
  background-color: #2f4050;
}

.topnav {
  padding-right: 40px;
}

.navicon {
  width: 20px;
}

.pf-c-nav__link:focus {
  background-color: transparent !important;
}

.pf-c-nav__link:active {
  background-color: transparent !important;
}

.pf-c-nav__link:hover {
  background-color: rgba(51, 170, 51, .1) !important;
}

.active {
  background-color: rgba(51, 170, 51, .2) !important;
}

.active::after {
  border-color: rgba(51, 170, 51, .3) !important;
}

.btn-primary {
	background-color: rgba(5, 133, 182, 1) !important;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
}

.border {
    border:solid #ccc !important;
    border-width: 1px !important;
}

.bd-example {
    position:relative;
    padding: 24px;
    margin:0 -1.5rem;
    border:solid #ccc;
    border-width: 1px;
    margin: 0px;
    width: 99%;
}

body {
    font-size: 13px !important;
}

.nav-link {
    color: #fff !important;
    font-size: 16px !important;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-s {
    padding: 4px 8px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}

.filters {
    font-size: 15px;
    white-space: nowrap;
    overflow: visible;
    width: 100%;
}

.chosen-container {
    min-width: 100%;
}

.nav-link.active {
    font-weight: bold;
}

.tab-pane.active {
  background-color: white !important;
}

#nav-tab.nav.nav-tabs .nav-link {
  background-color: #aaa !important;
}

#nav-tab.nav.nav-tabs .nav-link.active {
  background-color: #555 !important;
}