.checkButton {
    height: 38px;
}

.btn-check-default {
    background-color: #f8f9fa !important;
    border-color: #ddd !important;
    cursor: pointer !important;
    color: #cbcbcb !important;
}

.btn-check-default.check-icon:after {
    content: "\f068";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    position: absolute;
    font-size: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.btn-check-default.check-text:after {
    content: "No";
    font-weight: 900;
    position: absolute;
    font-size: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.btn-check-default.disabled:hover, .btn-check-default.disabled:active, .btn-check-default.disabled.hover {
    background-color: #f8fcff !important;
    color: #cbcbcb !important;
    border-color: #ddd;
}

.btn-check-default:not(.disabled):hover, .btn-check-default:not(.disabled):active, .btn-check-default:not(.disabled).hover {
    background-color: #f8fcff !important;
    color: #cbcbcb !important;
    border-color: #ddd;
}

.btn-check-default:disabled, .btn-check-default.disabled {
    opacity: 0.65;
    box-shadow: none;
    cursor: default !important;
}

.btn-check-primary {
    background-color: #191e23 !important;
    border-color: #2f3b50 !important;
    color: var(--bs-primary) !important;
    cursor: pointer;
}

.btn-check-primary.check-icon:after {
    content: "\f00c";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    position: absolute;
    font-size: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.btn-check-primary.check-text:after {
    content: "Yes";
    font-weight: 900;
    position: absolute;
    font-size: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.btn-check-primary:disabled, .btn-check-primary.disabled {
    opacity: 0.65;
    box-shadow: none;
    cursor: default !important;
}


@keyframes check-fade {
    0% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}