@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

body {
  font-family: 'Rubik', sans-serif;
}

a {
  color: #242424;
}
a:hover {
  color: rgba(0,0,0,0.5);
}

.primary-bg-color {
  background-color: #fff;
}

header.header .topbar {
  background-color: #f2f2f2;
}
header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text {
  color: #242424;
}

header.header .main-navbar-wrapper {
  background-color: #242424;
  padding: 12px 0;
}
header.header .main-navbar-wrapper .navbar-collapse {
  padding: 0;
}
header.header .navbar-nav a {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
header.header .navbar-nav .dropdown-menu a {
  color: #242424;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 0px;
}

.master-breadcrumb,
.master-breadcrumb .breadcrumb {
  background-color: #fff;
}

.primary-content .tiles {
  border: 1px solid #ccc;
  border-radius: calc(0.25rem - 1px);
}

footer.footer {
  background-color: #242424;
  padding-bottom: 0;
}
footer.footer .copyright {
  margin: 0;
  font-size: inherit;
  text-align: inherit;
  background-color: #161616;
  color: #fff;
}
.footer .copyright p {
  margin: 0;
  padding: 0 15px;
}
.footer ul {
  margin-bottom: 0;
}