.btn-apix {
    color: #fff;
    background-color: #03045e;
    border-color: #03045e;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}
.btn-apix:hover {
    color: #fff;
    background-color: #0077b6;
    border-color: #0077b6;
    transform: translateY(-1px);
}
.btn-check:focus + .btn-apix,
.btn-apix:focus,
.btn-apix.focus {
    color: #fff;
    background-color: #0077b6;
    border-color: #0077b6;
    transform: translateY(0);
    box-shadow: none;
}
.btn-check:checked + .btn-apix,
.btn-check:active + .btn-apix,
.btn-apix:active,
.btn-apix.active,
.show > .btn-apix.dropdown-toggle {
    color: #03045e;
    background-color: #caf0f8;
    border-color: #caf0f8;
}
.btn-check:checked + .btn-apix:focus,
.btn-check:active + .btn-apix:focus,
.btn-apix:active:focus,
.btn-apix.active:focus,
.show > .btn-apix.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-apix.disabled,
.btn-apix:disabled {
    box-shadow: none;
}

.btn-outline-apix {
    color: #03045e;
    border-color: #03045e;
    background: transparent;
}
.btn-outline-apix:hover {
    color: #fff;
    background-color: #0077b6;
    border-color: #0077b6;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
    transform: translateY(-1px);
}
.btn-check:focus + .btn-outline-apix,
.btn-outline-apix:focus {
    color: #fff;
    background-color: #0077b6;
    border-color: #0077b6;
    box-shadow: none;
    transform: translateY(0);
}
.btn-check:checked + .btn-outline-apix,
.btn-check:active + .btn-outline-apix,
.btn-outline-apix:active,
.btn-outline-apix.active,
.btn-outline-apix.dropdown-toggle.show {
    color: #03045e;
    background-color: #caf0f8;
    border-color: #caf0f8;
}
.btn-check:checked + .btn-outline-apix:focus,
.btn-check:active + .btn-outline-apix:focus,
.btn-outline-apix:active:focus,
.btn-outline-apix.active:focus,
.btn-outline-apix.dropdown-toggle.show:focus {
    box-shadow: none;
}
.btn-outline-apix.disabled,
.btn-outline-apix:disabled {
    box-shadow: none;
}

.btn-outline-apix .badge {
    background: #03045e;
    border-color: #03045e;
    color: #fff;
}

.btn-outline-apix:hover .badge,
.btn-outline-apix:focus:hover .badge,
.btn-outline-apix:active .badge,
.btn-outline-apix.active .badge,
.show > .btn-outline-apix.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #03045e;
}
