.lkup{
    background: white !important;
}

.w-full {
    width:100%;
}

.flex {
    display:flex;
}

.justify-end {
    justify-content: end;
}

.justify-start {
    justify-content: start;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.flex-col {
    flex-direction:column;
}

.flex-basis-80{
    flex-basis: 80%;
}

.flex-basis-70{
    flex-basis: 70%;
}

.flex-basis-60 {
    flex-basis: 60%;
}

.flex-basis-50{
    flex-basis: 50%;
}

.flex-basis-40 {
    flex-basis: 40%;
}

.flex-basis-30 {
    flex-basis: 30%;
}

.flex-basis-20 {
    flex-basis: 20%;
}

@media (min-width: 640px) {
    .sm-flex-basis-80 {
        flex-basis: 80% !important;
    }
    .sm-flex-basis-70 {
        flex-basis: 70% !important;
    }
    .sm-flex-basis-60 {
        flex-basis: 60% !important;
    }

    .sm-flex-basis-50 {
        flex-basis: 50% !important;
    }

    .sm-flex-basis-40 {
        flex-basis: 40% !important;
    }
    .sm-flex-basis-30 {
        flex-basis: 30% !important;
    }
    .sm-flex-basis-20 {
        flex-basis: 20% !important;
    }
    .sm-flex-nowrap {
        flex-wrap: nowrap !important;
    }
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.gap-1{
    gap:1em;
}

.gap-2 {
    gap: 2em;
}

.color-red{
    color:red !important;
}

.color-green {
    color: green !important;
}

.m-0{
    margin:0;
}

.m-0-i {
    margin: 0 !important;
}

.p-1{
    padding:1em;
}


.p-2 {
    padding: 2em;
}

.py-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.py-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}

.px-1 {
    padding-left: 1em;
    padding-right: 1em;
}

.px-2 {
    padding-left: 2em;
    padding-right: 2em;
}

.custom-container-login {
    display: flex;
    flex-direction: column;
    gap: 25px;
    height: 100vh;
    position: relative;
    justify-content: center;
    align-items: center;
}

#sidebar-scrollable, #header-menu {
    background-image: url("/css/devextreme/images/bg-login.png")
}

#btnLogin {
    background-color: #003f7a !important;
}

#txtPassword, #txtUsername {
    /*background: #000;*/
}

#filter-disp.dx-state-focused::before {
    border-bottom: 2px solid #003f7a !important;
}

#filter-disp.dx-state-focused .dx-texteditor-label .dx-label {
    color: #003f7a !important;
}

/* BUG ICONA MENU SUB ITEM */
.dx-treeview-expander-icon-stub{
    display:none !important;
}
/* BUG ICONA MENU SUB ITEM */


/* CAMBIO COLORE DEVEXTREME */
.menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item *,
.dx-toolbar .dx-toolbar-item.menu-button > .dx-toolbar-item-content .dx-icon {
    color: #a29149 !important;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid),
.dx-page-size.dx-selection,
.dx-page.dx-selection {
    background: #003f7a !important;
    color: white !important;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link {
    background-color: transparent !important;
    color: white !important;
}

/* CAMBIO COLORE DEVEXTREME */

/* CustomerReservation */

/*#header-customer-res {
    padding-left: 1em;
}*/

#header-customer-res > .dx-toolbar-items-container > .dx-toolbar-before {
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CustomerReservation */