/* --- FormCRUDComponent --- */
.dxbl-fl .dxbl-fl-item { /* Margin top inputs*/
    margin-top: var(--spacing-2) !important;
}

.form-item { /* Margin top inputs*/
    margin: 0 !important;
    margin-top: var(--spacing-2) !important;
}

    .form-item label { /* Margin top inputs*/
        padding-top: var(--spacing-2) !important;
    }

label { /* Distancia entre label e input */
    font-size: var(--font-size-body-2) !important;
    padding-bottom: 2px !important;
    /*    font-weight: 600 !important;
*/
}

    label.dxbl-fl-cpt.dxbl-text { /* Distancia entre label e input */
        padding-bottom: 2px !important;
    }

input.dxbl-text-edit-input { /* Alto input */
    height: 2rem !important;
}


/*TAB PAGES*/
.form-layout-tab-pages div.dxbl-tabs-item.dxbl-active {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    color: red !important;
    font-weight: var(--font-weight-h1);
    border-bottom: 2px solid var(--color-primary-700) !important;
    padding: var(--spacing-1) 0 !important;
    margin: 0 var(--spacing-4);
    background-color: pink !important;
}

    .form-layout-tab-pages div.dxbl-tabs-item.dxbl-active:hover {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        color: var(--color-primary-700) !important;
        font-weight: var(--font-weight-h1);
        border-bottom: 2px solid var(--color-primary-700) !important;
        padding: var(--spacing-1) 0 !important;
        margin: 0 var(--spacing-4);
        background-color: #fff !important;
    }

.form-layout-tab-pages div.dxbl-tabs-item:hover {
    background-color: #fff !important;
    border: none !important;
}

.form-layout-tab-pages div.dxbl-fl-gt.dxbl-col-md-12.dxbl-col {
    margin: 0 !important;
    padding: 0 !important;
}

.form-layout-tab-pages .dxbl-tabs-item.dxbl-active {
    color: var(--color-primary-700) !important;
    border: none !important;
    font-weight: var(--font-weight-h1) !important;
}


.form-layout-tab-pages .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover {
    background-color: #fff !important;
    border-color: #fff !important;
    border-bottom: 1px solid var(--color-gray-500) !important;
}


.form-layout-tab-pages .dxbl-fl-tab-content {
    padding-bottom: 0 !important;
}