/*כדי לאפשר תאימות לאחור, ומכיוון שיש לנו עמודים שאנחנו משתמשים באותם אלמנטים
    לדוגמה עמוד לקוח באלמנט MS
    וגם בעמוד נכסים
    אבל בעמוד נכסים אנחנו רוצים שיוצג עם השינויים החדשים
    ובעמוד לקוח כבר מעוצב לפי האלמנט החדש
    הסטייל פה מוגדר רק לאלמנטים שיושבים תחת המחלקה activate-nd2-conversion
*/

.activate-nd2-conversion .grid-group-accordion-level-a {
    background: #fff;
    padding: var(--bs-gutter-x);
    border-color: #dee2e6 !important;
    border-right: 1px solid;
    border-left: 1px solid;
}

/*multiple select*/
.activate-nd2-conversion .ms-choice > div.open {
    display: none;
}
.activate-nd2-conversion .nd2-css-ms-arrow {
    display: none !important;
}
.activate-nd2-conversion .ms-parent.form-select {
    width: unset !important;
    min-width: 300px;
    padding: 0;
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    background-size: 16px 12px;
}
.activate-nd2-conversion .ms-choice {
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    text-align: right;
    height: 26px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    border: none;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff00;
    bottom: 7px;
    /* margin-top: -10px; */
    right: 0;
}
    .activate-nd2-conversion .ms-choice > span {
        right: 6px;
    }
/*end multiple select*/

/*category filters (like customerProdcuts page)*/

.nd2-css-cats-tabs .nav-item {
    width: 25%;
}

.activate-nd2-conversion .nd2-css-cats-tabs .grid-group-filter-category-button-active {
    font-size: 1.25rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-color: #dee2e6 !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid;
}

.activate-nd2-conversion .nd2-css-cats-inner-tab {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    font-size: 1.25rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    color: #000;
}

.activate-nd2-conversion .nd2-css-cats-tabs .grid-group-filter-category-button-active {
    background-color: #fff;
    border-bottom: none;
}

.activate-nd2-conversion .badge {
    margin-right: 0.35em;
}
.activate-nd2-conversion .grid-group-accordion-level-a-header-inner-text {
    margin-bottom: 0.25rem;
    font-size: 1.25rem;
}
.activate-nd2-conversion .grid-group-accordion-level-a-header-container {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}
.activate-nd2-conversion .nd2-css-counter-con {
    display: flex;
}
@media (min-width: 992px) {
    .activate-nd2-conversion [data-is-for-modal-footer="true"] {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: flex-end;
    }
}
/*end category filters*/