﻿.section-loader {
    position: fixed;
   /* top: 0;
    left: 0;
    bottom: 0;
    right: 0;*/
    background-color: var(--bs-body-bg);
    z-index: 1050;
    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(--app-component-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;
}
