/*
    Replace these colors

    Primary extra light:    #99d9ea
    Primary light:          #15b5e1
    Primary:                #009fcb
    Primary dark:           #0080a3

    Secondary:              #ff7800
    Secondary dark:         #b75600

    Tertiary light:         #e0eef9
    Tertiary:               #bfdbf2
*/

.bk-plugin .modal-header h5,
.bk-btn-primary,
.bk-btn-info.active,
.bk-btn-info .badge,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #009fcb;
}

.bk-btn-info.active .badge,
.bk-button:not(.bk-button--disabled):hover .bk-button__icon,
.bk-button--complete .bk-button__icon::after,
.bk-toggle-box.active .bk-toggle-box__title,
.bk-toggle-box__header:hover .bk-toggle-box__title,
.bk-toggle-box__indicator,
.bk-toggle-box__footer:hover .bk-toggle-box__text,
.bk-plugin label span {
    color: #009fcb;
}

.bk-text-color-primary {
    color: #009fcb !important;
}

.bk-bg-primary {
    background-color: #009fcb !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #009fcb;
}

.bk-button__check {
    background: #009fcb;
    background: linear-gradient(315deg, transparent 50%, #009fcb 50%);
}

.bk-plugin .datepicker .active {
    background-color: #009fcb !important;
}


.bk-plugin .modal-header button {
    background-color: #15b5e1;
}


.bk-plugin .modal-header button:hover,
.bk-btn-primary:hover,
.bk-btn-info.active:hover {
    background-color: #0080a3;
}

.bk-btn-primary,
.bk-btn-info.active {
    border-color: #0080a3;
}

.bk-button--complete .bk-button__icon {
    color: #99d9ea !important;
}

.bk-btn-secondary {
    background-color: #ff7800;
}

.bk-text-color-secondary {
    color: #ff7800 !important;
}

.bk-bg-secondary {
    background-color: #ff7800 !important;
}

.bk-btn-secondary {
    border-color: #b75600;
}

.bk-btn-secondary:hover {
    background-color: #b75600;
}

.bk-btn-info,
.bk-button--special {
    border-color: #bfdbf2;
}

.bk-btn-info:hover {
    background-color: #bfdbf2;
}

.bk-button--special:hover {
    background-color: #bfdbf2 !important;
}

.bk-btn-info,
.bk-button--special {
    background-color: #e0eef9;
}

.bk-button--special:hover {
    border-bottom-color: #e0eef9;
}

.bk-button:not(.bk-button--disabled):hover {
    background-color: #e0eef9;
}