/* ============================
   PRIMARY
============================ */
.btn-primary, .bg-primary {
    background-color: #2E357D !important;
    border-color: #2E357D !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #232a5c !important;
    border-color: #232a5c !important;
    color: #fff !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #4c53a6 !important;
    border-color: #4c53a6 !important;
    opacity: 0.65;
}
.text-primary { color: #2E357D !important; }
.border-primary { border-color: #2E357D !important; }
.btn-outline-primary {
    color: #2E357D !important;
    border-color: #2E357D !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff !important;
    background-color: #2E357D !important;
    border-color: #2E357D !important;
}

/* ============================
   INFO
============================ */
.btn-info, .bg-info {
    background-color: #4A64D8 !important;
    border-color: #4A64D8 !important;
    color: #fff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #374ebc !important;
    border-color: #374ebc !important;
    color: #fff !important;
}
.text-info { color: #4A64D8 !important; }
.border-info { border-color: #4A64D8 !important; }
.btn-outline-info {
    color: #4A64D8 !important;
    border-color: #4A64D8 !important;
    background-color: transparent !important;
}
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active {
    color: #fff !important;
    background-color: #4A64D8 !important;
    border-color: #4A64D8 !important;
}

/* ============================
   SECONDARY
============================ */
.btn-secondary, .bg-secondary {
    background-color: #F4F5F7 !important;
    border-color: #F4F5F7 !important;
    color: #212529 !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #e1e2e6 !important;
    border-color: #e1e2e6 !important;
}
.text-secondary { color: #6c757d !important; }
.border-secondary { border-color: #F4F5F7 !important; }
.btn-outline-secondary {
    color: #6c757d !important;
    border-color: #F4F5F7 !important;
    background-color: transparent !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    color: #212529 !important;
    background-color: #F4F5F7 !important;
    border-color: #F4F5F7 !important;
}

/* ============================
   SUCCESS
============================ */
.btn-success, .bg-success {
    background-color: #28B463 !important;
    border-color: #28B463 !important;
    color: #fff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #218838 !important;
    border-color: #218838 !important;
}
.text-success { color: #28B463 !important; }
.border-success { border-color: #28B463 !important; }
.btn-outline-success {
    color: #28B463 !important;
    border-color: #28B463 !important;
    background-color: transparent !important;
}
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #fff !important;
    background-color: #28B463 !important;
    border-color: #28B463 !important;
}

/* ============================
   DANGER
============================ */
.btn-danger, .bg-danger {
    background-color: #E74C3C !important;
    border-color: #E74C3C !important;
    color: #fff !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #c0392b !important;
    border-color: #c0392b !important;
}
.text-danger { color: #E74C3C !important; }
.border-danger { border-color: #E74C3C !important; }
.btn-outline-danger {
    color: #E74C3C !important;
    border-color: #E74C3C !important;
    background-color: transparent !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
    color: #fff !important;
    background-color: #E74C3C !important;
    border-color: #E74C3C !important;
}

/* ============================
   WARNING
============================ */
.btn-warning, .bg-warning {
    background-color: #F39C12 !important;
    border-color: #F39C12 !important;
    color: #212529 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #d68910 !important;
    border-color: #d68910 !important;
    color: #212529 !important;
}
.text-warning { color: #F39C12 !important; }
.border-warning { border-color: #F39C12 !important; }
.btn-outline-warning {
    color: #F39C12 !important;
    border-color: #F39C12 !important;
    background-color: transparent !important;
}
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    color: #212529 !important;
    background-color: #F39C12 !important;
    border-color: #F39C12 !important;
}

/* ============================
   GREY
============================ */
.btn-grey, .bg-grey {
    background-color: #666666 !important;
    border-color: #666666 !important;
    color: #fff !important;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active {
    background-color: #555555 !important;
    border-color: #555555 !important;
}
.text-grey { color: #666666 !important; }
.border-grey { border-color: #666666 !important; }
.btn-outline-grey {
    color: #666666 !important;
    border-color: #666666 !important;
    background-color: transparent !important;
}
.btn-outline-grey:hover,
.btn-outline-grey:focus,
.btn-outline-grey:active {
    color: #fff !important;
    background-color: #666666 !important;
    border-color: #666666 !important;
}

.badge-tekwine {
    background-color: #ede9fe;
    font-weight: 500;
    font-size: 0.9em;
    padding: 0.5em 1em;
}