.sidebar-scroll,
#timeline .post-content .post-date span {
  background: #884ea0;
}

.sidebar-menu li a {
  color: rgba(255, 255, 255, 0.8);
}
.sidebar-menu li a:active, .sidebar-menu li a:hover, .sidebar-menu li a:focus {
  color: #FFF !important;
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar-menu li ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.sidebar-menu li ul li a:hover {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.sidebar-menu li.active > a {
  color: #FFF !important;
  background-color: rgba(255, 255, 255, 0.2);
}

.sidebar-toggled .sidebar-menu li:hover {
  background-color: #884ea0;
}

.nav-tabs li a:hover, .nav-tabs li a:focus, .nav-tabs li a:active {
  color: #884ea0 !important;
}
.nav-tabs li .active, .nav-tabs li.active {
  color: #884ea0 !important;
}
.nav-tabs li:not(.title-tab) a::after {
  background-color: #884ea0;
}

.list-group-item.active {
  background: #884ea0;
  border-color: #884ea0;
}
.list-group-item.active:focus, .list-group-item.active:hover {
  background: #884ea0;
  border-color: #884ea0;
}

.btn-primary {
  background-color: #884ea0;
  border-color: #884ea0;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #76448a !important;
  border-color: #76448a !important;
  color: #FFF;
}

.bg-success {
  background-color: #76448a !important;
}

a {
  color: #76448a;
}
a:hover, a:focus, a:active {
  color: #512e5f;
}

.circle-done {
  color: #884ea0;
}

.app-alert.alert-success {
  background-color: #76448a;
  color: #fff;
}

.bg-dark-success {
  background: #512e5f;
}

.dataTable tbody tr.active td, .dataTable tbody tr.active:hover td {
  background: #884ea0 !important;
}

td.dropdown-option button:hover {
  background: #884ea0;
  border-color: #884ea0;
}

.select2-results .select2-highlighted {
  background-color: #884ea0;
}

.datepicker table tr td.active.active {
  background: #884ea0;
  border-color: #884ea0;
}
.datepicker table tr td.active.active:hover {
  background: #884ea0;
  border-color: #884ea0;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active {
  background: #884ea0;
  border-color: #884ea0;
}
.datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background: #884ea0;
  border-color: #884ea0;
}
.datepicker table tr td span.active.active:hover {
  background: #884ea0;
  border-color: #884ea0;
}

.atwho-view .cur,
.note-hint-group .active,
.note-hint-item:hover {
  background-color: #884ea0 !important;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}
.sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-scroll::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.2);
}

@media (min-width: 991px) {
  .sidebar {
    background: #884ea0;
    border-right-color: #884ea0;
  }
}
.bg-primary {
  background-color: #884ea0 !important;
}

.sidebar-brand {
  background-color: #884ea0;
  border-bottom-color: rgba(0, 0, 0, 0.168627451) !important;
}

@media (max-width: 500px) {
  .sidebar.sidebar-off {
    background-color: #884ea0;
  }
  .sidebar .sidebar-scroll {
    border-top-color: rgba(0, 0, 0, 0.168627451) !important;
  }
  .sidebar #left-menu-topbar-button-container .nav-link,
  .sidebar .sidebar-toggle-btn {
    color: rgba(255, 255, 255, 0.8) !important;
  }
}
.form-check-input:checked {
  background-color: #884ea0 !important;
  border-color: #884ea0 !important;
}