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

/* Button: Toglie il colore ai bordi quando disabilitati, uscito con l'aggiornamento a CoreUI 5 */
.dxbl-btn.dxbl-disabled.hx-btn-contained, .dxbl-btn.hx-btn-contained:disabled {
    --dxbl-btn-disabled-border-color: transparent;
}

/* 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;
}

/* FormEdit */
.dynamic-field-invalid > div.form-group > div > div.d-flex {
    border-color: var(--cui-danger);
}

/* FormDesigner */
.hunext-form-designer .selected {
    border: var(--cui-border-width) var(--cui-border-style) var(--cui-primary) !important;
}

/* 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-title {
    padding-left: 8px;
}

.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;
}

/* Header */
.header .dropdown-header {
    --cui-bg-opacity: 1;
    background-color: rgba(var(--cui-tertiary-bg-rgb, var(--cui-light-rgb)), var(--cui-bg-opacity));
    color: var(--cui-secondary-color, var(--cui-dropdown-header-color));
}

.dark-theme[data-coreui-version^="4."] .header .dropdown-header {
    --cui-bg-opacity: 0.1;
}

/* 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;
}

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