/*----------------- Buttons ---------------- */
.webbpm .btn {
    font-size: var(--size-text-primary);
    font-family: 'SegoeSB';
    padding: 6px 14px;
    margin-bottom: 0;
    border-radius: 20px;
}

.webbpm .btn:focus,
.webbpm .btn:active:focus {
    box-shadow: none !important;
}

.webbpm .btn-main {
    border-color: transparent !important;
    background: transparent !important;
}

.webbpm .btn-main > * > .btn,
.webbpm .btn-primary {
    color: var(--white) !important;
    border-color: var(--color-link);
    background: var(--color-link);
    box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
}
.webbpm .btn-main > * > .btn:not(:disabled):not(.disabled):hover,
.webbpm .btn-main > * > .btn:not(:disabled):not(.disabled):active,
.webbpm .btn-primary:hover,
.webbpm .btn-primary:active {
    border-color: #1b84d2;
    background: #1b84d2;
}
.webbpm .btn-main > * > .btn:not(:disabled):not(.disabled):focus,
.webbpm .btn-primary:focus {
    border-color: var(--color-link-hover);
    background: var(--color-link-hover);
    box-shadow: none;
}

.webbpm .btn-secondary,
.webbpm .btn-default {
    color: var(--color-text-primary);
    border: 1px solid var(--border-light);
    background: var(--white);
    box-shadow: 0px 0px 6px 2px rgb(77 72 91 / 6%);
}
.webbpm .btn-secondary:not(:disabled):not(.disabled):hover,
.webbpm .btn-secondary:not(:disabled):not(.disabled):active,
.webbpm .btn-default:not(:disabled):not(.disabled):hover,
.webbpm .btn-default:not(:disabled):not(.disabled):active {
    color: var(--color-link);
    border-color: var(--border-light);
    background-color: var(--white);
}
.webbpm .btn-secondary:not(:disabled):not(.disabled):focus,
.webbpm .btn-default:not(:disabled):not(.disabled):focus {
    border-color: var(--border-light);
    background-color: var(--white);
    box-shadow: none;
}

.webbpm .btn.disabled,
.webbpm .btn:disabled {
    color: #666;
    border-color: #f3f3f3;
    background-color: #f3f3f3;
    box-shadow: none;
}

.webbpm .btn.btn-primary.disabled,
.webbpm .btn.btn-primary:disabled,
.webbpm .btn-main .btn.disabled,
.webbpm .btn-main .btn:disabled {
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: var(--color-link);
    background-color: var(--color-link);
    box-shadow: none;
}

.webbpm ag-grid-angular .state-btn-edit,
.webbpm ag-grid-angular .state-btn-delete {
    color: var(--color-link) !important;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.webbpm button.close {
    outline: none;
}
/*---------------- end - Buttons -------------- */