.hidden {
    display: none !important;
}
.no-wrap {
    white-space: nowrap;
}
.pd-zero {
    padding: 0, !important;
}
.w-100p {
    width: 100%;
}

.password-strength-0 {
    border-top: 3px dashed red !important;
}
.password-strength-1 {
    border-top: 3px dashed #fcba03 !important;
}
.password-strength-2 {
    border-top: 3px dashed orange !important;
}
.password-strength-3 {
    border-top: 3px dashed green !important;
}
.password-strength-4 {
    border-top: 3px dashed blue !important;
}
.limited-nowrap {
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflowing text */
    text-overflow: ellipsis; /* Adds "..." to indicate clipping */
    max-width: 100%; /* Sets the maximum size limit */
     /*max-width: calc(100% - 26px); Sets the maximum size limit */
}

.dxbl-grid .dxbl-grid-table .dxbl-grid-detail-cell {
    padding: 5px 5px 5px 5px !important;
}
.hide-toolbar .dxbl-grid-toolbar-container {
    display: none;
}

/* selector for filter row operator type */
.filter-type-container {
    display: flex;
    margin: 0px;
}

    .filter-type-container > div {
        width: 100%;
    }

.filter-type-button {
    margin-right: 2px;
}



.row-filter-operator-type-calendarselection {
    background-image: url('/IImageService/CalendarSelection');
}
.row-filter-operator-type-default {
    background-image: url('/IImageService/FilterOperatorDefault');
}
.row-filter-operator-type-equal {
    background-image: url('/IImageService/FilterOperatorEqual');
}
.row-filter-operator-type-notequal {
    background-image: url('/IImageService/FilterOperatorNotEqual');
}
.row-filter-operator-type-startswith {
    background-image: url('/IImageService/FilterOperatorStartsWith');
}
.row-filter-operator-type-endswith {
    background-image: url('/IImageService/FilterOperatorEndsWith');
}
.row-filter-operator-type-default {
    background-image: url('/IImageService/FilterOperatorDefault');
}
.row-filter-operator-type-contains {
    background-image: url('/IImageService/FilterOperatorContains');
}
.row-filter-operator-type-less {
    background-image: url('/IImageService/FilterOperatorLess');
}
.row-filter-operator-type-lessorequal {
    background-image: url('/IImageService/FilterOperatorLessOrEqual');
}
.row-filter-operator-type-greater {
    background-image: url('/IImageService/FilterOperatorGreater');
}
.row-filter-operator-type-greaterorequal {
    background-image: url('/IImageService/FilterOperatorGreaterOrEqual');
}
.row-filter-operator-type {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: top left;
    height: 20px;
    padding-left: 22px;
    display: flex;
    align-items: center;
}
.current-color {
    background-color: currentColor !important;
}


/*
.icon-filter-go {
    background-image: url("/IImageService/Filter_Editor");
    -webkit-mask-image: url("/IImageService/Filter_Editor");
    mask-image: url("/IImageService/FilterDeleteFluent");
}
*/


/*.grid-filter-editor {
    width: 100%;
}*/

/* Filter Editor */
.pr-5px {
    padding: 0px 5px 0px 0px !important
}
.dx-filtereditor {
    height: calc(100% - 0px) !important;
    position: absolute !important;
}

    .dx-filtereditor .dx-filtereditor-plain-content {
        height: calc(100% - 0px) !important;
    }

        .dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text-container .dx-filtereditor-text-container-bottom {
            padding-top: 0px !important;
        }

.filtereditor-plain-content {
    position: relative;
    justify-items: normal;
}

/*.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-tree {
    height: 100% !important;
}

.dx-filtereditor .dx-filtereditor-plain-content .dx-filtereditor-text {
    height: 100% !important;
}*/

.filter-wrapper {
    padding: 0rem !important;
    border: 0px !important;
    /*    height: 100%;*/
    overflow: auto !important;
    /*position: relative;*/
}

.filter-editor {
    /*    height: 100% !important;
    position: relative;*/
}


.dx-filtereditor .dx-filtereditor-tree-container.advanced {
    height: 50%;
    visibility: visible;
}

.dx-filtereditor .dx-filtereditor-text-container.advanced {
    height: 50%;
    visibility: visible;
}

.dx-filtereditor .dx-filtereditor-tree-container.tree-only {
    height: calc(100% - 2px);
    visibility: visible;
}

.dx-filtereditor .dx-filtereditor-text-container.tree-only {
    height: 0%;
    visibility: hidden;
}

.dx-filtereditor .dx-filtereditor-tree-container.text-only {
    height: 0%;
    visibility: hidden;
}

.dx-filtereditor .dx-filtereditor-text-container.text-only {
    height: calc(100% - 0px);
    visibility: visible;
}


/* menu CSS */
.menu-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: BeginHide var(--DS-opacity-100, EndHide 0.7 BeginHide ) EndHide;
}

.menu-icon-menu {
    mask-image: url("/IImageService/Menu");
    -webkit-mask-image: url("/IImageService/Menu");
    mask-size: 16px;
}

.menu-icon-tree {
    mask-image: url("/IImageService/InsertTreeView");
    -webkit-mask-image: url('/IImageService/InsertTreeView');
    mask-size: 16px;
}

.menu-icon-text {
    mask-image: url("/IImageService/Action_Document_Object_Inplace");
    -webkit-mask-image: url('/IImageService/Action_Document_Object_Inplace');
    mask-size: 16px;
}

.menu-icon-advanced {
    mask-image: url("/IImageService/ModelEditor_GenerateContent");
    -webkit-mask-image: url('/IImageService/ModelEditor_GenerateContent');
    mask-size: 16px;
}

.filter-drawer-mini .filter-drawer-mini-menu .dxbl-menu-item-text {
    visibility: hidden;
    transition: visibility linear var(--dxbl-drawer-animation-duration);
}


.filter-drawer .dxbl-drawer-content {
    font-size: var(--dxbl-drawer-panel-font-size);
    line-height: var(--dxbl-drawer-panel-line-height);
    overflow: auto;
    padding: var(--dxbl-drawer-panel-padding-y) var(--dxbl-drawer-panel-padding-x);
}

.filter-drawer:has(.filter-drawer-menu) {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 0;
}

.dxbl-menu.filter-drawer-menu {
    --dxbl-menu-item-padding-x: 0.9375rem;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
}

.dxbl-sm .dxbl-menu.filter-drawer-menu {
    --dxbl-menu-item-padding-x: 0.8125rem;
}

.dxbl-lg .dxbl-menu.filter-drawer-menu {
    --dxbl-menu-item-padding-x: 1.0625rem;
}




/* Filter Editor */

.dxbl-text-edit-template .filter-panel
{
    padding: 0 !important;
}

.filter-panel {
    /*background: red;*/
    border: none;
    width: auto;
}

    .filter-panel .dxbl-input {
        width: auto !important;
        display: inline-block;
    }

.filter-preview {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
}

    .filter-preview .expr {
        background: #f0f0f5;
        padding: 2px 6px;
        border-radius: 3px;
        display: inline-flex;
        gap: 4px;
        align-items: center;
    }

    .filter-preview .field {
        font-weight: 600;
        color: #3f51b5;
    }

    .filter-preview .value {
        color: #00796b;
        font-weight: 500;
    }

    .filter-preview .op {
        color: #d84315;
        font-weight: bold;
    }

    .filter-preview .logic {
        margin: 0 6px;
        font-weight: 700;
        color: #9c27b0;
    }

.btn-filter {
    border: none;
}