.grid-style {
    --dxbl-grid-focus-frame-color: var(--Brand-Brand-Primary);
    font-family: var(--font-family);
    z-index: 0;
}

    /* zebra */
    .grid-style table tbody tr:nth-child(odd) {
        background-color: #FFF; /* linhas ímpares */
    }

    .grid-style table tbody tr:nth-child(even) {
        background-color: #FCFCFC; /* linhas pares */
    }

/*linhas das crid*/
.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-row-drag-anchor-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data-area):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
    border: 1px solid #E4E4E4 !important;
}

.dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > thead:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tbody:nth-child(2) > tr:first-child > th, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > td, .dxbl-grid .dxbl-grid-table > tfoot:nth-child(2) > tr:first-child > th {
    border-top-width: 0;
    border: 1px solid #E4E4E4 !important;
}
/* paginador */
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn {
    --dxbl-btn-bg: var(--Brand-Brand-Primary);
    --dxbl-btn-color: black;
    --dxbl-pager-page-btn-hover-bg: var(--button-bt_primary_hv);
    --dxbl-pager-page-btn-hover-color: black;
    cursor: default;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: var (--button-bt_primary_hv);
    --dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: var(--Brand-Brand-Primary);
}

/* paginador */
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-pager-active-page-btn):not(.dxbl-disabled):not(:disabled):hover {
    color: black !important;
    text-decoration: none !important;
    background-color: #ECEBEB !important;
    transition: background-color 0.2s ease-in-out;
}

/* caixa do filtro */
/* .dxbl-text-edit > .dxbl-text-edit-template,
    .dxbl-text-edit > .dxbl-text-edit-template .dxbl-text-edit-input,
    .dxbl-text-edit > .dxbl-text-edit-input,
     textarea {
            background-color: var(--neutrals-White);
            border-radius: 2px;
            border: 1px solid var(--neutrals-neutral-2);
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            font-size: inherit;
            line-height: inherit;
            margin:1.5px;
            -webkit-box-shadow: none;
            box-shadow: none;
        } */

/* Altera a cor da borda ao clicar no campo de filtro */

/* .dxbl-text-edit:focus-within > .dxbl-text-edit-template .dxbl-text-edit-input,
     .dxbl-text-edit:focus-within > .dxbl-text-edit-input,
     .dxbl-text-edit:focus-within > textarea {
            border-color: var(--Brand-Brand-Primary);
        } */

/* caixa por tras do filtro */
.dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell), .dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0;
    --dxbl-text-edit-box-shadow: none;
    border-top: 0;
    border-bottom: 0;
    position: relative;
    background-color: var(--surface-surface-light-2);
}

/* cor dos icones e elementos dos filtros */
.dxbl-image:not(.dxbl-image-fill) {
    fill: var(--text-text_tertiary);
}

/* checkbox do filtro */
.dxbl-checkbox {
    --dxbl-checkbox-font-family: inherit;
    --dxbl-checkbox-font-size: 12.8px;
    --dxbl-checkbox-line-height: 1.4285;
    --dxbl-checkbox-border-width: 1px;
    --dxbl-checkbox-border-style: solid;
    --dxbl-checkbox-border-color: transparent;
    --dxbl-checkbox-spacing: 0.5rem;
    --dxbl-checkbox-disabled-opacity: 60%;
    --dxbl-checkbox-check-element-size: 1.25rem;
    --dxbl-checkbox-check-element-checked-color: #fff;
    --dxbl-checkbox-check-element-checked-bg: #5f368d;
    --dxbl-checkbox-indeterminate-element-disabled-bg: #fff;
    --dxbl-checkbox-check-element-disabled-color: #fff;
    --dxbl-checkbox-check-element-disabled-bg: unset;
    --dxbl-checkbox-check-element-unchecked-bg: #fff;
    --dxbl-checkbox-check-element-unchecked-hover-bg: #fff;
    --dxbl-checkbox-check-element-unchecked-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-border-width: 2px;
    --dxbl-checkbox-switch-checked-bg: #5f368d;
    --dxbl-checkbox-switch-unchecked-bg: unset;
    --dxbl-checkbox-switch-unchecked-hover-bg: unset;
    --dxbl-checkbox-switch-element-bg: #fff;
    --dxbl-checkbox-switch-element-unchecked-bg: #fff;
    --dxbl-checkbox-switch-element-disabled-bg: #fff;
    --dxbl-checkbox-switch-width: 2.125rem;
    --dxbl-checkbox-switch-height: 1rem;
    --dxbl-checkbox-radio-bg: #fff;
    --dxbl-checkbox-radio-hover-bg: #fff;
    --dxbl-checkbox-radio-border-width: 2px;
    --dxbl-checkbox-radio-checked-border-color: #5f368d;
    --dxbl-checkbox-radio-unchecked-border-color: unset;
    --dxbl-checkbox-radio-unchecked-hover-border-color: unset;
    --dxbl-checkbox-radio-unchecked-check-bg: #fff;
    --dxbl-checkbox-radio-size: 1.25rem;
    --dxbl-checkbox-radio-check-bg: #5f368d;
    --dxbl-checkbox-radio-check-size: 0.625rem;
    --dxbl-checkbox-radio-check-readonly-bg: #fff;
    --dxbl-checkbox-radio-readonly-alhpa: 60%;
    --dxbl-checkbox-validation-valid-color: #28a745;
    --dxbl-checkbox-validation-invalid-color: #dc3545;
    --dxbl-checkbox-check-element-readonly-bg: #fff;
    --dxbl-checkbox-check-element-readonly-border-color: unset;
    --dxbl-checkbox-check-element-readonly-border-width: 2px;
    --dxbl-checkbox-check-element-checked-hover-bg: rgb(76, 43.2, 112.8);
    --dxbl-checkbox-switch-checked-hover-bg: rgb(76, 43.2, 112.8);
    --dxbl-checkbox-radio-checked-hover-bg: rgb(76, 43.2, 112.8);
    --dxbl-checkbox-radio-checked-hover-border-color: rgb(76, 43.2, 112.8);
    --dxbl-checkbox-checked-focus-shadow-color: var(--text-text_tertiary);
    --dxbl-checkbox-checked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-checked-focus-shadow-blur: 0rem;
    --dxbl-checkbox-unchecked-focus-shadow-color: var(--button-bt_primary_hv);
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-unchecked-focus-shadow-blur: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--dxbl-checkbox-font-family);
    font-size: var(--dxbl-checkbox-font-size);
    line-height: var(--dxbl-checkbox-line-height);
    border: var(--dxbl-checkbox-border-width) solid var(--dxbl-checkbox-border-color);
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: var (--button-bt_primary_hv);
    --dxbl-text-edit-focus-shadow-spread: 0.125rem;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: var(--Brand-Brand-Primary);
}

