/* Button */
.dxbl-btn-icon-only {
    --dxbl-btn-padding-x: 0.5rem !important;
    --dxbl-btn-padding-y: 0.315rem !important;
}

/* ValidationMessage e ValidationSummary */
.validation-errors {
    margin-bottom: 0.5em;
}

.validation-message {
    color: var(--cui-danger, var(--bs-danger, red));
    font-size: 0.875rem;
}

/* BreadcrumbItem */
.breadcrumb-item-active {
    color: var(--cui-breadcrumb-item-active-color, var(--bs-breadcrumb-item-active-color, gray)) !important;
}
.breadcrumb-item > a {
    cursor: pointer;
}

/* DataForm */
.offcanvas > .offcanvas-body > .data-form {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    border-left: 0;
    border-bottom: 0;
}

/* GridView */
.grid-view-command-column-button {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.grid-view-operator-Default {
    -webkit-mask-image: url('../images/gridview/Default.svg');
    mask-image: url('../images/gridview/Default.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-StartsWith {
    -webkit-mask-image: url('../images/gridview/StartsWith.svg');
    mask-image: url('../images/gridview/StartsWith.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-NotEqual {
    -webkit-mask-image: url('../images/gridview/NotEqual.svg');
    mask-image: url('../images/gridview/NotEqual.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-LessOrEqual {
    -webkit-mask-image: url('../images/gridview/LessOrEqual.svg');
    mask-image: url('../images/gridview/LessOrEqual.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-Less {
    -webkit-mask-image: url('../images/gridview/Less.svg');
    mask-image: url('../images/gridview/Less.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-GreaterOrEqual {
    -webkit-mask-image: url('../images/gridview/GreaterOrEqual.svg');
    mask-image: url('../images/gridview/GreaterOrEqual.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-Greater {
    -webkit-mask-image: url('../images/gridview/Greater.svg');
    mask-image: url('../images/gridview/Greater.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-Equal {
    -webkit-mask-image: url('../images/gridview/Equal.svg');
    mask-image: url('../images/gridview/Equal.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-EndsWith {
    -webkit-mask-image: url('../images/gridview/EndsWith.svg');
    mask-image: url('../images/gridview/EndsWith.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-operator-Contains {
    -webkit-mask-image: url('../images/gridview/Contains.svg');
    mask-image: url('../images/gridview/Contains.svg');
    background-color: var(--dxbl-btn-color);
}

.grid-view-selectable tr {
    cursor: pointer;
}

.grid-view-body > .dxbl-grid {
    --dxbl-grid-border-radius: 0;
    overflow: auto;
    height: 100%;
}

.grid-view-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Risolve un problema relativo al height 100% in Firefox per la DxGrid di DevExpress */
.dxbl-grid .dxbl-grid-table.dxbl-grid-table-no-scroll {
    height: unset !important;
}

/* Riduco un po la dimensione del calendar usato per filtrare le date in nella grid-view */
.grid-view-column-filter-date > dxbl-calendar-table-container > table > tbody > tr.dxbl-calendar-days-of-week > th:nth-child(1) {
    display: none;
}
.grid-view-column-filter-date > dxbl-calendar-table-container > table > tbody > tr > td.dxbl-calendar-week-number {
    display: none;
}
.grid-view-column-filter-date > .dxbl-calendar-footer {
    display: none;
}
.grid-view-column-filter-date > dxbl-calendar-table-container > table > tbody > tr > .dxbl-calendar-not-current-month > * {
    opacity: 0.5;
}

/* Serve a centrare la colonna di intestazione nel caso di Comandi. */
.dxbl-grid-header-center-align span:first-child {
    text-align: center;
    width: 100%;
}



/* InputDateRange */
.input-date-range-calendar > dxbl-calendar > .dxbl-calendar-footer {
    display: none;
}

.input-date-range-options > button {
    margin: 0.25em;
}

.input-date-range-calendar > dxbl-calendar > dxbl-calendar-table-container > table > tbody > tr > td.dxbl-calendar-day.dxbl-calendar-disabled-item.dxbl-calendar-today.dxbl-calendar-not-current-month {
    border: 0;
}

.input-date-range-calendar > dxbl-calendar > dxbl-calendar-table-container > table > tbody > tr.dxbl-calendar-days-of-week > th:nth-child(1) {
    display: none;
}

.input-date-range-calendar > dxbl-calendar > dxbl-calendar-table-container > table > tbody > tr > td.dxbl-calendar-week-number {
    display: none;
}

.input-date-range-calendar > dxbl-calendar > dxbl-calendar-table-container > table > tbody > tr.dxbl-calendar-days-of-week > td:first-child {
    display: none;
}

.input-date-range-btn-no-border {
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--dxbl-text-edit-border-color);
}



/* InputField */
.input-field-has-buttons-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.input-field-has-buttons-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.input-field-has-buttons-right > * .dxbl-btn:hover {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-field-has-buttons-left > * .dxbl-btn:hover {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-field {
    border-width: 0;
}

    .input-field:has(:focus) {
        border-color: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: unset;
        border-width: 0;
    }

.input-field-btn-no-border {
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;
    border-left-color: var(--dxbl-text-edit-border-color);
}

/* SplitterLayout */
.dxbl-splitter-pane-content:has(> div.hunext-splitter-layout-item-noparentpadding) {
    --dxbl-splitter-pane-padding-y: 0;
    --dxbl-splitter-pane-padding-x: 0;
}

/* Sidebar */
.sidebar-nav .nav-group-items .nav-link.active {
    font-weight: bold;
}

.sidebar:not(.sidebar-narrow-unfoldable) .sidebar-nav .nav-group .nav-link.nav-group-toggle {
    padding-left: 8px;
}

.sidebar:not(.sidebar-narrow-unfoldable) ul.sidebar-nav > div.simplebar-wrapper > div.simplebar-mask > div > div > div > li > .nav-link {
    padding-left: 8px;
}

.sidebar-narrow-unfoldable:hover .sidebar-nav .nav-group .nav-link.nav-group-toggle {
    padding-left: 8px;
}

.sidebar-narrow-unfoldable:hover ul.sidebar-nav > div.simplebar-wrapper > div.simplebar-mask > div > div > div > li > .nav-link {
    padding-left: 8px;
}

/* TreeComboBox */
.tree-combobox-no-border {
    border-width: 0;
}

/* Wizard */
.hunext-wizard-popup .modal-footer {
    display: block;
}

/* Icons */
.hx-icon-pin {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    -webkit-mask: url(../images/svg/pin-fill.svg) no-repeat 50% 50%;
    mask: url(../images/svg/pin-fill.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.hx-icon-pin-slash {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    -webkit-mask: url(../images/svg/pin-slash-fill.svg) no-repeat 50% 50%;
    mask: url(../images/svg/pin-slash-fill.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.hx-icon-help {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    -webkit-mask: url(../images/svg/question.svg) no-repeat 50% 50%;
    mask: url(../images/svg/question.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}