/* customer specific styling */
.btn-primary {
    background: rgb(245, 231, 78);
    background: linear-gradient(180deg, rgb(245, 231, 78) 0%, rgb(234, 160, 59) 100%);
    border: 0;
    border-radius: 4px;
    color: #0B192D;
    box-shadow: 0px 0px 0px 0.6px #CCCFD4, inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

.btn-primary:hover {
  background: #2e6200;
  background: linear-gradient(180deg, #25934c 0%, #2e6200 100%);
  color: #fff;
}
.btn-primary:active, .btn-primary:focus-visible {
  color: #000 !important;
}

.sidebar-nav {
    background: rgb(69, 70, 69);
}


.sidebar-nav .nav-link {
    background-color: rgb(28, 28, 28);
    font-weight: 500;
    color: #fff !important;
    font-size: 1.1rem;
    border-bottom: rgb(69, 70, 69) 1px solid;
}

.sidebar-nav .nav-link:hover {
    background-color: #25934c;
}

.sidebar-nav .nav-link.active {
    background-color: #25934c;
}

#select_units {
    background: linear-gradient(180deg, rgb(69, 70, 69) 0%, rgb(28, 28, 28) 100%);
    font-weight: 500;
    color: #fff !important;
    font-size: 1.1rem;
}
#select_units:hover {
    background: linear-gradient(180deg, #25934c 0%, #2e6200 100%);
}

.sidebar-nav .viewing-unit {
    color: white !important;
}

.sidebar-nav .my-3 {
    color: white;
}

.bordered-wrapper {
    border: 3px solid #2e6200 !important;
    border-radius: 10px;
    background-color: rgb(242, 242, 242);
}

#select_units_to_pay {
    border: 3px solid #2e6200 !important;
    border-radius: 10px;
    background-color: rgb(242, 242, 242);
}

.payment-section {
    border: 3px solid #2e6200 !important;
    border-radius: 10px;
    background-color: rgb(242, 242, 242);
    margin-top: 10px;
}

#change_password {
    border: 3px solid #2e6200 !important;
    border-radius: 10px;
    background-color: rgb(242, 242, 242);
    margin-top: 10px;
}

.select-unit-row {
    background-color: rgb(28, 28, 28);
    font-weight: 500;
    color: #fff !important;
    font-size: 1.1rem;
}

.select-unit-row:hover{
    background-color: #25934c;
}

footer {
    margin-bottom: 30px;
} 

.a-link {
    color: #26934b;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline !important;
}

.a-link:hover {
    color: #2ebd5e !important;
}