.bg-brand {
  background-color: #512673 !important;
}

.btn-brand {
  background-color: #512673 !important;
}

.btn.active {
  background-color: #512673 !important;
  color: #ffffff !important;
}

.btn-brand-outline {
  background-color: transparent;
  color: #512673;
  border: 1px solid;
    border-top-color: initial;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: initial;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: initial;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: initial;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 10px 22px;
}

.btn-brand-outline:hover {
  filter: brightness(110%) !important;
  background-color: #512673 !important;
  color: #ffffff !important;
}

a {
  color: #512673;
}

.text-primary {
    color: #512673 !important;
}

a:focus {
  color: #512673;
}

a:hover:not(.homepage-carousel-link):not(.btn-brand):not(.nav-link):not(.navbar-brand):not(.made-with-pk):not(.carousel-control-next):not(.carousel-control-prev) {
  filter: brightness(110%);
  color: #512673;
}

.modal.modal-brand .modal-content {
    background-color: #512673 !important;
    color: #FFFFFF;
}

.sidebar-collapse .navbar-collapse:before {
    background: #512673;
    background: -webkit-linear-gradient(#512673 0%, #000 80%);
    background: -o-linear-gradient(#512673 0%, #000 80%);
    background: -moz-linear-gradient(#512673 0%, #000 80%);
    background: linear-gradient(#512673 0%, #000 80%);
}

@media screen and (max-width: 991px){
  .nav-open .sidebar-collapse .navbar-collapse {
      background: #512673;
      background: -webkit-linear-gradient(#512673 0%, #000 80%);
      background: -o-linear-gradient(#512673 0%, #000 80%);
      background: -moz-linear-gradient(#512673 0%, #000 80%);
      background: linear-gradient(#512673 0%, #000 80%);
  }
}

.nav-pills.nav-pills-brand .nav-item .nav-link.active,
.nav-pills.nav-pills-brand .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-brand .nav-item .nav-link.active:hover {
    background-color: #512673;
}

div.datepicker-calendar.nowui div.datepicker-month-wrap, div.datepicker-calendar.nowui tr.datepicker-weekdays {
    color: #512673;
}

div.datepicker-calendar.nowui table.datepicker-grid td.selectable.focus, div.datepicker-calendar.nowui table.datepicker-grid td.selectable:focus {
    background-color: #512673;
    border-radius: 40%;
    color: #ffffff
}

.day.selectable.has-event::after{
  background-color: #512673;
}

html .sidebar-collapse .navbar:not(.navbar-transparent) .navbar-toggler-bar{
  background: #ffffff;
}

html .navbar:not(.navbar-transparent) a:not(.btn):not(.dropdown-item), html .navbar:not(.navbar-transparent) .navbar-nav .nav-link:not(.btn){
  color: #ffffff;
}

html .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link{
  color: #ffffff;
}

html .nav-tabs.nav-tabs-neutral>.nav-item>.nav-link.active{
  border-color: #ffffff80;
  color: #ffffff;
}

html table thead.bg-brand th{
  color: #ffffff !important;
}