body .dx-widget {
    font-family: var(--bs-font-sans-serif);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #32393f;
}

.h5, h5 {
    font-size: 1.25rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

.toolbar-layout .box-shadow-layout {
    /* background: #fff; */
    border-bottom: 1px solid;
    z-index: 10;
    /* box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%) !important; */
    padding: 5px 10px;
}

.toolbar-layout .box-shadow-sidebar {
    position: relative;
    /*background: #fff;*/
    border-right: 1px solid;
    z-index: 9;
    /*box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%) !important;*/
}

@media (min-width: 768px) {
    .box-shadow-sidebar {
        width: 99%;
    }
}

.list-menu-layout {
    width: 100vw;
}

@media (min-width: 768px) {
    .list-menu-layout {
        width: 25vw;
    }
}

.scrollViewLayout {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

/*@media (min-width: 768px) {
    .scrollViewLayout {
        width: 75vw;
    }
}*/

@media (min-width: 768px) {
    .list-menu-layout {
        width: 25vw;
    }
}


.list-menu-layout .dx-item.dx-treeview-item {
    align-content: center;
    border-radius: 0.25rem;
}

.dx-treeview.chevron-icons .dx-treeview-toggle-item-visibility:before {
    content: "\f010 ";
    font-size: medium;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.dx-treeview.chevron-icons
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    content: "\f016 ";
    font-size: medium;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.dx-treeview.chevron-icons
.dx-treeview-node.dx-treeview-item-without-checkbox.dx-state-focused
.dx-treeview-toggle-item-visibility:before {
    color: #fff;
}

.dx-treeview.chevron-icons
.dx-treeview-node.dx-treeview-item-without-checkbox.dx-state-focused
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    color: #fff;
}

.dx-treeview.chevron-icons .dx-treeview-node {
    padding-left: 0px;
}

    .dx-treeview.chevron-icons .dx-treeview-node .dx-treeview-node-is-leaf {
        padding-left: 15px;
    }

.dx-treeview.chevron-icons .dx-treeview-toggle-item-visibility {
    right: 10px;
    left: auto;
}

.focused-state-treeview-item {
    background-color: #337ab7;
    color: #fff;
}

.card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

.app.btn-primary {
    color: #fff;
    background-color: #008cff;
    border-color: #008cff;
}

.text-editor-uppercase .dx-texteditor-input {
    text-transform: uppercase;
}

.app.btn-primary.dx-button-normal.dx-state-hover .dx-button-content {
    color: #fff;
    background-color: #037de2;
    border-color: #037de2;
}

.app.btn-primary.dx-state-active {
    color: #fff;
    background-color: #037de2;
    border-color: #037de2;
}

.app.btn-primary.dx-button-mode-contained {
    background-color: #008cff;
    border-color: #008cff;
    color: #fff;
}

    .app.btn-primary.dx-button-mode-contained .dx-icon {
        color: #fff;
    }

/* Danger */
.app.btn-danger {
    color: #fff;
    background-color: #ff3b3b;
    border-color: #ff3b3b;
}

    .app.btn-danger.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #e33535;
        border-color: #e33535;
    }

    .app.btn-danger.dx-state-active {
        color: #fff;
        background-color: #e33535;
        border-color: #e33535;
    }

    .app.btn-danger.dx-button-mode-contained {
        background-color: #ff3b3b;
        border-color: #ff3b3b;
        color: #fff;
    }

        .app.btn-danger.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Success */
.app.btn-success {
    color: #fff;
    background-color: #15ca20;
    border-color: #15ca20;
}

    .app.btn-success.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #0eb018;
        border-color: #0eb018;
    }

    .app.btn-success.dx-state-active {
        color: #fff;
        background-color: #0eb018;
        border-color: #0eb018;
    }

    .app.btn-success.dx-button-mode-contained {
        background-color: #15ca20;
        border-color: #15ca20;
        color: #fff;
    }

        .app.btn-success.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Info */
.app.btn-info {
    color: #fff;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}

    .app.btn-info.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #36c1dd;
        border-color: #36c1dd;
    }

    .app.btn-info.dx-state-active {
        color: #fff;
        background-color: #36c1dd;
        border-color: #36c1dd;
    }

    .app.btn-info.dx-button-mode-contained {
        background-color: #0dcaf0;
        border-color: #0dcaf0;
        color: #fff;
    }

        .app.btn-info.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Warning */
.app.btn-warning {
    color: #fff;
    background-color: #ffca2c;
    border-color: #ffca2c;
}

    .app.btn-warning.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .app.btn-warning.dx-state-active {
        color: #fff;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .app.btn-warning.dx-button-mode-contained {
        background-color: #ffca2c;
        border-color: #ffca2c;
        color: #fff;
    }

        .app.btn-warning.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Dark */
.app.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}

    .app.btn-dark.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #424649;
        border-color: #424649;
    }

    .app.btn-dark.dx-state-active {
        color: #fff;
        background-color: #424649;
        border-color: #424649;
    }

    .app.btn-dark.dx-button-mode-contained {
        background-color: #212529;
        border-color: #212529;
        color: #fff;
    }

        .app.btn-dark.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Secondary */
.app.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .app.btn-secondary.dx-button-normal.dx-state-hover .dx-button-content {
        color: #fff;
        background-color: #5c636a;
        border-color: #5c636a;
    }

    .app.btn-secondary.dx-state-active {
        color: #fff;
        background-color: #5c636a;
        border-color: #5c636a;
    }

    .app.btn-secondary.dx-button-mode-contained {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

        .app.btn-secondary.dx-button-mode-contained .dx-icon {
            color: #fff;
        }

/* Light */
.app.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .app.btn-light.dx-button-normal.dx-state-hover .dx-button-content {
        color: #000;
        background-color: #e2e6ea;
        border-color: #e2e6ea;
    }

    .app.btn-light.dx-state-active {
        color: #000;
        background-color: #e2e6ea;
        border-color: #e2e6ea;
    }

    .app.btn-light.dx-button-mode-contained {
        background-color: #f8f9fa;
        border-color: #f8f9fa;
        color: #000;
    }

        .app.btn-light.dx-button-mode-contained .dx-icon {
            color: #000;
        }

.adaptative-content .dx-master-detail-row.dx-adaptive-detail-row .dx-item.dx-box-item {
    text-wrap: auto;
    overflow-wrap: anywhere;
}


.exportar-padding-autohide .dx-toolbar-item-auto-hide {
    padding: 0;
}

.exportar-padding-autohide .dx-button-content {
    justify-content: flex-start;
}

.m-n20px {
    margin: -20px;
}

.form-bold-caption .dx-form-group-caption {
    font-weight: 600;
}

.padding-tabbed-form .dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 0.5rem;
}