.btn-danger {
    background-color: var(--c-primary);
}

    .btn-danger:hover {
        color: #fff;
        background-color: var(--c-primary-ligth-1) !important;
        border-color: var(--c-primary-ligth-1) !important;
    }

.btn-primary {
    background-color: var(--c-primary) !important;
    border-color: var(--c-primary) !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--c-primary-ligth-1) !important;
        border-color: var(--c-primary-ligth-1) !important;
    }

.btn.btn-outline.default {
    text-align: center;
    text-transform: none;
}

    .btn.btn-outline.default:hover {
        background-color: var(--c-primary);
        color: white
    }

    .btn.btn-outline.default:active {
        border-color: #e1e5ec !important;
        color: #e1e5ec !important;
        background: 0 0 !important;
    }

.btn-outline-primary {
    background-color: transparent !important;
    color: var(--c-primary);
    border: 1.5px var(--c-primary);
    border-style: solid;
}

    .btn-outline-primary:hover {
        background-color: var(--c-primary) !important;
        color: white;
    }

.button-gray-style {
    background-color: var(--c-secondary-ligth-5);
    color: #333;
    border: 1.5px solid var(--c-secondary-ligth-4) !important;
    box-sizing: border-box;
}

    .button-gray-style:hover {
        background-color: var(--c-secondary-ligth-6);
        color: #333;
        border: 1.5px solid var(--c-secondary-ligth-4) !important;
    }

.button-red-style {
    border: 1.5px solid var(--c-primary) !important;
}

    .button-red-style:hover {
        border: 1.5px solid var(--c-primary) !important;
        color: #333;
    }

.common-button {
    background-color: var(--c-primary);
    color: white;
    border-color: var(--c-primary);
}

.save-btn-large {
    height: 4em;
    float: right;
    width: 175px;
    text-align: center;
}