.sidebar-nav {
  color: #6e7488 !important;
}

.sidebar-nav .nav-link {
  /* color: #424d54 !important; */
  font-weight: 500;
  font-size: 1rem;
  color: #6e7488 !important;
}

.sidebar-nav .nav-link svg {
  color: #6e7488 !important;
}

.sidebar-nav .nav-link:hover {
  color: #ec762c !important;
  background-color: transparent;
}

.sidebar-nav .nav-link::after {
  color: #6e7488 !important;
}

.btn_add {
  margin-right: 10px;
  color: #002d62 !important;
  background-color: #fdb913 !important;
  border-color: #fdb913 !important;
  background-image: linear-gradient(to left top, #fcc949, #fdb913);
  box-shadow: 0 2px 6px 0 #fdb91380;
}

.btn_add:hover {
  color: #002d62 !important;
  background-color: #ec762c !important;
  border-color: #ec762c !important;
  background-image: linear-gradient(to left top, #ec9277, #ec762c);
}

.btn_add:active {
  color: #002d62 !important;
  background-color: #ec762c !important;
  border-color: #ec762c !important;
}

.btn_add.focus,
.btn_add:focus {
  box-shadow: 0 0 0 0.2rem #c79e2b80 !important;
}

.btn_back {
  margin-right: 10px;
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
  background-image: linear-gradient(to left top, #007bff, #74b7ff);
  box-shadow: 0 2px 6px 0 #007bff80;
}

.btn_back:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  background-image: none;
}

.btn_back:active {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
}

.btn_back.focus,
.btn_back:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 50%) !important;
}

.btn_delete {
  margin-right: 10px;
  color: #ffffff !important;
  background-color: #d03038 !important;
  /* color: #002d62 !important;
  background-color: #ffb702 !important;
  border-color: #ffb702 !important;
  background-image: linear-gradient(to left top, #fcc949, #ffb702); */
}

.btn_delete:hover {
  color: #ffffff !important;
  background-color: #ed0511 !important;
  /* color: #002d62 !important;
  background-color: #ec762c !important;
  border-color: #ec762c !important;
  background-image: linear-gradient(to left top, #ec9277, #ec762c); */
}

.btn_delete:active {
  color: #002d62 !important;
  background-color: #ec762c !important;
  border-color: #ec762c !important;
}

.btn.delete.forcus,
.btn_delete:focus {
  box-shadow: 0 0 0 0.2rem #c79e2b80 !important;
}

.btn_warn {
  margin-right: 10px;
  color: #002d62 !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn_warn:hover {
  color: #002d62 !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}

.btn-primary {
  box-shadow: 0 2px 6px 0 #5046e580;
}

.btn-secondary {
  box-shadow: 0 2px 6px 0 #ebedef80;
}

.btn-success {
  box-shadow: 0 2px 6px 0 #51cc8a80;
}

.btn-danger {
  box-shadow: 0 2px 6px 0 #ef376e80;
}

.btn-warning {
  box-shadow: 0 2px 6px 0 #ffcc0080;
}

.btn-info {
  box-shadow: 0 2px 6px 0 #2596be80;
}

.btn-light {
  box-shadow: 0 2px 6px 0 #f0f4f780;
}

.btn-dark {
  box-shadow: 0 2px 6px 0 #636f8380;
}