/* paginador */
.dxbl-pager > .dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-pager-active-page-btn):not(.dxbl-disabled):not(:disabled):hover {
    color: black !important;
    text-decoration: none !important;
    background-color: #ECEBEB !important;
    transition: background-color 0.2s ease-in-out;
}

.grid-style table {
    border: 0.1em solid #d8d8db !important;
}

    .grid-style table tr td {
        padding: 0.25rem 0.4rem;
    }

    .grid-style table thead tr th {
        padding: 0.25rem 0.4rem;
        font-size: 0.85rem;
        font-weight: normal;
        height: auto;
    }

    .grid-style table thead tr:not(:first-child) > th,
    .grid-style table thead tr:not(:last-child) > th,
    .grid-style table tr:not(:first-child) > td,
    .grid-style table tr:not(:last-child) > td {
        border: 1px solid #d8d8db !important;
    }

.dxbl-text-edit.dxbl-readonly {
    width: 100%;
    padding: 0;
    border-radius: 0.25rem;
    border: 1px solid var(--border-border_light, #E4E4E4);
    color: var(--text-text_disable, #C2BEBE);
}
/* itens por page */
.items-per-page {
    flex: 1;
    text-align: right;
    max-width: 70px;
    text-align: center;
}

/* paginador a esquerda */
.pager {
    flex: 1;
    text-align: left;
}

/* cor na quantidade de itens atual */
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: inherit;
    background-color: var(--Brand-Brand-Primary);
    opacity: 90%;
}

/* escala de laranja ao passar por cima da quantidade de itens */
.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden] > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-list-box-item-border-width, 0px)));
    top: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-list-box-item-border-width, 0px)));
    right: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-list-box-item-border-width, 0px)));
    bottom: calc(0px - var(--dxbl-border-width-with-scaling, var(--dxbl-list-box-item-border-width, 0px)));
    border-radius: inherit;
    background-color: var(--button-bt_primary_hv);
    opacity: 100%;
}

.primary-button, .primary-button .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-success:focus:not(.btn-active), .primary-button i, .btn.btn-primary:focus:not(.btn-active), .btn-primary, .grid-procs table tr td form .dxbl-grid-edit-form-buttons .dxbl-btn-primary, dxbl-dropdown dxbl-dropdown-dialog .dxbl-dropdown-footer .dxbl-btn-primary, .btn.btn-success:active:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn-success {
    background-color: var(--button-bt_primary) !important;
    border: none !important;
    color: var(--button-text-color) !important;
    fill: var(--button-text-color) !important;
    color: var(--neutrals-White) !important;
}

.secondary-button, dxbl-dropdown dxbl-dropdown-dialog .dxbl-dropdown-footer .dxbl-btn-secondary, .secondary-button i, .grid-procs table tr td form .dxbl-grid-edit-form-buttons .dxbl-btn-secondary, .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:active:not(.btn-active), .btn.btn-danger:active:not(.btn-active), .btn.btn-secondary, .btn.btn-danger:focus:not(.btn-active), .btn-danger {
    background-color: var(--button-bt_secondary) !important;
    color: var(--neutrals-White) !important;
}

/*popup de edição de certificado */
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    font-family: var(--dxbl-popup-font-family);
    font-size: var(--dxbl-popup-font-size);
    line-height: var(--dxbl-popup-line-height);
    border: 1px solid black;
    border-radius: var(--dxbl-popup-border-radius);
    -webkit-box-shadow: var(--dxbl-popup-shadow);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    background-color: var(--neutrals-light-1, #FCFCFC);
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
    width: 100%;
}

.pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}