.btn-light {
  border: 1px solid #ced4da;
  background: white;
  color: #495057;
}

.btn-light > i {
  position: relative;
  top: 1px;
}

.btn-group button.btn-primary.active {
  color: #000 !important;
  background-color: #b0b0b0 !important;
  box-shadow: inset 0 0.1em 0.25em 0 rgba(0, 0, 0, 0.25) !important;
}

.btn-group button.btn-primary {
  color: #000;
  border-color: rgba(0, 0, 0, 0.1) !important;
  background-color: #ebebeb !important;
}

.btn-group button:active,
.btn-group button:focus,
.btn-noline:active,
.btn-noline:focus,
.btn-dgreen:active,
.btn-dgreen:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-group button:hover {
  opacity: 0.7;
}

.btn-dorange,
.btn-dorange:active,
.btn-dorange:visited {
  background-color: #fa811b !important;
  color: white;
}

.btn-dorange:hover {
  background-color: #e0731a !important;
  color: white;
}

.btn-outline-dorange,
.btn-outline-dorange:active,
.btn-outline-dorange:visited {
  color: #fa811b;
  border-color: #fa811b;
}

.btn-outline-dorange:hover {
  background-color: #fa811b !important;
  color: white;
}

.btn-hgreen,
.btn-hgreen:active,
.btn-hgreen:visited {
  border: 1px solid var(--hacker-green);
  background-color: #88cc14 !important;
  color: white;
}

.btn-hgreen:hover {
  background-color: #7ab318 !important;
  color: white;
}

.btn-hgreen-soft,
.btn-hgreen-soft:active,
.btn-hgreen-soft:visited {
  background-color: #6e9a23 !important;
  color: white;
}

.btn-outline-hgreen,
.btn-outline-hgreen:active,
.btn-outline-hgreen:visited {
  color: #7ab318;
  border-color: #7ab318;
}

.btn-outline-hgreen:hover {
  background-color: #7ab318 !important;
  color: white;
}

.btn-hgreen-soft:hover {
  background-color: #7ab318 !important;
  color: white;
}

.btn-hgreen-soft:focus {
  outline: none;
  box-shadow: none;
}

.btn-dblue,
.btn-dblue:active,
.btn-dblue:visited {
  background-color: #53678e !important;
  color: white;
}

.btn-dblue:hover {
  background-color: #5870a1 !important;
  color: white;
}

.btn-clear,
.btn-clear:active,
.btn-clear:visited {
  background-color: transparent;
  color: #53678e;
}

.btn-clear:hover {
  background-color: #ececec !important;
  color: #53678e;
}

.btn-dgreen {
  color: white;
  background-color: #506c82;
  border-color: #506c82;
}

.btn-dgreen:hover {
  color: white;
  opacity: 0.8;
}