/* General button styles */
.btn {
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

/* Default button */
.btn-default {
  background-color: #e7e7e7;
  color: #333;
  border: 1px solid #ccc;
}

.btn-default:hover {
  background-color: #d7d7d7;
  color: #222;
}

.btn-outline-default {
  color: #333;
  border: 1px solid #484848;
}

.btn-outline-default:hover {
  background-color: #484848;
  color: #fff;
}

/* Primary button */
.btn-primary {
  background-color: #101d3e;
  color: #fff;
  border: 1px solid #162a57;
}

.btn-outline-primary {
  color: #fff;
  border: 1px solid #162a57;
}

.btn-primary:hover {
  background-color: #162a57;
  color: #fff;
}

.btn-outline-primary:hover {
  background-color: rgb(16, 29, 62);
  color: #fff;
  border: 1px solid #162a57;
}

/* Success button */
.btn-success {
  background-color: #28a745;  /* Original color */
  color: #fff;
  border: 1px solid #218838;  /* Darker tone for the border */
}

.btn-success:hover {
  background-color: #218838;  /* Darker tone for the hover */
  color: #fff;
}

.btn-info {
  background-color: #133a5b;  /* Dark blue-green shade */
  color: #fff;
  border: 1px solid #0a1e2b;  /* Darker tone for the border */
}

.btn-info:hover {
  background-color: #0a1e2b;  /* Darker tone for the hover */
  color: #fff;
}


.btn-outline-info {
  color: #fff;
  border: 1px solid  #133a5b;;  /* Darker tone for the border */
}

.btn-outline-info:hover {
  background-color: #133a5b;;  /* Darker tone for the hover */
  color: #fff;
}

/* Warning button */
.btn-warning {
  background-color: #ffc107;  /* Original color */
  color: #212529;
  border: 1px solid #e0a800;  /* Darker tone for the border */
}

.btn-warning:hover {
  background-color: #e0a800;  /* Darker tone for the hover */
  color: #212529;
}

/* Danger button */
.btn-danger {
  background-color: #e30613;  /* Original color */
  color: #fff;
  border: 1px solid #c82333;  /* Darker tone for the border */
}

.btn-danger:hover {
  background-color: #c82333;  /* Darker tone for the hover */
  color: #fff;
}

/* Link button */
.btn-link {
  background-color: transparent;
  color: #007bff;  /* Original color */
  border: none;
}

.btn-link:hover {
  color: #0056b3;  /* Darker tone for the hover */
  text-decoration: underline;
}

.changelink {
  background-color: transparent !important;
  color: rgb(220, 53, 69) !important;
  border: 1px solid #004494 !important;
}

.changelink:hover {
  background-color: #003d7a !important;
  color: #fff !important;
}

.addlink {
  background-color: transparent !important;
  color: rgb(220, 53, 69) !important;
  border: 1px solid #162a57 !important;
}

.addlink:hover {
  background-color: #101d3e !important;
  color: #fff !important;
}

.m-0 {
  font-weight: 750;
}