.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary)
}

.btn-primary:hover {
    color: var(--primary);
    background-color: #fff;
    border-color: var(--primary)
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5);
    color: var(--primary);
    background-color: #fff;
    border-color: var(--primary)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary)
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary)
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem var(--primary)
}

.btn-outline-primary {
    color: var(--primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--primary)
}

.btn-outline-primary:hover {
    color: #222;
    background-color: #fff;
    border-color: var(--primary)
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .2rem var(--primary)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: transparent;
    border-color: var(--primary)
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem var(--primary)
}


/*primary*/
.text-primary{color: var(--primary) !important;}
.bg-primary{background-color: var(--primary) !important;}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus{background-color: transparent !important; border-color: var(--primary); color: var(--primary) !important;}
.btn-outline-primary:hover{color: var(--white); background-color: var(--primary);}
.bg-light{background-color: var(--light) !important;}
.bg-navy{background-color: var(--navy) !important;}
.btn-link{color: var(--primary);}
.btn-link:hover{color: var(--primary);}
a.text-primary:hover, a.text-primary:focus{color: var(--primary) !important;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link:hover{background-color: var(--primary); color: var(--white);}
.alert-primary{background-color: var(--primary); border-color: var(--primary); color: var(--white);}

/*btn-secondary*/
.bg-secondary{background-color: var(--secondary) !important;}
.btn-secondary {
    color: var(--black);
    background-color: var(--secondary);
    border-color: var(--secondary)
}

.btn-secondary:hover {
    color: var(--black);
    background-color: #fff;
    border-color: var(--secondary);
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary)
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary)
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem var(--secondary)
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus{background-color: transparent !important; border-color: var(--secondary); color: var(--primary) !important; box-shadow: none;}