.bg-primary {
    background-color: #e6662a !important;
    background-image: linear-gradient(140deg, hsl(19, 79%, 53%) 50%, #ce4711 75%) !important;
    color: white;
    border-color: #ce4711 !important;
}

label {
    color: rgba(var(--bs-body-color-rgb), .65);
}

.btn-secondary,
.btn-secondary:disabled {
    color: white;
}

.btn-primary {
    background-color: #e6662a !important;
    color: white;
    border-color: #ce4711 !important;
}

/*navpanel*/
#leftPanel .nav-link:hover {
    color: #e4e4e4;
    background-color: #20184d;
}

#leftPanel .nav-link {
    background-color: #e4e4e4;
    color: #20184d;
}

#leftPanel .nav-link.active {
    color: #e4e4e4;
    background-color: #20184d;
}

input[type="radio"]:checked+label {
    background-color: #e6662a !important;
    color: white !important;
    border-color: #e6662a !important;
}

/*pagination*/
.page-item>.page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    color: #ccc;
    border-color: #ccc;
    border-radius: 12px;
    margin: 0 6px 0px 6px !important;
    padding-top: 8px;
    width: 40px;
    height: 40px;
    text-align: center;
}


.active>.page-link {
    background-color: #ffffff !important;
    color: rgb(44, 44, 44) !important;
    border-color: #b6b6b6 !important;
}

.page-item:not(.active)>.page-link:hover {
    color: #e6662a !important;
    border-color: #ccc
}