.layout-navbar {
  background-color: #15395dff !important;
  color: #FFFFFF !important;
}
.layout-navbar a[id],
.layout-navbar a.nav-link {
  color: #FFFFFF !important;
}
.btn-primary {
  background: #63CDFF !important;
  color: #FFFFFF !important;
}
.btn-primary:hover {
  background: #63CDFF !important;
}
.btn-outline-primary:hover {
  background: #63CDFF !important;
  color: #FFFFFF !important;
}
.btn-outline-primary {
  background: transparent !important;
  -webkit-box-shadow: 0 0 0 1px #e23a8b inset !important;
  box-shadow: 0 0 0 1px #63CDFF inset !important;
  color: #63CDFF !important;
}
.bp-datatable .bp-btn-page.active {
  border: none !important;
  background: #63CDFF !important;
  color: #FFFFFF !important;
}
.btn-secondary {
  background: #63CDFF !important;
  color: #FFFFFF !important;
}
.btn-secondary:hover {
  background: #63CDFF !important;
}
.btn-outline-secondary:hover {
  background: #63CDFF !important;
  color: #FFFFFF !important;
}
.btn-outline-secondary {
  background: transparent !important;
  -webkit-box-shadow: 0 0 0 1px #e23a8b inset !important;
  box-shadow: 0 0 0 1px #63CDFF inset !important;
  color: #63CDFF !important;
}
a.active {
  font-weight: 700;
  color: #63CDFF !important;
}
.btn-link {
  color: #63CDFF !important;
}
.breadcrumb-wizard li.current a {
  background: #63CDFF !important;
  color: #fff;
}
.breadcrumb-wizard ul .current a::after,
.breadcrumb-wizard ul .current a:hover::after {
  border-left-color: #63CDFF !important;
}
.breadcrumb-wizard ul .current a::before,
.breadcrumb-wizard ul .current a:hover::before {
  border-color: #63CDFF #63CDFF #63CDFF transparent !important;
}
.login-template .layout-container > .layout-content > .container-fluid {
  flex-direction: column;
  display: flex;
  padding: 24px;
  margin-top: 10px;
}
.login-template .layout-container > .layout-content > .container-fluid > .card {
  flex: 1;
}
.login-template [data-id="card-container"] a {
  color: #63CDFF !important;
}