/* - Add Datatable CSS for DevExpress Tools  By Mahaveer on 16 Nov 2023 */

.dx-datagrid-headers {
    background-color: white !important;
    color: black !important;
    line-height: 1.5rem !important;
    font-weight: 600;
    border-bottom-color: #dee2e6;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 600;
    border-bottom: none !important;
}

/* -- Css  for Table-Responsive */
/* .dx-datagrid-table{
        display: block;
        width: 100%;
        overflow-x: auto
    } */

.dx-datagrid-rowsview .dx-row {
    line-height: 1.5rem !important;
    font-size: 14px !important;
    font-family: Poppins !important;
}

.dx-datagrid-content .dx-datagrid-table td {
    padding: 0.8rem !important;
}


.dx-datagrid-rowsview .dx-row:hover {
    /*background: rgba(0, 0, 0, 0.05);*/
    border: 1px solid #cb896f !important;
}

.dx-datagrid-rowsview .dx-row, .dx-datagrid-rowsview .dx-row td {
    /*background-color: #eaecf0;*/
    /*background-color: #eaecf09c;*/
    border: 1px solid #cb896f !important;
    /*font-weight: 600;*/
    font-family: sans-serif;
}
/*.dx-datagrid-rowsview .dx-row:nth-child(even) {*/
    /*background-color: #eaecf0;*/
    /*background-color: #eaecf09c;*/
    /*border: 1px solid #cb896f !important;
}*/


    .dx-list-item-content > .dx-texteditor, .dx-list-item-content.dx-texteditor, .dx-toolbar-item-content > .dx-texteditor, .dx-toolbar-item-content.dx-texteditor {
    margin: -1rem 0 0 0 !important;
    line-height: 0.8rem !important;
    min-height: 38px !important;
}


.dx-searchbox .dx-icon-search {
    margin-top: -9px !important;
}

/*.dx-searchbox .dx-texteditor-input {
    padding-top: 10px !important;
}*/

.dx-searchbox .dx-placeholder::before {
    padding-left: 35px;
}

.dx-placeholder {
    top: 3px !important;
}

.dx-pager .dx-page-sizes .dx-page-size.dx-first-child, .dx-pager .dx-page-sizes .dx-page-size {
    border: 1px solid #b6b6b6;
    min-width: 2rem;
    text-align: center;
}

.dx-checkbox-container {
    border: 1px solid #1b5b5c !important;
    border-radius: 5px !important;
    color: black !important;
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
    font-weight: 800 !important;
}

.dx-pager .dx-pages .dx-info {
    opacity: 0.9 !important;
    color: #1b5b5c !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    font-weight: 800 !important;
    vertical-align: middle;
}

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons a {
        font-size: 18px !important;
    }

.dx-icon-trash {
    color: red !important;
}


.dx-field-item-help-text, .dx-field-item-label-text {
    font-weight: 700;
    margin-bottom: 0.3rem;
    font-size: 15px;
}

.dx-button {
    min-width: 5rem;
    height: 2.3rem;
}

.dx-button-has-text .dx-button-content, .dx-button-has-text
.dx-button-content .dx-button-text {
    font-size: 0.9rem;
}


.dx-texteditor-container {
    min-height: 35px;
    border: 1.8px solid #1b5b5c;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
}

.dx-texteditor.dx-editor-outlined {
    border: none;
}

.dx-radiobutton-icon {
    border: 1.9px solid #1b5b5c;
}

.dx-radio-value-container .dx-item-content {
    font-size: 0.9rem;
    font-weight: 800;
}

.dx-placeholder {
    top: 0px !important;
    font-size: 14px;
}

.dx-dropdowneditor-icon,
.dx-datebox-date .dx-dropdowneditor-icon {
    font: 20px/14px DXIcons;
    font-weight: 400;
}

    .dx-datebox-date .dx-dropdowneditor-icon::before {
        margin-left: -10px;
    }



.dx-fieldset {
    border: 2px solid #021d3a;
    padding: 0.35em 1.625em 1.625em 0em;
    margin-bottom: 1.5rem;
    border-radius: 5px;
    padding-left: 20px;
}

.dx-fieldset-header {
    padding: 2px 8px;
    border-radius: 10px;
    width: auto;
    float: inline-start;
    background: white;
    margin-top: -1.4em;
    /* margin-bottom: 1rem!important;*/
    border: 2px solid #ff8e57;
    font-size: 1rem;
    font-weight: 600;
    color: #416a59;
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    display: block;
    max-width: 100%;
    white-space: normal;
    padding-inline: 8px;
}

.form label {
    margin-bottom: 0.5rem;
}

.dx-item-content {
    font-size: 16px;
    font-weight: 600;
}


.dx-texteditor-input-container {
    font-size: 14px;
    padding-left: 10px;
}


.form-group {
    /*margin-bottom:0.5rem;*/
}

.dx-datagrid {
    width: 100%;
}

.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
    min-height: 35px;
    border: 1.8px solid #1b5b5c;
    border-radius: 0.5rem;
    margin-top: -10px
}



/*.dx-widget, .dx-widget *, .dx-widget ::after, .dx-widget ::before, .dx-widget::after, .dx-widget::before {
    max-width: 100% !important;
}*/

