:root {
    --bs-pos-sidebar-bg: #FFFFFF;
    --bs-pos-sidebar-header-bg: #2d353c;
    --bs-pos-sidebar-header-color: #FFFFFF;
    --bs-pos-sidebar-header-back-btn-bg: #495057;
    --bs-pos-sidebar-header-nav-link-bg: #e9ecef;
    --bs-pos-sidebar-header-nav-link-color: #6c757d;
    --bs-pos-sidebar-header-nav-link-active-bg: #FFFFFF;
    --bs-pos-sidebar-header-nav-link-active-color: #20252a;
    --bs-pos-sidebar-footer-bg: #495057;
    --bs-pos-sidebar-footer-color: #f8f9fa;
    --bs-pos-sidebar-product-border-color: #e9ecef;
    --bs-pos-sidebar-product-confirmation-bg: rgba(255, 255, 255, 0.95);
}
.section-loader {
    position: fixed;
   /* top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/
    background-color: var(--bs-body-bg);
    z-index: 1150;
    height: 100vh;
    opacity: .7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:-20px -30px; /*per evitare di vedere margini della sezione*/
    width:100%;
    /*transform:translateX(-50%);*/
}
.section-loader.loaded {
    display: none;
}

.panel-loader-custom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--bs-body-bg);
    opacity: .9;
    z-index: 1030;
    -webkit-animation: fadeIn .2s;
    animation: fadeIn .2s;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select2-results__option {
    padding: 0.5rem 1rem !important;
}

/*Stili per gestire readonly select2*/
select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}
/*End Stili per gestire readonly select2*/

td.truncate {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Per adattare i bottoni laterali alle select2*/
.input-group > .select2-container{
    width: auto!important;
    flex: 1 1 auto;
}

.min-w-50px {
    min-width: 50px !important;
}
.min-w-70px {
    min-width: 70px !important;
}
.min-w-80px {
    min-width: 80px !important;
}
.min-w-100px {
    min-width: 100px !important;
}
.min-w-125px {
    min-width: 125px !important;
}
.min-w-150px {
    min-width: 150px !important;
}

.min-w-200px {
    min-width: 200px !important;
}

.min-w-250px {
    min-width: 250px !important;
}

.min-w-300px {
    min-width: 300px !important;
}

.max-w-50px {
    max-width: 50px !important;
}
.max-w-80px {
    max-width: 80px !important;
}

.max-w-100px {
    max-width: 100px !important;
}

.dt-scroll-inside-cell {
    max-height: 55px !important;
    display: inline-block;
    overflow-y: scroll;
}
table.dataTable tbody td.select-checkbox{
    cursor:pointer;
}
table.dataTable tbody td.select-checkbox:before {
    top: 50% !important;
    transform: translateY(-50%);
}
table.dataTable tbody td.select-checkbox:after {
    top: 50% !important;
}


.dataTables_processing {
    color: #fff;
    background-color: var(--app-component-active-bg);
    z-index: 1000;
}

div.dt-processing{
    position:relative!important;
}

.dataTable.dataTable .badge {
    white-space: normal;
}

body #gritter-notice-wrapper {
    
    z-index: 1099!important;
    
}



.pos-sidebar-footer {
    background: var(--bs-pos-sidebar-footer-bg);
    color: var(--bs-pos-sidebar-footer-color);
    position: relative;
    overflow: hidden;
    padding: .9375rem .9375rem;
}

.pos-sidebar-header {
    padding: .703125rem .9375rem;
    background: var(--bs-pos-sidebar-header-bg);
    color: var(--bs-pos-sidebar-header-color);
    position: relative;
    display: flex;
    align-items: center;
}

.pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row {
    padding: 1.265625rem 0;
    margin: 0;
    position: relative;
}

.pos .pos-table-row {
    margin: -.46875rem;
    display: flex;
    flex-wrap: wrap;
}

.pos-product-thumb {
    display: flex;
}

.pos .pos-sidebar .pos-sidebar-header .icon + .title {
    padding-left: .703125rem;
}

.pos .pos-sidebar .pos-sidebar-header .title {
    font-size: 14px;
    font-weight: 600;
    flex: 1;
}

.pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img {
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
}
.pos .pos-sidebar .pos-sidebar-body .pos-table .pos-table-row > div .pos-product-thumb .img + .info {
    flex: 1;
    padding-left: 15px;
}
/*.pos {
    background:transparent;
}*/

.btn-group .dropdown-item .txt_item_azioni {
    margin-left: 10px;
    font-size: 0.85rem;
    margin-right:25px /*messo perchè in griglia con fixed column andava sotto il bottone*/
}

/* Rimuovo freccette negli input di tipo number -- Chrome, Safari, Edge, Opera */
.number_no_arrows::-webkit-outer-spin-button,
.number_no_arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Rimuovo freccette negli input di tipo number -- Firefox */
.number_no_arrows[type=number]{
    -moz-appearance: textfield;
}

@media (max-width: 575.98px) {
    .app-content {
        margin-left: 0;
        padding: 10px 10px;
    }
}

@media (max-width: 767.98px) {
    .app-header .navbar-nav {
        display:none!important; /* rimosso per comodità su mobile (era troppo invasivo)*/
    }

    .app-header-fixed {
        padding-top: 50px!important;
    }

    .pace .pace-progress {
        top:50px!important;
    }
    .pace .pace-activity {
        top: 63px !important;
    }
}
@media (min-width: 1400px) {
    .modal-xxl {
        max-width: 1340px;
    }
}

/*KENDO ITEMS*/

/*.k-grid, .k-grid * {*/
    /*font-size: var(--font-size-base) !important;*/
    /*font-size: var(--bs-body-font-size) !important;*/
    /*font-size: 14px !important;*/
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
/*}*/

.k-grid, .k-table-thead, .k-table-tbody, .k-pager {
    /*font-size: var(--font-size-base) !important;*/
    font-size: var(--bs-body-font-size) !important;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
}


.k-grid tr.k-grid-error-row,
.k-grid tr.k-grid-error-row.k-alt {
    background-color: var(--bs-danger-bg-subtle) !important;
    color: var(--bs-danger-text-emphasis) !important;
}

.k-grid tr.k-grid-error-row:hover,
.k-grid tr.k-grid-error-row.k-alt:hover {
    background-color: #f1aeb5 !important;
    /* color: white !important; */
}


    /*.k-grid.wrap-header .k-grid-header th.k-header {
        white-space: normal !important;
        word-break: break-word;
        line-height: 1.2;
    }*/

/* Applica il wrapping a tutte le intestazioni della grid con classe .wrap-header */
.wrap-header .k-grid-header th.k-header,
.wrap-header .k-grid-header .k-table-th,
.wrap-header .k-grid-header .k-column-title {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.2;
}