.bg-home
{
    /*background: #f000;*/
    /*min-height: 1080px !important;*/
    position: fixed;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-image: var(--homeMenu-bg-image, url(../background/background-light.svg));
    background-repeat: no-repeat;
    background-size: cover;
}

/* Badge */
.text-bg-info-1 {
  color: #094296 !important;
  background-color: #d2e4ff !important;
}

.text-bg-success-1 {
  color: #124d31 !important;
  background-color: #3adb90 !important;
}

/* End Badge */
@media screen and (min-width: 640px) {
    .entry-content
    {
        margin-top: 0px !important;
    }
    .entry-header h3
    {
        padding: 10px 0px 15px 0px;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_filter
    {
        margin-bottom: 5px;
    }
    .entry-content
    {
        margin-top: -20px !important;
    }

    .entry-header h3
    {
        padding: 10px 0px 10px 0px;
    }
}

@media screen and (min-width: 640px) 
{

  .truncated 
  { 
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

    .truncated-2 
    { 
        max-width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .truncated-mobile-230
    { 
        max-width: 230px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: 

    }

}

@media screen and (max-width: 640px) {
.truncated
    { 
        max-width: 230px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

/* Select2 general css for all select*/
.select2-selection--multiple
{
  min-height: 38px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
{
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.select2-container--default .select2-results__option--selected
{
  /* @extend .dropdown-content li:active, .dropdow-content li:hover */
  background-color: #d1e7dd !important;
}

.select2-container--default .select2-results__option[aria-selected="true"]
{
  /* @extend .dropdown-content li:active, .dropdow-content li:hover */
  background-color: #d1e7dd !important;
}

/*.select2-results__option[aria-selected="true"]
{
  background-color: #57bd54 !important;
}*/
/* END Select2 general css for all select */

/* Employee */
/*Assegnato a sfondo msg*/
#select2-inputAssignedEmployee-container
{
    background: #61df0b !important;
}
/* END Employee */

/* Datable js */
.row-danger
{
    --bs-table-bg: #fff !important;
}

.row-danger td
{
    box-shadow: inset 0 0 0 9999px rgba(255, 0, 0, 0.05) !important;
    color: #f00 !important;
}

.row-warning
{
    --bs-table-bg: #fff !important;
}

.row-warning td
{
    box-shadow: inset 0 0 0 9999px rgb(255, 243, 205) !important;
    color: #664d03 !important;
}
/* END Datable js */

/* Checkbox datable columns 
#TableListTicket td.select-checkbox::before
{
    margin-left: 0px !important;
}
#TableListTicket td.select-checkbox::after
{
    margin-left: 0px !important;
}*/
/* END Checkbox datable columns */

/* Checkbox datable columns */

td.select-checkbox::before
{
    /*margin-left: 25px !important;*/
    margin-left: 20px !important;
}

td.select-checkbox::after
{
    /*margin-left: 25px !important;*/
    margin-left: 20px !important;
}
/* END Checkbox datable columns */

/*Header table filter column*/
.bg-light-warning
{
    --bs-table-bg: #fdf7e3 !important;
}

/* Blink */
.blink_me {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* Bell */
.bell{
  /*display:block;
  width: 40px;
  height: 40px;
  font-size: 40px;
  margin:50px auto 0;
  color: #9e9e9e;*/
  -webkit-animation: ring 7s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 7s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  /*animation: ring 7s .7s ease-in-out infinite;*/
  animation: ring 7s .7s ease-in-out normal;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* Datablejs ColVis correction */
.dt-button-collection .dropdown-menu
{
  display: block !important;
}

.dt-button-collection
{
  margin-top: auto !important;
  margin-left: -60px;
  opacity: 1 !important; //disable effect fade
}
/* End Datablejs ColVis correction */

/* Button close mini report 
.pos-close-min-report
{
  position: absolute;
  align-content: revert;
  float: right;
  top: 155px;
  left: 100%;
  margin-left: -105px;
  z-index: 9999;
} */

/* Button Bootstrap Gray */
.btn-outline-gray {
  background-color: #f8f9fa;
  --bs-btn-border: #dfdfdf;
  --bs-btn-color: #6c757d;
}
/* END Button Bootstrap Gray */

/* Blink effect */
.pw-blink {
  animation: blink 1600ms infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* End Blink effect */

/* Blink color effect */
@-webkit-keyframes blink {
   from { color: black; }
   to { color: white; }
  }
 @-moz-keyframes blink {
   from { color: black; }
   to { color: white; }
 }
 @-ms-keyframes blink {
   from { color: black; }
   to { color: white; }
 }
 @-o-keyframes blink {
   from { color: black; }
   to { color: white; }
 }
 @keyframes blink {
   from { color: black; }
   to { color: white; }
 }

.pw-blink-color {
    color: black;
    -webkit-animation: blink 2s 3 alternate;
    -moz-animation: blink 2s 3 alternate;  
    -ms-animation: blink 2s 3 alternate;  
    -o-animation: blink 2s 3 alternate;  
    animation: blink 2s 3 alternate;   
}

/* End Blink color effect */

/*DATABLE JS layout fisso */
@media screen and (min-width: 1024px) 
{
/* Regola fondamentale per il layout fisso */
table.dataTable.fixed-layout {
    table-layout: fixed !important;
    width: 100% !important;
}

/* Il testo va a capo, la cella non rompe il layout */
table.dataTable.fixed-layout td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Gestione delle celle per evitare che il contenuto rompa il layout */
/*table.dataTable.fixed-layout td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

/* Opzionale: mostra il testo completo al passaggio del mouse 

table.dataTable.fixed-layout td:hover {
    overflow: visible;
    white-space: normal;
    word-break: break-all;
    background: #fff;
   
    Colora sfondo cella mouse Hover
    border: 1px solid #ccc;
    outline: 2px solid #007bff !important;
    outline-offset: -2px; 
    background-color: #f0f7ff !important; // Schiarisce lo sfondo

}*/

}

/*** Test Ellips truncated colonan numero 9 */
table.dataTable.fixed-layout td:nth-child(9),
table.dataTable.fixed-layout th:nth-child(9) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

/* Su mobile, lasciamo che il testo vada a capo se necessario */
@media screen and (max-width: 1023px) {
    table.dataTable td {
        word-wrap: break-word;
        white-space: normal;
    }
}
/* END DATABLE JS layout fisso */

.pagination
{
    float: right !important;
    margin-top: 30px !important;
}
/* Datable filter */
.dataTables_filter
{
    position: relative;
    float: right;
}
/*Datable wrapper*/
#TableListTicket_wrapper.dataTables_wrapper.row
{
    margin-bottom: 20px;
}

/*Datable lenght views*/
.dataTables_length label
{
    display: flex;
}

.dataTables_length select
{
    max-width: 100px;
    margin: -3px 10px 20px 10px;
}

/* Datable info footer */
.dataTables_info
{
    margin-top: 20px;
}

/*Datable truncate text in a cell*/
.truncate_txt {
    max-width:230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
/* header datableJs shorting arrow
th.sorting
{
    position: relative !important;
}
.sorting::after
{
    right: 1em !important;
    content: "\2193" !important;
    position: absolute;
    opacity: 0.3;

}

.sorting_asc::after
{
    right: 1em !important;
    content: "\2191" !important;
    
}*/
/* FINE header datableJs shorting*/

div.dataTables_wrapper div.dataTables_filter input
{
    width: 100% !important;
}
/* Form control 
select.form-control {
    background-color: #f7f7f7;
}
input.form-control {
    background-color: #f7f7f7;
}*/
/* Filtro Mese Lav */
.capitalize-text
{
    text-transform: capitalize;
}
/* validator bootstrap */
.has-error .help-block {
    color: #ff0000;
}

.has-success .col-form-label {
    color: #46a347;
    font-weight: 600;
}

.has-error .col-form-label {
    color: #ff0000;
    font-weight: 600;
}

.has-success input.form-control
{
    border-color: #47a447 !important;
}

.has-success .form-control:focus
{
    border-color: #47a447 !important;
    box-shadow: 0 0 0 0.25rem rgb(203, 232, 203) !important;
}

.btn-success{
    background-color: #47a447 !important;
    border-color: #47a447 !important;
}

/** Mpdal Loading Trasparent**/
#LoadingModalLav .modal-content {
    background-color: rgba(0,0,0,.0001) !important;
    border: 0px !important;
    

}

#LoadingModalLav .spinner-grow
{
    color: #f09130 !important;
    width: 6rem !important;
    height: 6rem !important;
}
/* Dimensione colonne lavorazione */

@media (min-width: 992px) {
    .column-lav-0-2
    {
        width: 0.2% !important;
        max-width: 100px;
        min-width: 100px;
        font-size: 15px;
    }

    .column-lav-1
    {
        width: 1% !important;
        min-width: 90px !important;
        font-size: 15px;
    }

    .column-lav-2
    {
        width: 2% !important;
        font-size: 15px;
    }

    .column-lav-2-5
    {
        width: 2.5% !important;
        font-size: 15px;
    }

    .column-lav-3
    {
        width: 3% !important;
        /*max-width: 150px;
        min-width: 150px;*/
        font-size: 15px;
    }

    .column-lav-4
    {
        width: 4% !important;
        font-size: 15px;
    }

    .column-lav-5
    {
        width: 5% !important;
        font-size: 15px;
    }

    .column-lav-7
    {
        width: 7% !important;
        font-size: 15px;
    }

    .column-lav-8
    {
        width: 8% !important;
        font-size: 15px;
    }

    .column-lav-10
    {
        width: 10% !important;
        font-size: 15px;
    }

    .column-lav-15
    {
        width: 15% !important;
        font-size: 15px;
    }
}

/*Assegnato a sfondo msg*/
#select2-inputAssegnatoaTicket-container
{
    background: #d1e7dd !important;
}

/* Badge user message proprety ticket*/
.bg-user-msg
{
    --bs-bg-opacity: 1;
  background-color: rgb(207, 226, 255) !important;
  color: #052c65;
}

/* Badge user message proprety ticket*/
.hr-grey
{
    color: #e5e5e6 !important;
    opacity: 1 !important;

}

/*Datablejs 2-3-7*/

table.dataTable {
  border-collapse: collapse !important;
}

 /* Colore dei bordi */
/*:root {
   
    --dt-row-border: 1px solid #444; 
    
    
    --dt-row-stripe: rgba(0, 0, 0, 0.05); 
}*/

/* Bordo sotto filtro sull'intestazione */
table.dataTable thead th 
{
    border-bottom: 2px solid #f2f2f2 !important;
}

/* Se vuoi forzare i bordi anche sull'intestazione 
table.dataTable thead th, 
table.dataTable thead td {
    border-bottom: 2px solid #333 !important;
}*/

/* Date on two lines */
.dt-date-2-rows {
    white-space: normal;
    word-break: break-word;
}
/* END Date on two lines */

/* SFONDO LAMPEGGIANTE giallo e rosso*/
/* Definisci l'animazione */
@keyframes lampeggiaSfondo-warning {
  0% { background-color: #ffc107; }   /* Colore iniziale */
  50% { background-color: #f2f2f2; }  /* Colore intermedio */
  100% { background-color: #ffc107; } /* Ritorno al colore iniziale */
}

/* Applica l'animazione all'elemento desiderato */
.elemento-lampeggiante-warning {
  animation-name: lampeggiaSfondo-warning;
  animation-duration: 1s;            /* Velocità del ciclo */
  animation-iteration-count: infinite; /* Ciclo infinito */
}
/* END SFONDO LAMPEGGIANTE */

/* SFONDO LAMPEGGIANTE giallo e rosso*/
/* Definisci l'animazione */
@keyframes lampeggiaSfondo-danger {
  0% { background-color: #ff0000; }   /* Colore iniziale */
  50% { background-color: #ffff00; }  /* Colore intermedio */
  100% { background-color: #ff0000; } /* Ritorno al colore iniziale */
}

/* Applica l'animazione all'elemento desiderato */
.elemento-lampeggiante-danger {
  animation-name: lampeggiaSfondo-danger;
  animation-duration: 1s;            /* Velocità del ciclo */
  animation-iteration-count: infinite; /* Ciclo infinito */
}
/* END SFONDO LAMPEGGIANTE */

/* SFONDO LAMPEGGIANTE grigioe e verde*/
/* Definisci l'animazione */
@keyframes lampeggiaSfondo-success {
  0% { background-color: #47a447; }   /* Colore iniziale */
  50% { background-color: #f2f2f2; }  /* Colore intermedio */
  100% { background-color: #47a447; } /* Ritorno al colore iniziale */
}

/* Applica l'animazione all'elemento desiderato */
.elemento-lampeggiante-success {
  animation-name: lampeggiaSfondo-success;
  animation-duration: 1s;            /* Velocità del ciclo */
  animation-iteration-count: infinite; /* Ciclo infinito */
  /* TESTO BIANCO */
  color: #ffffff;
}
/* END SFONDO LAMPEGGIANTE */

/* DatableJs Colonna Status menu select status color text */
table.dataTable tbody tr.selected a
{
    color:#000 !important;
}

#value-menu-dropdown-filter .dropdown-change-status {
  color: #000 !important;
}
/* END DatableJs Colonna Status menu select status color text */

/* Iframe note Ticket */
.ticket-iframe {
    width: 100%;
    height: 248px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: scroll; /* forza scroll visibile */
}
/* END Iframe note Ticket */