.dx-pager .dx-light-pages {
    margin-top: -0.8rem;
}

    .dx-pager .dx-light-pages .dx-texteditor-container {
        border: 1.8px solid #ddd;
        padding-left: 0px;
    }

        .dx-pager .dx-light-pages .dx-texteditor-container .dx-texteditor-input-container {
            padding-left: 3px;
        }


.dx-page-sizes {
    display: flex;
    align-items: center;
}

    .dx-page-sizes::before {
        content: "Records per page: ";
        margin-right: 10px;
        line-height: 32px; /* Adjust to align with the dropdown */
        font-size: 16px;
        font-weight: 600;
    }

/*Icon for Export Excel*/


.dx-icon-export::before {
    content: "\f05f   Export To Excel";
    font-weight: 600;
    word-spacing: -5px;
}

.dx-item-content > .dx-datagrid-export-button {
    margin-top: -10px;
    width: 150px;
    border: 1px solid navy;
    border-radius: 10px;
}




.dx-popup-bottom.dx-toolbar {
    padding: 0px 20px;
}
/*.dx-popup-bottom.dx-toolbar .dx-toolbar-after{
    padding:0px;
}*/


.YesNo-cell > .dx-button-has-text .dx-button-content .dx-button-text {
    font-size: 0.9rem;
    color: floralwhite;
    opacity: 1;
}

.dx-datagrid-headers {
    /*background: #527b883b !important;*/
    /*background: #f7bba3 !important;*/
    background: #fae3e3 !important;
}

    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        border: 1px solid #137083;
        border-bottom: 0px;
        border-top: 0px;
    }


.dx-datagrid-table .dx-row-focused td {
    background: #aea2b9a1 !important;
    color: #000 !important;
}


.dx-freespace-row {
    display: none !important;
}

.dx-item-content > .dx-datagrid-column-chooser-button {
    margin-top: -10px;
    width: 180px;
    border: 1px solid navy;
    border-radius: 10px;
}

    .dx-item-content > .dx-datagrid-column-chooser-button i::before {
        content: "\f04d     Select Custom Fields";
        font-weight: 600;
        word-spacing: -5px;
    }


.dx-treeview-select-all-item > .dx-checkbox-container {
    border: none !important;
    font-weight: 600;
    font-size: 14px;
}

    .dx-treeview-select-all-item > .dx-checkbox-container .dx-checkbox-icon {
        border: 1px solid #1b5b5c !important;
        border-radius: 5px !important;
        color: black !important;
        padding: 8px;
    }

.dx-treeview-select-all-item .dx-checkbox-text {
    padding-left: 10px;
}

.dx-scrollable-content .dx-treeview-item-content span {
    font-weight: 600;
    font-size: 14px;
}


.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 7px;
}

.dx-toolbar-label .dx-toolbar-item-content > div {
    margin-top: 0.5rem;
}

.dx-button {
    min-width: 0rem;
}

.dx-state-disabled .dx-button .dx-button-text, .dx-state-disabled.dx-button .dx-button-text {
    color: #fff;
    opacity: 1;
}

.dx-button-mode-contained.dx-button-success {
    background-color: #22bb33;
    border-color: #1e080800;
    color: #fff;
    opacity: 0.8;
}

.dx-button-mode-contained.dx-button-danger {
    color: #fff;
    opacity: 0.8;
}

[data-theme=classic][data-sidebar=dark] {
    /*--vz-vertical-menu-bg: #563478 !important;*/
    --vz-vertical-menu-bg: #086fda !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: #f3e9fdfa !important;
}

legend {
    border: 2px solid #ff8e57;
    color: #00427b !important;
}

fieldset, .dx-fieldset {
    border: 2px solid #ff8e57 !important;
}


.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
    color: #b7b7b7;
}


.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    border: 1px solid #b7b7b7 !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border: 1px solid #137083 !important;
    border-top: 0px !important;
}

.card-title {
    color: #ac0606 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active {
    color: var(--vz-vertical-menu-item-active-color);
    color: #ffca51 !important;
}
.nav {
    margin-bottom: 0rem!important;
}

.btn-export-devexpress {
    padding: 5px;
    padding-left:10px;
    padding-right:10px;
    font-size: 0.9rem !important;
    opacity: 1;
    color: #000000;
    font-weight: bold;
    height: 2.3rem;
    background-color: #fff;
    display: inline-flex cursor: pointer;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    box-sizing: border-box;
    font-size: 12px;
    font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
    line-height: 1.33334;
    max-width: 100% !important;
    white-space: normal;
    font-weight: 600;
    word-spacing: -1px;
    margin-top: -9px!important;
    /*width: 150px;*/
    border: 0.5px solid navy;
    border-radius: 10px;
    justify-content: center;
}
.table-warning {
    --vz-table-color: #000;
    --vz-table-bg: #fff9ef;
    --vz-table-border-color: #e4d9c5;
    --vz-table-striped-bg: #f8ecd7;
    --vz-table-striped-color: #000;
    --vz-table-active-bg: #dd8d00;
    --vz-table-active-color: #000;
    --vz-table-hover-bg: #fbae28;
    --vz-table-hover-color: #000;
    color: var(--vz-table-color);
    border-color: #eb9e11;
}