:root {
    --blue: #99d9d9 !important;
    --primary: #99d9d9 !important;
}

.btn-primary {
    background-color: #99d9d9 !important;
    border-color: #99d9d9 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #88c8c8 !important;
    border-color: #88c8c8 !important;
}

.text-primary,
.link-primary {
    color: #99d9d9 !important;
}

.bg-primary {
    background-color: #99d9d9 !important;
}

.border-primary {
    border-color: #99d9d9 !important;
}

/* Override other primary color uses */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #99d9d9 !important;
    border-color: #99d9d9 !important;
}

.page-link {
    color: #99d9d9;
}

.page-link:hover {
    color: #88c8c8;
}

/* Progress bars and other components */
.progress-bar {
    background-color: #99d9d9;
}

.custom-range::-webkit-slider-thumb {
    background-color: #99d9d9;
}

.custom-range::-moz-range-thumb {
    background-color: #99d9d9;
}

.custom-range::-ms-thumb {
    background-color: #99d9d9;
}