/* Custom Bootstrap Styles */
hr {
  margin: 50px 0;
}
.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
}

input[type="text"],
input[type="password"]
{
  border: 1px solid var(--light-grey);
  border-radius: 3px;
  padding: 10px;
}

table {
    background-color: white;
    text-align: center;
    font-size: 14px;
}

.table-green {
    background-color: green;
    color: white;
    text-align: right;
}

.table-orange {
    background-color: orange;
    color: white;
    text-align: center;
}

.table-title {
    width: 50%;
}

.table-green a {
  color: white;
  text-decoration: none;
}

.table-green a:hover {
  color: white;
}

.btn-check + .btn {
  padding: 0 5px;

}

.btn-check:checked + .btn {
  color: orange;
}

.btn-check:focus+ .btn {
  outline: none;
}

.btn-check:focus+.btn, .btn:focus{
  border-color: transparent;
  box-shadow: none;
  outline: 0 none !important;
}

a {
    color: inherit;
    text-decoration: none;
    /* no underline */
}

a:hover {
  color: green;
}

.active .page-link {
    background-color: green !important;
    border-color: green !important;
}

a.page-link {
  color: green;
}

a.page-link:hover {
    color: green;
}


input[name="sponsorId"] {
  padding-left: 50px;
  background-image: url(../images/sponsor/ic_account.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 15px;
}

input[name="password"] {
  padding-left: 50px;
  background-image: url(../images/sponsor/ic_password.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 15px;
}