.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: #dc3545 !important;
  background-color: transparent;
}

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

.command-btn{
  width: 100px !important;
  margin-bottom: 5px;
}

.btn_add {
  margin-right: 10px;
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  transition: 200ms;
  background-image: linear-gradient(to left top, #dc3545, #f07278);
}

.btn_add:hover {
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  transition: 200ms;
  background-image: none;
}

.btn_add:active {
  color: #fff !important;
  background-color: #bd2130 !important;
  border-color: #b21f2d !important;
}

.btn_add.focus,
.btn_add:focus {
  box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%) !important;
}


.btn_back {
  margin-right: 5px;
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #00000020 !important;
  transition: 200ms;
  background-image: linear-gradient(to left top, #007bff, #74b7ff);
}

.btn_back:hover {
  color: #fff !important;
  background-color: #0069d9 !important;
  border-color: #0062cc !important;
  transition: 200ms;
  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 #007bff80 !important;
}

.btn_delete {
  margin-right: 10px;
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  transition: 200ms;
  background-image: linear-gradient(to left top, #ec454d, #f07278);
}

.btn_delete:hover {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  transition: 200ms;
  background-image: none;
}

.btn_delete:active {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.btn.delete.forcus,
.btn_delete:focus {
  box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%) !important;
}

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

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

.img_pre {
  width: 200px;
  height: 300px;
  max-height: 100%;
  margin-bottom: 10px;
  border: 1px dashed #383030;
}

main {
  padding: 0rem 1rem;
}