.btn-custom {
  background-color: #7E3B3C;
  border-color: #7E3B3C;
  color: #FFF;
}

.btn-custom:hover {
  background-color: #7E3B3C;
  border-color: #7E3B3C;
  color: #FFF;
}

input {
  accent-color: #7E3B3C !important;
}

.bg-custom {
  background-color: #7E3B3C;
}

.bg-custom2 {
  background-color: #B38B67;
}

#sidebar-menu > ul > li > a.active,
.nav-second-level li > a.active, 
.nav-thrid-level li > a.active,
.metismenu li a[aria-expanded="true"] {
  color: #617C2E !important;
}

#sidebar-menu > ul > li > a.active {
  color: #7E3B3C !important;
  background-color: #f1f5f7;
  border-right-color: #7E3B3C !important;
}

.required::after {
  color: #FF0000;
  content: '*';
}

.navbar-custom {
  background-color: #222 !important;
}

.richText .richText-editor:focus{
  border-left-color: #617C2E !important;
}

.pagination > .active > a, .pagination > .active > a:focus, 
.pagination > .active > a:hover, .pagination > .active > span, 
.pagination > .active > span:focus, .pagination > .active > span:hover,
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #7E3B3C;
    border-color: #7E3B3C;
}

.pagination > li > a {
  z-index: 3;
  color: #7E3B3C;
  background-color: #EEE;
  border-color: #FCFCFC;
}

.pagination > li > a, .pagination > li > span {
  padding: 6px 10px;
  margin: 0 2px;
}

div.bootstrap-select {
  display: block;
  font-size: .9rem;
  font-weight: 400;
  color: #222 !important;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
  border-radius: .2rem !important;
}

div.bootstrap-select button.btn-input {
  color: #222 !important;
}

.dash-doughnut {
  height: 286px !important;
}