@import "color";
.btn-success {
  color: #ffffff !important;
  background-color: $primary-color !important;
  border-color: $primary-color !important;
  box-shadow: none !important;
}
.btn-success:hover {
  color: #ffffff !important;
  background-color: $primary-light-color !important;
  border-color: $primary-light-color !important;
}

.btn-success:focus, .btn-success.focus {
  color: #ffffff !important;
  background-color: $primary-light-color !important;
  border-color: $primary-light-color !important;
  box-shadow: 0 0 0 0 rgba(16, 114, 124, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #ffffff !important;
  background-color: $primary-color !important;
  border-color: $primary-color !important;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #ffffff !important;
  background-color: $primary-light-color !important;
  border-color: $primary-light-color !important;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(16, 114, 124, 0.5);


}

.btn-outline-success {
  color: $primary-color !important;
  border-color: $primary-color !important;
}

.btn-outline-success:hover {
  color: #ffffff;
  background-color: $primary-color !important;
  border-color: $primary-color !important;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(16, 114, 124, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: $primary-color !important;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #ffffff;
  background-color: $primary-color !important;
  border-color: $primary-color !important;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(16, 114, 124, 0.5);
}


.btn-danger {
  color: #ffffff !important;
  background-color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
  box-shadow: none !important;
}

.btn-danger:hover {
  color: #ffffff !important;
  background-color: $secondary-color !important;
  border-color: $secondary-light-color !important;
}

.btn-danger:focus, .btn-danger.focus {
  color: #ffffff !important;
  background-color: $secondary-color !important;
  border-color: $secondary-light-color !important;
  box-shadow:  0 0 0 0 rgba(240, 128, 101, 0.5) !important;
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff !important;
  background-color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #ffffff !important;
  background-color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow:  0 0 0 0 rgba(240, 128, 101, 0.5) !important;
}
.btn-outline-danger {
  color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
}

.btn-outline-danger:hover {
  color: #ffffff !important;
  background-color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow:  0 0 0 0 rgba(240, 128, 101, 0.5) !important;
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: $secondary-light-color !important;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff;
  background-color: $secondary-light-color !important;
  border-color: $secondary-light-color !important;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow:  0 0 0 0 rgba(240, 128, 101, 0.5) !important;

}
