/*
* This file contains CSS rules to overwite the original bootstrap ones.
* The overwrites should mainly be rules general to all the project, like colors.
* In this file, ONLY create rules with bootstrap classes.
*/

html {
    font-size: 0.875rem;
    line-height: 1.428;
}

.btn-primary {
    background-color: var(--candy-blue);
    border-color: var(--candy-blue);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited {
    background-color: var(--sea-blue);
    border-color: var(--sea-blue);
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled:visited,
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled:active,
.btn-primary:disabled:visited {
    background-color: var(--umbra-grey);
    border-color: var(--umbra-grey);
}

.btn:disabled,
.btn.disabled {
    cursor: not-allowed;
}

.btn-secondary {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover {
    color: #333;
    background-color: #e2e1e1;
    border-color: #8c8c8c;
}

.btn-secondary:focus,
.btn-secondary:active {
    background-color: var(--truly-white);
    border-color: var(--diligent-grey);
    color: #333;
    box-shadow: none;
}

.btn-group {
    border: 1px solid var(--candy-blue);
    height: 33.5px;
    border-radius: 5px;
    vertical-align: baseline;
}

.btn-outline-primary {
    border: 1px solid var(--candy-blue);
    color: var(--candy-blue);
    background-color: var(--truly-white);
}

.btn-outline-primary:focus {
    color: var(--candy-blue);
}

.btn-outline-primary:hover {
    border: 1px solid var(--sea-blue);
    color: var(--sea-blue);
}
.btn-secondary-reset {
    vertical-align: baseline;
}