/* Global ERP button color override. Loaded after page styles. */
:root {
    --webpdv-btn-blue: #42a5f5;
    --webpdv-btn-blue-hover: #2196f3;
    --webpdv-btn-blue-active: #1e88e5;
    --webpdv-btn-blue-focus: rgba(66, 165, 245, 0.28);
    --webpdv-btn-blue-shadow: rgba(33, 150, 243, 0.24);
}

.btn:not(.btn-link):not(.btn-close),
.btn-primary,
.btn-secondary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-dark,
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-dark,
.btn-outline-light {
    background: var(--webpdv-btn-blue) !important;
    border-color: var(--webpdv-btn-blue) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px var(--webpdv-btn-blue-shadow);
}

.btn:not(.btn-link):not(.btn-close):hover,
.btn:not(.btn-link):not(.btn-close):focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-success:hover,
.btn-success:focus,
.btn-info:hover,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-light:hover,
.btn-light:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-light:hover,
.btn-outline-light:focus {
    background: var(--webpdv-btn-blue-hover) !important;
    border-color: var(--webpdv-btn-blue-hover) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px var(--webpdv-btn-blue-shadow);
}

.btn:not(.btn-link):not(.btn-close):active,
.btn:not(.btn-link):not(.btn-close).active,
.btn-check:checked + .btn,
.btn.show,
.show > .btn.dropdown-toggle {
    background: var(--webpdv-btn-blue-active) !important;
    border-color: var(--webpdv-btn-blue-active) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px var(--webpdv-btn-blue-shadow);
}

.btn:not(.btn-link):not(.btn-close):focus-visible {
    box-shadow: 0 0 0 0.18rem var(--webpdv-btn-blue-focus) !important;
}

.btn:not(.btn-link):not(.btn-close):disabled,
.btn:not(.btn-link):not(.btn-close).disabled,
fieldset:disabled .btn:not(.btn-link):not(.btn-close) {
    background: var(--webpdv-btn-blue) !important;
    border-color: var(--webpdv-btn-blue) !important;
    color: #fff !important;
    box-shadow: none !important;
    opacity: 0.62;
}

.btn:not(.btn-link):not(.btn-close) i,
.btn:not(.btn-link):not(.btn-close) svg,
.btn:not(.btn-link):not(.btn-close) span {
    color: currentColor !important;
}

.btn:not(.btn-link):not(.btn-close) a {
    color: currentColor !important;
    text-decoration: none;
}

.btn-link {
    color: var(--webpdv-btn-blue) !important;
}

.btn-link:hover,
.btn-link:focus {
    color: var(--webpdv-btn-blue-hover) !important;
}

@media (max-width: 767.98px) {
    td[data-label="Acoes"],
    td[data-label="Ações"],
    .crud-col-actions,
    [class*="-col-acoes"],
    [class*="-col-actions"] {
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: right !important;
    }

    td[data-label="Acoes"] > form,
    td[data-label="Ações"] > form,
    td[data-label="Acoes"] > div,
    td[data-label="Ações"] > div,
    .crud-row-actions,
    [class*="-row-actions"] {
        align-items: center !important;
        display: inline-flex !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        max-width: 46px !important;
        min-width: 46px !important;
        overflow: visible !important;
        position: relative;
        width: 46px !important;
    }

    .crud-actions-toggle,
    button[class*="-actions-toggle"] {
        align-items: center !important;
        border-radius: 9px !important;
        display: inline-flex !important;
        flex: 0 0 42px !important;
        height: 36px !important;
        justify-content: center !important;
        line-height: 1 !important;
        margin: 0 !important;
        min-height: 36px !important;
        min-width: 42px !important;
        padding: 0 !important;
        width: 42px !important;
    }

    .crud-actions-toggle i,
    button[class*="-actions-toggle"] i {
        display: block !important;
        font-size: 18px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }
}