input:focus, textarea:focus, select:focus{
    outline: none;
    border: 2px solid #56565B;
}

input{
    border-radius: 50px;
    border:none;
    height: 50px;
    border: 1px solid;
    width: 46%;
    text-align: center;
    font-family: 'CamingoSlabPro';
    color: #56565B;
}
.w3-container{padding:0;}
.w3-center{text-align: left;}
body{
    overflow-x: hidden;
    background-color: #eb690a;
    font-family:'CamingoSlabPro';
    color:#56565B;
    }
    .body-AVproduzione1{

       background-color: white;
       border-top-right-radius: 25px;
       border-top-left-radius: 25px;

    }
    .logo-AVproduzione1{
        padding: 20px;
     width: 46%;
    }
    .logoCerca-AVproduzione1{
        margin-right: -50px;
    margin-top: 15px;
    width:40%;
    }
    .indietro-AVproduzione1{
        margin-left: -50px;
     margin-top: 25px;
     width:20%;
    }
    .navbar-AVproduzione1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 19px;
        margin-bottom: 0;
    }
    .form-group-AVproduzione1{
        text-align: center;
        margin-bottom: 0;
    }
    .tracking-AVproduzione1{
        text-align: center;
        padding:20px ;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .sub-AVproduzione1{
        margin-top: -10px;
        margin-bottom: 20px;
    }


    .slidecontainer-AVproduzione1{
  width: 100%;
  margin-top: 40px;
  margin-bottom: 4rem;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 25px;


  outline: none;
  background-color: #eb690a;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 49px;
  margin-top: -55px;
  border: 0;
  background: url('../img/svg/tracking-ordine-on.svg');


}

.slider::-moz-range-thumb {
    width: 50px;
  height: 49px;
  margin-top: -55px;
  border: 0;
  background: url('../img/svg/tracking-ordine-on.svg');
  cursor: pointer;

}





    .bottone-AVproduzione1,.div-RichiediAssistenza,.div-nuovaRicerca{
        background-color: white;
        border-radius: 20px;
        border:2px solid #dbdbdb;
        border:none;
        box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
        padding: 10px;
        margin-bottom: 10px;
        font-size:large;
        font-weight: bold;
        color: #56565B;
        letter-spacing: 1px;
        width: 100%;
    }
    .btn-large{
        border: none;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        border-radius: 20px;
       width: 100%;
    }
    .button-accordion .imgLess{
        display: none;
    }

    .button-accordion.open .imgLess{
        display: block;
    }

    .button-accordion.open .imgAdd{
        display: none;
    }
    #panel{
        text-align: left;
        text-decoration: underline;
        font-size: 15px;
        font-weight: 300;
        padding:20px;
        margin-top: -10px;
        color: #eb690a;
        display: none;
    }
    #panel a{
        color: #eb690a;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    #panel1{
        text-align: left;
        text-decoration: underline;
        font-size: 15px;
        font-weight: 300;
        padding:20px;
        margin-top: -10px;
        color: #eb690a;
        display: none;
    }
    #panel1 a{
        color: #eb690a;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
  /*  .after1:after{*/
  /*  content:'';*/
  /*  text-align: center;*/
  /*  background-color:  #dbdbdb;*/
  /*  height: 2px;*/
  /*  width: 100%;*/
  /*  opacity: 0.7;*/
  /*  display: flex;*/
  /*  margin-top: -5px;*/
  /*  margin-bottom: 3px;*/

  /*}*/
    .div-RichiediAssistenza{
        background-color: #56565B;
        padding: 15px;
        border-radius: 50px;
        border: none;
        margin-top:3rem;
    }
    .RichiediAssistenza{
        color: white;
        border: none;
        background-color: #56565B;
    }
    
    .RichiediAssistenza:hover{
        color: #fff;
        text-decoration:none;

    }
    
    .div-nuovaRicerca{
        border: 2px solid #bebdbf ;
        border-radius: 50px;
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;

    }
    .btn-nuovaRicerca{
        border: none;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        height: 35px;
        letter-spacing: 1px;
    }



    .cercaImg{
        margin-left: -25px;
        margin-right: 15px;
    }
    .imgAdd, .imgAdd1{
        float:right;
        right: 0;
    }
    .imgLess, .imgLess1{
        float:right;
        right: 0;
        display:none ;
    }
    .tabBar-AVproduzione1{
        width: 100%;
        height: 80px;
        background-color: #56565B;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-evenly;
        position: fixed;
        bottom: 0;
    }


    .informazioni-AVproduzione1{
        text-align: left;
        color: #eb690a;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 18px;
    }
    .informazioni-content{
        display: flex;
        justify-content: space-between;

    }

    .after{
        position: relative;
    }

    .after:after{
        content:'';
        text-align: center;
        background-color: #dbdbdb;
        height: 1px;
        width: 100%;
        opacity: 1;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    .paragrapfLeft{
        color: #959496;
        font-family: 'CamingoSlab';
    }
    .paragrapfRight{
        font-size: 12px;
        text-align: right;
    }
    .assegnazionePreliminare{
       text-align: justify;
       color: #959496;
       font-size: 10px;
       margin-top: 20px;
       font-family: 'CamingoSlab';
    }



    #tabBtn1{background-color: white;}


    .body-avanzamentoP{background-color: white;border-top-right-radius: 25px;border-top-left-radius: 25px;padding-bottom: 1.5rem;min-height: 100vh;}
     .logo-avanzamentoP{
         padding: 30px;
         width: 100%;
     }
     .logoCerca-avanzamentoP{
         width: 3rem;
     }
     .indietro-avanzamentoP{
         width: 2rem;
     }
     .navbar-avanzamentoP{
         width: 100%;
         display: grid;
         transition: all 0.5s ease 0s;
         gap: 2rem;
         grid-template-columns: auto auto auto;
         align-items: center;
     }
     
     
     
     
     .form-group-avanzamentoP{
         /* text-align: center; */
         margin-bottom: 0;
     }
     .tracking-avanzamentoP{
         text-align: center;
         padding:20px;
         letter-spacing: 1px;
         padding-bottom: 0;
         font-size: 15px;
     }
     .tracking-avanzamentoP h2{
         font-family: 'CamingoSlabPro';
     }
     .sub-avanzamentoP{
         margin-top: -10px;
         margin-bottom: 20px;
     }


   .slidecontainer-avanzamentoP {
   width: 100%;
   margin-top: 40px;
   margin-bottom: 4rem;
 }

 .slider {
   -webkit-appearance:none;
   width: 100%;
   height: 15px;
   border-radius: 25px;


   outline: none;
   background-color: #eb690a;
   -webkit-transition: .2s;
   transition: opacity .2s;
 }

 .slider:hover {
   opacity: 1;
 }

 .slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 50px;
   height: 49px;
   margin-top: -55px;

   border: 0;
   background: url('../img/svg/tracking-ordine-on.svg');


 }

 .slider::-moz-range-thumb {
     width: 50px;
   height: 49px;
   margin-top: -55px;
   border: 0;
   background: url('../img/svg/tracking-ordine-on.svg');
   cursor: pointer;

 }







     .bottone-avanzamentoP, .div-ApriTicket,.div-nuovaRicerca{
         background-color: white;
         border-radius: 20px;
         border:2px solid #dbdbdb;
         border:none;
         box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
         padding: 1.5rem 10px;
         margin-bottom: 15px;
         font-size:large;
         font-weight: bold;
         color: #56565B;
         letter-spacing: 1px;
         width: 100%;
     }
     .btn-large{
         border: none;
         background-color: white;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         justify-content: space-between;
         padding: 0 10px;
         border-radius: 20px;
         width: 100%;
     }

     .button-accordion .imgLess{
         display: none;
         width: 2rem;
     }

     .button-accordion.open .imgLess{
         display: block;
     }

     .button-accordion.open .imgAdd{
         display: none;
     }

     .panel{
         text-align: left;
         font-size: 15px;
         font-weight: 300;
         padding: 10px;
         padding-top: 1rem;
         color: #eb690a;
         border: 0;
         display: none;
         border-radius: 0;
         margin: 0;
         margin-top: -10px;
         box-shadow: 0 0 0 0;
     }
     .panel a{
         color: #eb690a;
         display: flex;
         flex-direction: column;
         text-decoration: underline;
     }
     
        .panel label {
            color: #eb690a;
            display: flex;
            flex-direction: column;
            text-decoration: underline;
        }
        
        .panel label:not(:last-child){
            padding-bottom: 0.5rem;
            margin: 0;
        }
        
        .panel a:not(:last-child){
            padding-bottom: 20px;
        }
        
             
        .panel p {
            color: #000;
            margin:0;
            display: flex;
            flex-direction: column;
        }
        
        .panel p:not(:last-child) {
            margin-bottom:1rem;
        }
        
         #panel1{
         text-align: left;
         text-decoration: underline;
         font-size: 15px;
         font-weight: 300;
         padding:20px;
         margin-top: -10px;
         color: #eb690a;
         display: none;
     }
     #panel1 a{
         color: #eb690a;
         padding-bottom: 20px;
         display: flex;
         flex-direction: column;
     }
   /*  .after1:after{*/
   /*  content:'';*/
   /*  text-align: center;*/
   /*  background-color:  #dbdbdb;*/
   /*  height: 2px;*/
   /*  width: 100%;*/
   /*  opacity: 0.7;*/
   /*  display: flex;*/
   /*  margin-top: -5px;*/
   /*  margin-bottom: 3px;*/

   /*}*/
     .div-ApriTicket{
         background-color: #eb690a;
         padding: 15px;
         border-radius: 50px;
         border: none;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: 3rem;
     }
     .apriTicket{
         color: white;
         border: none;
         background-color: #eb690a;
         text-align: center;
         letter-spacing: 1px;
     }
     
     .apriTicket:hover{
         color: #fff;
        text-decoration:none;
     }
     
     .div-nuovaRicerca{
         border-radius: 50px;
         margin-bottom: 50px;
         display: flex;
         justify-content: center;
         align-items: center;
         border: 1px solid #56565b;
         margin-top: 20px;
     }
     .btn-nuovaRicerca{
         border: none;
         background-color: white;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 50px;
         height: 35px;
         letter-spacing: 1px;
     }



     .cercaImg{
         margin-left: -25px;
         margin-right: 15px;
     }
     .imgAdd, .imgAdd1{
         float:right;
         right: 0;
     }
     .imgLess, .imgLess1{
         float:right;
         right: 0;
         display:none ;
     }
     .tabBar-avanzamentoP{
         width: 100%;
         height: 80px;
         background-color: #56565B;
         border-top-right-radius: 30px;
         border-top-left-radius: 30px;
         display: flex;
         justify-content: center;
         align-items: center;
         justify-content: space-evenly;
         position: fixed;
         bottom: 0;
     }


     .informazioni-avanzamentoP{
         text-align: left;
         color: #eb690a;
         font-weight: bold;
         letter-spacing: 1px;
         font-size: 18px;
     }
     .informazioni-content-avanzamentoP{
         display: flex;
         justify-content: space-between;

     }

   /*  .after:after{*/
   /*  content:'';*/
   /*  text-align: center;*/
   /*  background-color:  #dbdbdb;*/
   /*  height: 1px;*/
   /*  width: 100%;*/
   /*  opacity: 0.4;*/
   /*  display: flex;*/
   /*  margin-top: -5px;*/
   /*  margin-bottom: 3px;*/

   /*}*/
     .paragrapfLeft{
         color: #959496;
         font-family: 'CamingoSlab';
     }
     .paragrapfRight{
         font-size: 12px;
         text-align: right;
     }
     .assegnazionePreliminare{
       text-align: left;
       color: #959496;
       font-size: 10px;
       margin-top: 20px;
       font-family: 'CamingoSlab';
     }


     .progress-bar-avanzamento {
         height: 1rem;
         width: 100%;
         background: #fce2d3;
         border-radius: 50px;
     }


     .progress-bar-avanzamento .progress {
         box-shadow: 0 0 0 0;
         background-color: #f5f5f5;
         height: 100%;
         background: #eb6909;
         width: 40%;
         border-radius: 50px;
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
     }


     .progress-bar-avanzamento .bar-v {
         height: 1.7rem;
         top: -0.35rem;
         width: 2px;
         left: calc(40% + 2px);
         position: absolute;
         background: black;
     }

     .tot-perc{
         position: absolute;
         bottom: -1.7rem;
         left: -0.5rem;
         font-size: 1rem;
         font-weight: bold;
     }


     .progress-bar-avanzamento .bar-v:before {
         content:'';
         width: 3rem;
         height: 3rem;
         background-size: contain;
         background-repeat: no-repeat;
         position: absolute;
         background-image: url('../img/svg/tracking-ordine-on.svg');
         top: -2.9rem;
         left: -1.5rem;
     }



     .progress-bar-avanzamento.finish .bar-v{
        display: none;
    }


    .progress-bar-avanzamento.finish .progress {

        width: 100%;
        border-radius: 50px;
    }








     input:focus, textarea:focus, select:focus{
        outline: none;
        border: 2px solid #56565B;
    }
    .w3-container{padding:0;}
    .w3-center{text-align: left;}
        .body-apriT{
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
        }
        .logo-apriT{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-apriT{
            margin-right: -50px;
            margin-top: 15px;
            width:40%;
        }
        .indietro-apriT{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-apriT{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-apriT{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-apriT{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;

            font-family: CamingoSlabPro;
        }
        .data-segnalazione{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 12px;
            margin-left: 15px;
            margin-right: 15px;
            margin-bottom: 5px;
        }
        .data-apri-ticket{
            font-size: 20px;
        }
        .textarea-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            resize: none;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            height: 80px;
            margin-bottom: 8px;

        }
        .textarea1-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            margin-top: 10px;
            height: 80px;
            margin-bottom: 15px;
            margin-top: 15px;
            resize: none;
        }
        .textarea1-apriT::placeholder,.textarea-apriT::placeholder{
            color:#cfcfd1;


        }
        .select{
            width: 100%;
            border-radius: 20px;
            padding: 12px 18px;
            border:none;
            margin-bottom: 14px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;utf8,<svg  fill='%23eb690a' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path  stroke-width='16' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 97%;
            background-position-y: 13px;
            background-size: 25px auto;
        }

        option {


        }

        .dueInput input{
            width: 100%;
            margin-bottom: 14px;
            padding: 12px 18px;
            border-radius: 50px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);

        }
        input::placeholder{
            color:#cfcfd1;
        }
        .allega-immagine{

            display: flex;
            justify-content: space-between;
            align-items: center;
            color:#56565B;
        }
        .allega-immagine p{
            margin-left: 18px;
            margin-bottom: -4px;
            opacity: 0.6;
        }


        .label-apriT{
        }

        .checkbox p{
            margin-left: 20px;
            letter-spacing: 0.3px;
            margin-top: -5px;
            line-height: 15px;
            color:#cfcfd1;
            font-size: 12px;

        }
        .checkbox a{
           color:#cfcfd1;
           text-decoration: underline;
        }


    .checkbox{
      display: flex;
      position: relative;
      margin-left: 20px;
    }

    .checkbox label {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 50%;
      cursor: pointer;
      height: 20px;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px;
      border: none;
    }

   

    .checkbox input[type="checkbox"] {
      /* visibility: hidden; */
    }

    .checkbox input[type="checkbox"]:checked {
      background-color: #eb690a;
      background-image: url(/assets/img/check-ff.svg);
        background-size: 15px 15px;
        background-position:center center;
        background-repeat:no-repeat;
            border: 1px solid #000;

    }




input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
}



        .btn-invia-apriT{
            width: 100%;
            color: white;
            background-color: #eb690a;
            border-radius: 50px;
            border:none;
            font-size:20px;
            font-weight: bold;
            padding: 20px;
            letter-spacing: 1px;
           margin-top: 10px;
           letter-spacing: 1px;
           font-family: CamingoSlabPro;
        }
        .tabBar{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .iconOn{
            display: block;
            filter: grayscale(1);
            opacity: 0.5;
            transition: 0.2s;
        }
        .img-tabar-container:hover{
            background-color: white;
        }
        .img-tabar-container:hover .iconOf{
            display: none;
        }
        .img-tabar-container:hover .iconOn{
            display: block;
        }
        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
       }
       .modale-content{
           padding:10px;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;

       }
       .modale-content p{
           line-height: 30px;
           font-weight: 200;
       }
       .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
       }
       h2{
        margin-top: 10px;
        font-family: 'CamingoSlabPro';
        color:#fff;
        font-size: 24px;
        letter-spacing: 1px;
       }
       .modal-intestazioni{
        color:#959496;
        font-size: large
       }

        #tabBtn2{background-color: white;}
        .body-ticketPV{
            height: 120vh;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
        }
        .logo-ticketPV{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-ticketPV{
            margin-right: -50px;
        margin-top: 15px;
        width:40%;
        }
        .indietro-ticketPV{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-ticketPV{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-ticketPV{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-ticketPV{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
        }

        .slidecontainer-ticketPV {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 4rem;
    }

    .slider {
      -webkit-appearance: none;
      width: 100%;
      height: 15px;
      border-radius: 25px;
      background: #eb690a;

      outline: none;

      -webkit-transition: .2s;
      transition: opacity .2s;
    }

    .slider:hover {
      opacity: 1;
    }

    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 50px;
      height: 49px;
      margin-top: -55px;
      border: 0;
      background: url('../img/svg/tracking-ordine-on.svg');


    }

    .slider::-moz-range-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 50px;
      height: 49px;
      margin-top: -55px;
      border: 0;
      background: url('../img/svg/tracking-ordine-on.svg');
      cursor: pointer;

    }








        .apri-ticket-ticketPV{
            width: 100%;
            padding: 15px;
            border-radius: 50px;
            background-color: #eb690a;
            border: none;
            color:white;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 30px;
            margin-top: 20px;
            letter-spacing: 1px;
        }
        .apri-ticket-ticketPV a{color:white;}

      /*  .after1:after{*/
      /*  content:'';*/
      /*  text-align: center;*/
      /*  background-color:  #dbdbdb;*/
      /*  height: 2px;*/
      /*  width: 100%;*/
      /*  opacity: 0.7;*/
      /*  display: flex;*/
      /*  margin-top: -5px;*/
      /*  margin-bottom: 3px;*/

      /*}*/


        .cercaImg{
            margin-left: -25px;
            margin-right: 15px;
            width: 3rem;
        }
        .imgAdd{
            float:right;
        }
        .tabBar-ticketPV{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }
        .iconOf{
            width: 100%;
            /* padding: 0.4rem; */
        }
        .img-tabar-container{
            width: 4.5rem;
            border-radius: 50px;
            padding: 0.5rem;
        }


        .box-bianco-tab{
          background-color: #fff;
        }
        .box-bianco-tab > a >.iconOf{
          display: none;
        }
        .box-bianco-tab > a > .iconOn{
          display: block;
          filter: grayscale(0);
          opacity: 1;
        }

        .informazioni-ticketPV{
            text-align: left;
            color: #eb690a;
            font-weight: bold;
            letter-spacing: 1px;
            font-size: 18px;
        }
        .informazioni-content{
            display: flex;
            justify-content: space-between;

        }

      /*  .after:after{*/
      /*  content:'';*/
      /*  text-align: center;*/
      /*  background-color:  #dbdbdb;*/
      /*  height: 1px;*/
      /*  width: 100%;*/
      /*  opacity: 0.4;*/
      /*  display: flex;*/
      /*  margin-top: -5px;*/
      /*  margin-bottom: 3px;*/

      /*}*/
        .paragrapfLeft{
            color: #959496;
            font-family: 'CamingoSlab';
            margin: 5px 0;
            font-size: 12px;
        }
        .paragrapfRight{
            font-size: 12px;
            text-align: right;
            font-weight: bold;
            margin: 5px 0;
        }
        .paragrapfRight a{
            text-decoration: underline;
        }


        .tabBtn:hover{
            background-color: white;
        }


        .modale{display: none;border-top-right-radius: 25px;border-top-left-radius: 25px;background-color: white;position: fixed;bottom: 0;left: 0%;right: 0%;transform: translate(-0%, -0%);box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);}
       .modale-content{
           padding:20px;
           background-color: white;
           border-top-right-radius: 30px;
           border-top-left-radius: 30px;
           text-align: left;

       }
       .modale-paragraph{
        height: 200px;
       }
       .modale-content p{
           margin-bottom: -1px;
       }
       .modal-intestazioni{
        color:#959496;
        font-family: 'CamingoSlab';

       }
       .chiudi{
        position: absolute;
        width: 3rem;
        top: 0;
        right: 0;
       }
      hr{
        margin-top: 10px;
        margin-bottom: 10px;
      }

        #tabBtn2{background-color: white;}


        .body-apriT{
            min-height: 100vh;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            padding-bottom: 7.5rem;
        }
        .logo-apriT{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-apriT{
            margin-right: -50px;
            margin-top: 15px;
            width:40%;
        }
        .indietro-apriT{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-apriT{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-apriT{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-apriT{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;

            font-family: CamingoSlabPro;
        }
        .data-segnalazione{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 12px;
            margin-left: 15px;
            margin-right: 15px;
            margin-bottom: 5px;
        }
        .data-apri-ticket{
            font-size: 20px;
        }
        .textarea-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            resize: none;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            height: 80px;
            margin-bottom: 8px;

        }
        .textarea1-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            margin-top: 10px;
            height: 80px;
            margin-bottom: 15px;
            margin-top: 15px;
            resize: none;
        }
        .textarea1-apriT::placeholder,.textarea-apriT::placeholder{
            color:#cfcfd1;


        }
        .select{
            width: 100%;
            border-radius: 20px;
            padding: 12px 18px;
            border:none;
            margin-bottom: 14px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;utf8,<svg  fill='%23eb690a' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path  stroke-width='16' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 97%;
            background-position-y: 13px;
            background-size: 25px auto;
            border: 1px solid;
        }



        .allega-immagine{display: flex;justify-content: space-between;align-items: center;color:#56565B;margin-bottom: 1rem;}
        .allega-immagine p{
            margin-left: 18px;
            margin-bottom: -4px;
            opacity: 0.6;
        }


        .allega-immagine button{
            width: 40%;
            padding: 16px;
            border-radius: 50px;
            border: none;
            background-color:#cccccc;
            color: #656468;
            font-size: 11px;
            font-family: CamingoSlabPro;
        }

        .label-apriT{
            color:#56565B;
            opacity: 0.3;
            font-size: 12px;
            margin-left: 17px;
            font-weight: 300;
            text-align: left;
        }

        .checkbox p{
            margin-left: 20px;
            letter-spacing: 0.3px;
            margin-top: -5px;
            line-height: 15px;
            color:#cfcfd1;
            font-size: 12px;

        }
        .checkbox a{
           color:#cfcfd1;
           text-decoration: underline;
        }


        .checkbox{
        display: flex;
        position: relative;
        margin-left: 20px;
        }

        .checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
        border: 1px solid;
        }

        .checkbox label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 4px;
        opacity: 0;
        position: absolute;
        top: 5px;
        transform: rotate(-45deg);
        width: 11px;
        }











        .btn-invia-apriT{
            width: 100%;
            color: white;
            background-color: #eb690a;
            border-radius: 50px;
            border:none;
            font-size:20px;
            font-weight: bold;
            padding: 20px;
            letter-spacing: 1px;
            display: block;
            margin-top: 10px;
            letter-spacing: 1px;
            font-family: CamingoSlabPro;
        }
        .tabBar{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
        }
        .modale-content{
           padding:10px;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;

        }
        .modale-content p{
           line-height: 30px;
           font-weight: 200;
        }
        .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
        }

        .modal-intestazioni{
        color:#959496;
        font-size: large;
        }


        .body-cataloghi{
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            padding-bottom: 5.5rem;
            min-height: 100vh;
        }


        .logo-cataloghi{
            width: 46%;
            padding: 20px;
        }
        .logoCerca-cataloghi{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-cataloghi{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-cataloghi{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-cataloghi{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-cataloghi{text-align: center;padding:20px ;letter-spacing: 1px;font-size: 15px;}
        
        
    .div-cataloghi {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 20px;
        border-radius: 25px;
        border: none;
        text-align: left;
        letter-spacing: 1px;
        color: #ea5900;
        line-height: 25px;
        box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
        background-color: white;
        transition: opacity 0.1s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


        .container{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0;
        }


        .div-cataloghi p{width: 250px; font-size: 25px; text-decoration: underline;}
        .div-cataloghi a{font-family:CamingoSlab;color:#959496;text-decoration: underline; font-size: 16px;}




        .tabBar-cataloghi{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }

        .blurry {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 15rem;
            background: linear-gradient(0deg, rgba(255,255,255,0.5691526610644257) 70%, rgba(0,212,255,0) 100%);
            opacity: 1;
            visibility: visible;
            transition:0.2s;
        }

        .blurry.hide{
            opacity: 0;
            visibility: hidden;
        }


        .contenitore-assistenza{
            overflow-y: scroll;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            min-height: 100vh;
            padding-bottom: 5.5rem;
        }
        .logo-assistenza{

            padding: 20px;
            width: 46%;
        }
        .logoCerca-assistenza{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-assistenza{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-assistenza{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-assistenza{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-assistenza{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            margin-bottom: 20px;
            color: #56565B;
        }
        .btn, .btn1{
            width: 100%;
            height: 130px;
            background-color:#eb690a;
            border-radius: 30px;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            justify-content: left;
            color:white;
            gap:20px;
            padding:0;
            font-size: medium;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            padding-left: 15px;
        }
        .btn1{
            color:#eb690a;
            background-color: white;
        }
        .btn1 a {color:#eb690a;}
        .btn-content{
            display: flex;
            flex-direction: column;
            text-align: left;
            line-height: 15px;
            letter-spacing: 2px;
            font-size: 20px;

        }
        .icon-assistenza-off{
            display: none;
        }
        .btn1:hover{
            background-color: white;
            color: #eb690a;
            text-decoration: none;
        }
        .btn1:hover a{
            color:#eb690a;
        }
        .btn1:hover .icon-assistenza-off{
            display: none;
        }
        .btn1:hover .icon-assistenza-on{
            display: block;
        }
        .tabBar-assistenza{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }


        .body-lista{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           padding-bottom:5.5rem;
           min-height: 100vh;
        }

        .logo-lista{  width: 46%;padding: 20px;  }
        .logoCerca-lista{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-lista{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-lista{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-lista{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-lista{text-align: center;padding:20px ;letter-spacing: 1px;font-size: 15px;}
        .div-lista{
            width: 100%;
            min-height: 130px;
            margin-bottom: 20px;
            padding: 20px 20px;
            border-radius: 25px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            letter-spacing: 1px;
            color:#ea5900;
            line-height: 20px;
            background-color: white;
            transition: opacity 0.1s ease-in-out;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: 0.2s;
        }
        
        .div-lista:hover{
            text-decoration:none;
            color: #ea5900;
        }

        .container-lista{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0;
        }
        .div-row{
            display: flex;
            justify-content: space-between;
        }

        .div-row:not(:last-child){margin-bottom: 0.5rem;border-bottom: 1px solid #0000003b;padding-bottom: 0.5rem;}

        .div-row p{
            margin: 0 0 0px;
            line-height: 30px;
        }

        .right{
            text-align: right;
            font-family: 'CamingoSlabPro' !important;
            letter-spacing: 0;
        }

        /*.after::after{*/
        /*content: '';*/
        /*width:100%;*/
        /*height: 2px;*/

        /*background-color:#b7b7b7;*/
        /*position:absolute;*/
        /*opacity:0.2;*/
        /*left:0;*/
        /*}*/


        .div-lista:hover{
    /*scale: 0.9;*/
}
        .div-lista p{font-family: 'CamingoSlab';}


        .left{
        text-align: left;
        }


        .tabBar-lista{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .body-monitoraggio{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-monitoraggio{
            width: 46%;
            padding: 20px;
        }
        .logoCerca-monitoraggio{
           margin-right: -50px;
           margin-top: 15px;
           visibility: hidden;
        }
        .indietro-monitoraggio{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-monitoraggio{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-monitoraggio{
            text-align: center;
            margin-bottom: 0;
        }
        .header-tracking{
            text-align: center;
            padding-top:20px ;

            letter-spacing: 1px;
            font-size: 15px;
        }
        .header-sub{
            margin-top: -10px;
            margin-bottom: 20px;
        }
        .input-monitoraggio{
           display:flex ;
           justify-content: center;
           align-items: center;
           justify-content: space-between;
          font-size: 25px;
          padding: 20px;

        }

        .input-monitoraggio p{
        margin: 0;
        }
        .cercaOrdine-monitoraggio{
            background-color: #eb690a;
            border-radius: 50px;
            border: none;
            padding: 10px 30px;
            margin-bottom: 70px;
            font-size:large;
            font-weight: bold;
            color: white;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
        }
        .imgCerca-monitoraggio{
            margin-right: 15px;
            width: 3rem;
        }
        .Informazioni-monitoraggio{
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-top: -10px;
            margin-bottom: 20px;

        }
        .Informazioni-monitoraggio p{
            margin-bottom: -2px;
            color: #eb690a;
            letter-spacing: 1px;
        }

        .Informazioni-monitoraggio>img{
            width:12%;
        }
        .Notifiche-monitoraggio{
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            width: 100%;
            background-color: #f0f0f0;
            text-align: left;
            padding: 30px  20px;
            padding-bottom: 5.5rem;
        }
        .tabBar-monitoraggio{
            width: 100%;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: fixed;
            gap: 0;
            bottom: -2.7rem;
            padding: 1rem 10px 0 10px;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            left: 0;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            padding-bottom: 3rem;
        }

        .tabBtn-monitoraggio{
            width: 3rem;
            height:70% ;
            background-color: transparent;
            border: none;
            border-radius: 50px;


        }
        .areaNotifiche-monitoraggio{
            z-index: 0;
        }

        .modale-monitoraggio{

            display: none;
            height: 450px;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            background-color: white;
            position: fixed;
            bottom: 0;
            left: 0%;
            right: 0%;
            transform: translate(-0%, -0%);


            box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);

        }
        .modale-content-monitoraggio{
            padding:10px;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            text-align: center;
        }
        .chiudi-monitoraggio{float:right;margin-top: -8px;margin-right: -10px;width: 3rem;}
        .content-monitoraggio{margin-top: 55px;font-size: 21px;text-align: center;}
        .content-monitoraggio p{letter-spacing: 0.5px;font-family: 'CamingoSlab';}
        .content-monitoraggio span{font-weight: bold;letter-spacing: 0.5px;}
        .titoli{
            width: 100%;
            display: flex;
        }
        .titolo-monitoraggio{
            height: 100px;
            border: 1px solid red;
        }
        .titolo-monitoraggio p{
            font-size: 8px;
            font-family: sans-serif;
            line-height: 9px;
        }
        #agente-monitoraggio{
            text-align: left;
            margin-top: 75px;
        }
        #Nconferma-monitoraggio{
            text-align: right;
            margin-top: 30px;
            margin-right: 20px;
        }
        #Nregistrazione-monitoraggio{
            text-align: left;
            margin-top: 30px;
            margin-left: 20px;
        }
        #Sp-leDitta-monitoraggio{
            text-align: left;
            margin-left: 20px;
            margin-top: 20px;
        }

        .div-conferma-monitoraggio{width: 100%;height:30px;border-style: double;border-color: #bfbfbf; background-color: #ffffb7;font-size: 10px;margin: 0;font-family: sans-serif;padding: 0px 8px 0px 2px;}
        .conferma-content{display: flex;justify-content: space-between;}
        .div-lamaciste-monitoraggio{width: 100%;height:65px;padding:8px; border-style: double;border-top:none;border-color: #bfbfbf;margin-bottom: 20px;margin-top: 35px;display:flex;font-family: sans-serif;font-size: 11px;justify-content: space-between;line-height: 9px;}
        .logo-modale-monitoraggio{width: 40%; margin-top: -20px ;}
        .SRLlamaciste-monitoraggio{margin-top: -8px;margin-right: 10px;}

        #tabBtn1{background-color: white;}




        .logo-ricerca{
            width: 50vw;
        }

        .navbar-ricerca{
            width: 100%;
            display: flex;
            justify-content: center;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .form-group-ricerca{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-ricerca{
            text-align: center;

            letter-spacing: 1px;
            font-size: 15px;
            color: #56565B;
            font-family: CamingoSlabPro;
        }

        .cercaOrdine{
            background-color: white;
            border-radius: 50px;
            border: none;
            padding: 10px;
            margin-top: 20px;
            font-size:large;
            font-weight: bold;
            color:#56565B;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
            font-size: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .Informazioni-ricerca{
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
            margin-bottom: 20px;

        }

        .Informazioni-ricerca img{
            width:3rem;

        }
        .Informazioni-ricerca p{
            font-size: 13px;
            font-family: 'CamingoSlabPro';
            color: white;
            letter-spacing: 1px;
            margin-bottom: -2px;
        }
        .tabBar-ricerca{
          background-color: #f5f5f5;
          border-top-right-radius: 30px;
          border-top-left-radius: 30px;
          display: flex;
          align-items: center;
          justify-content: space-around;
          position: fixed;
          bottom: -2px;
          left: 0;
          width:100%;
          padding: 1rem 1rem 3px 1rem;
        }

        .input-or{
          width: 100%;
          border-radius: 25px;
          border: 1px solid white;
          padding:10px;
          text-align: center;
          background:transparent;
          margin-top: 20px;
          color:white;
          font-family: 'CamingoSlabPro';
          font-size: 20px;
        }

        .img-container{
            width: 3.5rem;
        }
        .img-container span{
            color: white;
            font-family: 'CamingoSlabPro';
            letter-spacing: 1px;
        }


        




        .button-tab{
          display: flex;
          align-items: center;
          text-decoration: none;
          gap: 1rem;
        }
        
        .button-tab svg {
          width: 4rem;
        }
        
        .button-tab img {
          width: 2.5rem;
        }
        
        .button-tab span {
          color: #56565B;
          font-family: 'CamingoSlabPro';
          letter-spacing: 1px;
        }











        .body-assistenza{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-assistenza{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-assistenza{
            margin-right: -50px;
        margin-top: 15px;
        width:40%;
        }
        .indietro-assistenza{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-assistenza{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-assistenza{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-assistenza{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            color: #56565B;
            font-family: CamingoSlabPro;
        }

        .input-r{font-weight: 100;width: 100%;border-radius: 50px;padding: 20px;margin-bottom: 15px;border:none;font-family: 'CamingoSlab';border: 1px solid;text-align: left;}

border {}
        ::placeholder{
            color: #dbdbdb;
            font-size: 18px;

        }
        .UfficioMarketing::placeholder{
            color: #56565B;
            opacity:0.5;


        }
        .textarea-r::placeholder{
            color: #56565B;
            opacity:0.5;


        }
        .textarea-r{
            height: 120px;
            padding: 20px;
            border-radius: 25px;
            border:none;
            resize: none;
            margin-bottom: 5px;
            width: 100%;
            border: 1px solid;
            font-family: 'CamingoSlab';
        }


        .imgCerca{
            margin-left: -25px;
            margin-right: 15px;
            width: 3rem;
        }
        .imgAdd{
            float:right;
        }
        .tabBar-assistenza{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }

        .label-r{
            float: left;
            margin-left: 20px;
            color: #dbdbdb;
            font-weight: 400;
        }
        .btn-invia-assistenza{
            width: 100%;
            border-radius: 50px;
            border: none;
            padding: 20px;
            margin-top: 20px;
            margin-bottom: 100px;
            background-color: #eb690a;
            color: white;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: CamingoSlabPro;
        }
        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
        }
        .modale-content{
           padding: 3rem 3rem;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;
           position: relative;
        }
        .modale-content p{
           line-height: 30px;
           font-weight: 200;
           margin-top: 20px;
           font-family: 'CamingoSlab';
        }
        .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
        }

        .modal-intestazioni{
        color:#959496;
        font-size: large;
        }



        .body-materiale{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-materiale{
            width: 46%;
            padding: 20px;
        }

        .logoCerca-materiale{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-materiale{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-materiale{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-materiale{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-materiale{
            color: #56565B;
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            font-family: 'CamingoSlabPro';
        }

        .UfficioMarketing::placeholder{
            color: #56565B;
            opacity:0.5;

        }

        .imgAdd{
            float:right;
            width: 2rem;
        }
        .tabBar-materiale{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }
        .btn-invia-materiale{
            width: 100%;
            border-radius: 50px;
            border: none;
            padding: 20px;
            margin-top: 20px;
            margin-bottom: 100px;
            background-color: #eb690a;
            color: white;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
        }






/*MENU*/


.btn-text{
    margin: 0;
    font-family: 'CamingoSlabPro';
    font-size: 1rem;
    position: relative;
}

.btn-text:after{
    content:'';
    text-align: center;
    background-color: #56565b;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
 }


.button-splash{
    width: 100%;
    height: 90px;
    border-radius: 30px;
    border: none;
    margin-bottom: 15px;
    background-color: #56565B;
    color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    justify-content: stretch;
    gap: 1rem;
    font-size: 16px;
    padding: 0 1rem;
    letter-spacing: 2px;
}
.ParagraphEafter-splash{
    display:flex;
    flex-direction: column;
    justify-content: center;
    max-width:fit-content;
    left:100%;
}
.button-splash:hover{
    background-color: #56565B;
    color: #fff;
    text-decoration: none;
}
.button-splash:hover a{
    text-decoration: none;
    background-color: white;
    color: #56565B;
}
.button-splash:hover .iconOf{
    display: none;
}
.button-splash:hover .iconOn{
    display: block;
    opacity: 1;
    filter: grayscale(0);
}
.button-splash:hover .after:after{
    background-color:  #56565B;
}
/*.after:after{*/
/*content:'';*/
/*text-align: center;*/
/*background-color: #56565B;*/
/*height: 2px;*/
/*width: 100%;*/
/*opacity: 0.9;*/
/*display: flex;*/
/*margin-top: -12px;*/
/*margin-bottom: 3px;*/
/*justify-content: center;*/
/*align-items: center;*/
/*}*/

.button-splash a{
    color: white;
}
.div-contatti{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contattaci{
    font-size: 16px;
    text-align: center;
    color: white;
    max-width: fit-content;
    margin-bottom: 40px;
    letter-spacing: 2px;
    position: relative;
}

.contattaci a{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.contattaci a:after{content:'';text-align: center;background-color:  white;height: 2px;width: 100%;position: absolute;left: 0;bottom: -2px;}


/*.after1:after{*/
/*content:'';*/
/*text-align: center;*/
/*background-color:  white;*/
/*height: 2px;*/
/*width: 100%;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*margin-top: -5px;*/
/*margin-bottom: 3px;*/
/*}*/

.body-splash{padding: 0 20px;margin-bottom: 4rem;}

.btn-content{
display: flex;
justify-content: center;
}



.btn img, .btn1 img{
    width: 5rem;
}


.btn-content span{
    color:white;
    text-decoration: underline;
    opacity:0.9;
    font-family: CamingoSlab;
    letter-spacing: 0px;
}


.btn:hover p{
    color: #fff;
    text-decoration: none;
}


.zoomin{
    z-index: 99;
    transform: scale(13);
    bottom: 0;
    position: absolute;
    background: #fff;
}


.animate__animated.animate__slideInUp {
  --animate-duration: 0.2s;
}

.animate__animated.animate__slideInRight {
  --animate-duration: 0.2s;
}


.animate__animated.animate__fadeIn {
  --animate-duration: 0.2s;
}

.img-container .iconOn{
    opacity: 1;
    filter: grayscale(0);
}

.body-ricerca{
    margin-top: 60px;
    padding: 0 15px;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pb-0{
    padding-bottom:0;
}

.mt-2{
    margin-top:2rem;
}

.tracking-sec{
    margin: 4rem 0;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.point-track{
    width: 4rem;
    position: relative;
    height: 2rem;
    border: 0.5rem solid #fff;
    border-radius: 50%;
    background: #56565b;
    transition: 0.2s;
    opacity: 0.5;
    box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
}

.point-track > img {
    position: absolute;
    width: 3.5rem;
    left: -1.3rem;
    top: -4rem;
    filter: grayscale(1);
    opacity: 0.4;
}


.point-track > p {
    position: absolute;
    filter: grayscale(1);
    opacity: 0.4;
    top: 2rem;
    width: 100vw;
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 1rem;
    left: -0.5rem;
    color: #56565b;
    font-family: 'CamingoSlabPro';
}

.point-track > p.center {
    left: -2.5rem;
}

.point-track > p.right_t {left: -3.5rem;}


.point-track.active{
    opacity:1;
}

.point-track.active > img {
    filter: grayscale(0);
    opacity: 1;
}

.point-track.active > p {
    filter: grayscale(0);
    opacity: 1;
}




.bar-track{
    height: 1rem;
    border-radius: 25px;
    width: 100%;
    background: linear-gradient(to right, #eb690a 50%, #dbdbdb87 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    position: relative;
    transition: 0.2s;
}

.bar-track.active{background-position: left bottom;}



.nuova-ricerca {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 0.5rem;
}

.nuova-ricerca:hover {
        text-decoration: none;
}

.nuova-ricerca img{
    width:3rem;

}
.nuova-ricerca p{
    font-size: 13px;
    font-family: 'CamingoSlabPro';
    color: white;
    letter-spacing: 1px;
    margin-bottom: -2px;
}


.overlay_load{
    filter:blur(5px);
    transition:0.5s;
}

.overlay_load.none{
    filter:blur(0);
    
}

.title-modal{
    text-transform:uppercase;
    color:#56565B;
}

.img_modale{
    width: 4rem;
    margin-bottom: 2rem;
}


.close_button{
    background-color: #eb690a;
    padding: 15px;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: large;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}input:focus, textarea:focus, select:focus{
    outline: none;
    border: 2px solid #56565B;
}

input{
    border-radius: 50px;
    border:none;
    height: 50px;
    border: 1px solid;
    width: 46%;
    text-align: center;
    font-family: 'CamingoSlabPro';
    color: #56565B;
}
.w3-container{padding:0;}
.w3-center{text-align: left;}
body{
    overflow-x: hidden;
    background-color: #eb690a;
    font-family:'CamingoSlabPro';
    color:#56565B;
    }
    .body-AVproduzione1{

       background-color: white;
       border-top-right-radius: 25px;
       border-top-left-radius: 25px;

    }
    .logo-AVproduzione1{
        padding: 20px;
     width: 46%;
    }
    .logoCerca-AVproduzione1{
        margin-right: -50px;
    margin-top: 15px;
    width:40%;
    }
    .indietro-AVproduzione1{
        margin-left: -50px;
     margin-top: 25px;
     width:20%;
    }
    .navbar-AVproduzione1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 19px;
        margin-bottom: 0;
    }
    .form-group-AVproduzione1{
        text-align: center;
        margin-bottom: 0;
    }
    .tracking-AVproduzione1{
        text-align: center;
        padding:20px ;
        letter-spacing: 1px;
        font-size: 15px;
    }

    .sub-AVproduzione1{
        margin-top: -10px;
        margin-bottom: 20px;
    }


    .slidecontainer-AVproduzione1{
  width: 100%;
  margin-top: 40px;
  margin-bottom: 4rem;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 25px;


  outline: none;
  background-color: #eb690a;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 49px;
  margin-top: -55px;
  border: 0;
  background: url('../img/svg/tracking-ordine-on.svg');


}

.slider::-moz-range-thumb {
    width: 50px;
  height: 49px;
  margin-top: -55px;
  border: 0;
  background: url('../img/svg/tracking-ordine-on.svg');
  cursor: pointer;

}





    .bottone-AVproduzione1,.div-RichiediAssistenza,.div-nuovaRicerca{
        background-color: white;
        border-radius: 20px;
        border:2px solid #dbdbdb;
        border:none;
        box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
        padding: 10px;
        margin-bottom: 10px;
        font-size:large;
        font-weight: bold;
        color: #56565B;
        letter-spacing: 1px;
        width: 100%;
    }
    .btn-large{
        border: none;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-between;
        padding-left: 20px;
        border-radius: 20px;
       width: 100%;
    }
    .button-accordion .imgLess{
        display: none;
    }

    .button-accordion.open .imgLess{
        display: block;
    }

    .button-accordion.open .imgAdd{
        display: none;
    }
    #panel{
        text-align: left;
        text-decoration: underline;
        font-size: 15px;
        font-weight: 300;
        padding:20px;
        margin-top: -10px;
        color: #eb690a;
        display: none;
    }
    #panel a{
        color: #eb690a;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    #panel1{
        text-align: left;
        text-decoration: underline;
        font-size: 15px;
        font-weight: 300;
        padding:20px;
        margin-top: -10px;
        color: #eb690a;
        display: none;
    }
    #panel1 a{
        color: #eb690a;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
  /*  .after1:after{*/
  /*  content:'';*/
  /*  text-align: center;*/
  /*  background-color:  #dbdbdb;*/
  /*  height: 2px;*/
  /*  width: 100%;*/
  /*  opacity: 0.7;*/
  /*  display: flex;*/
  /*  margin-top: -5px;*/
  /*  margin-bottom: 3px;*/

  /*}*/
    .div-RichiediAssistenza{
        background-color: #56565B;
        padding: 15px;
        border-radius: 50px;
        border: none;
        margin-top:3rem;
        text-align: center;
    }
    .RichiediAssistenza{
        color: white;
        text-align: center;
        border: none;
        background-color: #56565B;
    }
    
    .RichiediAssistenza:hover{
        color: #fff;
        text-decoration:none;

    }
    
    .div-nuovaRicerca{
        border: 2px solid #bebdbf ;
        border-radius: 50px;
        margin-bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;

    }
    .btn-nuovaRicerca{
        border: none;
        background-color: white;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        height: 35px;
        letter-spacing: 1px;
    }



    .cercaImg{
        margin-left: -25px;
        margin-right: 15px;
    }
    .imgAdd, .imgAdd1{
        float:right;
        right: 0;
    }
    .imgLess, .imgLess1{
        float:right;
        right: 0;
        display:none ;
    }
    .tabBar-AVproduzione1{
        width: 100%;
        height: 80px;
        background-color: #56565B;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        justify-content: space-evenly;
        position: fixed;
        bottom: 0;
    }


    .informazioni-AVproduzione1{
        text-align: left;
        color: #eb690a;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 18px;
    }
    .informazioni-content{
        display: flex;
        justify-content: space-between;

    }

    .after{
        position: relative;
    }

    .after:after{
        content:'';
        text-align: center;
        background-color: #dbdbdb;
        height: 1px;
        width: 100%;
        opacity: 1;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    .paragrapfLeft{
        color: #959496;
        font-family: 'CamingoSlab';
    }
    .paragrapfRight{
        font-size: 12px;
        text-align: right;
    }
    .assegnazionePreliminare{
       text-align: justify;
       color: #959496;
       font-size: 10px;
       margin-top: 20px;
       font-family: 'CamingoSlab';
    }



    #tabBtn1{background-color: white;}


    .body-avanzamentoP{background-color: white;border-top-right-radius: 25px;border-top-left-radius: 25px;padding-bottom: 1.5rem;min-height: 100vh;}
     .logo-avanzamentoP{
         padding: 30px;
         width: 100%;
     }
     .logoCerca-avanzamentoP{
         width: 3rem;
     }
     .indietro-avanzamentoP{
         width: 2rem;
     }
     .navbar-avanzamentoP{
         width: 100%;
         display: grid;
         transition: all 0.5s ease 0s;
         gap: 2rem;
         grid-template-columns: auto auto auto;
         align-items: center;
     }
     
     
     
     
     .form-group-avanzamentoP{
         /* text-align: center; */
         margin-bottom: 0;
     }
     .tracking-avanzamentoP{
         text-align: center;
         padding:20px;
         letter-spacing: 1px;
         padding-bottom: 0;
         font-size: 15px;
     }
     .tracking-avanzamentoP h2{
         font-family: 'CamingoSlabPro';
     }
     .sub-avanzamentoP{
         margin-top: -10px;
         margin-bottom: 20px;
     }


   .slidecontainer-avanzamentoP {
   width: 100%;
   margin-top: 40px;
   margin-bottom: 4rem;
 }

 .slider {
   -webkit-appearance:none;
   width: 100%;
   height: 15px;
   border-radius: 25px;


   outline: none;
   background-color: #eb690a;
   -webkit-transition: .2s;
   transition: opacity .2s;
 }

 .slider:hover {
   opacity: 1;
 }

 .slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 50px;
   height: 49px;
   margin-top: -55px;

   border: 0;
   background: url('../img/svg/tracking-ordine-on.svg');


 }

 .slider::-moz-range-thumb {
     width: 50px;
   height: 49px;
   margin-top: -55px;
   border: 0;
   background: url('../img/svg/tracking-ordine-on.svg');
   cursor: pointer;

 }







     .bottone-avanzamentoP, .div-ApriTicket,.div-nuovaRicerca{
         background-color: white;
         border-radius: 20px;
         border:2px solid #dbdbdb;
         border:none;
         box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
         padding: 10px;
         margin-bottom: 15px;
         font-size:large;
         font-weight: bold;
         color: #56565B;
         letter-spacing: 1px;
         width: 100%;
     }
     .btn-large{
         border: none;
         background-color: white;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         justify-content: space-between;
         padding: 0 10px;
         border-radius: 20px;
         width: 100%;
     }

     .button-accordion .imgLess{
         display: none;
         width: 2rem;
     }

     .button-accordion.open .imgLess{
         display: block;
     }

     .button-accordion.open .imgAdd{
         display: none;
     }

     .panel{
         text-align: left;
         font-size: 15px;
         font-weight: 300;
         padding: 10px;
         padding-top: 1rem;
         color: #eb690a;
         border: 0;
         display: none;
         border-radius: 0;
         margin: 0;
         margin-top: -10px;
         box-shadow: 0 0 0 0;
     }
     .panel a{
         color: #eb690a;
         display: flex;
         flex-direction: column;
         text-decoration: underline;
     }
     
        .panel label {
            color: #eb690a;
            display: flex;
            flex-direction: column;
            text-decoration: underline;
        }
        
        .panel label:not(:last-child){
            padding-bottom: 0.5rem;
            margin: 0;
        }
        
        .panel a:not(:last-child){
            padding-bottom: 20px;
        }
        
             
        .panel p {
            color: #000;
            margin:0;
            display: flex;
            flex-direction: column;
        }
        
        .panel p:not(:last-child) {
            margin-bottom:1rem;
        }
        
         #panel1{
         text-align: left;
         text-decoration: underline;
         font-size: 15px;
         font-weight: 300;
         padding:20px;
         margin-top: -10px;
         color: #eb690a;
         display: none;
     }
     #panel1 a{
         color: #eb690a;
         padding-bottom: 20px;
         display: flex;
         flex-direction: column;
     }
   /*  .after1:after{*/
   /*  content:'';*/
   /*  text-align: center;*/
   /*  background-color:  #dbdbdb;*/
   /*  height: 2px;*/
   /*  width: 100%;*/
   /*  opacity: 0.7;*/
   /*  display: flex;*/
   /*  margin-top: -5px;*/
   /*  margin-bottom: 3px;*/

   /*}*/
     .div-ApriTicket{
         background-color: #eb690a;
         padding: 15px;
         border-radius: 50px;
         border: none;
         display: flex;
         justify-content: center;
         align-items: center;
         margin-top: 3rem;
     }
     .apriTicket{
         color: white;
         border: none;
         background-color: #eb690a;
         text-align: center;
         letter-spacing: 1px;
     }
     
     .apriTicket:hover{
         color: #fff;
        text-decoration:none;
     }
     
     .div-nuovaRicerca{
         border-radius: 50px;
         margin-bottom: 100px;
         display: flex;
         justify-content: center;
         align-items: center;
         border: 1px solid #56565b;
         margin-top: 20px;
     }
     .btn-nuovaRicerca{
         border: none;
         background-color: white;
         text-align: center;
         display: flex;
         justify-content: center;
         align-items: center;
         border-radius: 50px;
         height: 35px;
         letter-spacing: 1px;
     }



     .cercaImg{
         margin-left: -25px;
         margin-right: 15px;
     }
     .imgAdd, .imgAdd1{
         float:right;
         right: 0;
     }
     .imgLess, .imgLess1{
         float:right;
         right: 0;
         display:none ;
     }
     .tabBar-avanzamentoP{
         width: 100%;
         height: 80px;
         background-color: #56565B;
         border-top-right-radius: 30px;
         border-top-left-radius: 30px;
         display: flex;
         justify-content: center;
         align-items: center;
         justify-content: space-evenly;
         position: fixed;
         bottom: 0;
     }


     .informazioni-avanzamentoP{
         text-align: left;
         color: #eb690a;
         font-weight: bold;
         letter-spacing: 1px;
         font-size: 18px;
     }
     .informazioni-content-avanzamentoP{
         display: flex;
         justify-content: space-between;

     }

   /*  .after:after{*/
   /*  content:'';*/
   /*  text-align: center;*/
   /*  background-color:  #dbdbdb;*/
   /*  height: 1px;*/
   /*  width: 100%;*/
   /*  opacity: 0.4;*/
   /*  display: flex;*/
   /*  margin-top: -5px;*/
   /*  margin-bottom: 3px;*/

   /*}*/
     .paragrapfLeft{
         color: #959496;
         font-family: 'CamingoSlab';
     }
     .paragrapfRight{
         font-size: 12px;
         text-align: right;
     }
     .assegnazionePreliminare{
       text-align: left;
       color: #959496;
       font-size: 10px;
       margin-top: 20px;
       font-family: 'CamingoSlab';
     }


     .progress-bar-avanzamento {
         height: 1rem;
         width: 100%;
         background: #fce2d3;
         border-radius: 50px;
     }


     .progress-bar-avanzamento .progress {
         box-shadow: 0 0 0 0;
         background-color: #f5f5f5;
         height: 100%;
         background: #eb6909;
         width: 40%;
         border-radius: 50px;
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
     }


     .progress-bar-avanzamento .bar-v {
         height: 1.7rem;
         top: -0.35rem;
         width: 2px;
         left: calc(40% + 2px);
         position: absolute;
         background: black;
     }

     .tot-perc{
         position: absolute;
         bottom: -1.7rem;
         left: -0.5rem;
         font-size: 1rem;
         font-weight: bold;
     }


     .progress-bar-avanzamento .bar-v:before {
         content:'';
         width: 3rem;
         height: 3rem;
         background-size: contain;
         background-repeat: no-repeat;
         position: absolute;
         background-image: url('../img/svg/tracking-ordine-on.svg');
         top: -2.9rem;
         left: -1.5rem;
     }



     .progress-bar-avanzamento.finish .bar-v{
        display: none;
    }


    .progress-bar-avanzamento.finish .progress {

        width: 100%;
        border-radius: 50px;
    }








     input:focus, textarea:focus, select:focus{
        outline: none;
        border: 2px solid #56565B;
    }
    .w3-container{padding:0;}
    .w3-center{text-align: left;}
        .body-apriT{
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
        }
        .logo-apriT{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-apriT{
            margin-right: -50px;
            margin-top: 15px;
            width:40%;
        }
        .indietro-apriT{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-apriT{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-apriT{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-apriT{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;

            font-family: CamingoSlabPro;
        }
        .data-segnalazione{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 12px;
            margin-left: 15px;
            margin-right: 15px;
            margin-bottom: 5px;
        }
        .data-apri-ticket{
            font-size: 20px;
        }
        .textarea-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            resize: none;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            height: 80px;
            margin-bottom: 8px;

        }
        .textarea1-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            margin-top: 10px;
            height: 80px;
            margin-bottom: 15px;
            margin-top: 15px;
            resize: none;
        }
        .textarea1-apriT::placeholder,.textarea-apriT::placeholder{
            color:#cfcfd1;


        }
        .select{
            width: 100%;
            border-radius: 20px;
            padding: 12px 18px;
            border:none;
            margin-bottom: 14px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;utf8,<svg  fill='%23eb690a' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path  stroke-width='16' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 97%;
            background-position-y: 13px;
            background-size: 25px auto;
        }

        option {


        }

        .dueInput input{
            width: 100%;
            margin-bottom: 14px;
            padding: 12px 18px;
            border-radius: 50px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);

        }
        input::placeholder{
            color:#cfcfd1;
        }
        .allega-immagine{

            display: flex;
            justify-content: space-between;
            align-items: center;
            color:#56565B;
        }
        .allega-immagine p{
            margin-left: 18px;
            margin-bottom: -4px;
            opacity: 0.6;
        }


        .label-apriT{
        }

        .checkbox p{
            margin-left: 20px;
            letter-spacing: 0.3px;
            margin-top: -5px;
            line-height: 15px;
            color:#cfcfd1;
            font-size: 12px;

        }
        .checkbox a{
           color:#cfcfd1;
           text-decoration: underline;
        }


    .checkbox{
      display: flex;
      position: relative;
      margin-left: 20px;
    }

    .checkbox label {
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 50%;
      cursor: pointer;
      height: 20px;
      left: 0;
      position: absolute;
      top: 0;
      width: 20px;
      border: none;
    }

    .checkbox label:after {
      border: 2px solid #fff;
      border-top: none;
      border-right: none;
      content: "";
      height: 6px;
      left: 4px;
      opacity: 0;
      position: absolute;
      top: 5px;
      transform: rotate(-45deg);
      width: 11px;
    }

    .checkbox input[type="checkbox"] {
      visibility: visible;
      position: relative;
      width: 2.5rem;
      height: 1.5rem;
      border-radius: 50%;
      margin: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-print-color-adjust: exact;
    }

    .checkbox input[type="checkbox"]:checked + label {
      background-color: #eb690a;
      border-color: #eb690a;

    }


    .checkbox input[type="checkbox"]:checked + label:after {
      opacity: 1;
    }











        .btn-invia-apriT{
            width: 100%;
            color: white;
            background-color: #eb690a;
            border-radius: 50px;
            border:none;
            font-size:20px;
            font-weight: bold;
            padding: 20px;
            letter-spacing: 1px;
           margin-top: 10px;
           letter-spacing: 1px;
           font-family: CamingoSlabPro;
        }
        .tabBar{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .iconOn{
            display: block;
            filter: grayscale(1);
            opacity: 0.5;
            transition: 0.2s;
        }
        .img-tabar-container:hover{
            background-color: white;
        }
        .img-tabar-container:hover .iconOf{
            display: none;
        }
        .img-tabar-container:hover .iconOn{
            display: block;
        }
        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
       }
       .modale-content{
           padding:10px;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;

       }
       .modale-content p{
           line-height: 30px;
           font-weight: 200;
       }
       .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
       }
       h2{
        margin-top: 10px;
        font-family: 'CamingoSlabPro';
        color:#fff;
        font-size: 24px;
        letter-spacing: 1px;
       }
       .modal-intestazioni{
        color:#959496;
        font-size: large
       }

        #tabBtn2{background-color: white;}
        .body-ticketPV{
            height: 120vh;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
        }
        .logo-ticketPV{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-ticketPV{
            margin-right: -50px;
        margin-top: 15px;
        width:40%;
        }
        .indietro-ticketPV{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-ticketPV{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-ticketPV{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-ticketPV{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
        }

        .slidecontainer-ticketPV {
      width: 100%;
      margin-top: 40px;
      margin-bottom: 4rem;
    }

    .slider {
      -webkit-appearance: none;
      width: 100%;
      height: 15px;
      border-radius: 25px;
      background: #eb690a;

      outline: none;

      -webkit-transition: .2s;
      transition: opacity .2s;
    }

    .slider:hover {
      opacity: 1;
    }

    .slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 50px;
      height: 49px;
      margin-top: -55px;
      border: 0;
      background: url('../img/svg/tracking-ordine-on.svg');


    }

    .slider::-moz-range-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 50px;
      height: 49px;
      margin-top: -55px;
      border: 0;
      background: url('../img/svg/tracking-ordine-on.svg');
      cursor: pointer;

    }








        .apri-ticket-ticketPV{
            width: 100%;
            padding: 15px;
            border-radius: 50px;
            background-color: #eb690a;
            border: none;
            color:white;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 30px;
            margin-top: 20px;
            letter-spacing: 1px;
        }
        .apri-ticket-ticketPV a{color:white;}

      /*  .after1:after{*/
      /*  content:'';*/
      /*  text-align: center;*/
      /*  background-color:  #dbdbdb;*/
      /*  height: 2px;*/
      /*  width: 100%;*/
      /*  opacity: 0.7;*/
      /*  display: flex;*/
      /*  margin-top: -5px;*/
      /*  margin-bottom: 3px;*/

      /*}*/


        .cercaImg{
            margin-left: -25px;
            margin-right: 15px;
            width: 3rem;
        }
        .imgAdd{
            float:right;
        }
        .tabBar-ticketPV{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }
        .iconOf{
            width: 100%;
            /* padding: 0.4rem; */
        }
        .img-tabar-container{
            width: 4.5rem;
            border-radius: 50px;
            padding: 0.5rem;
        }


        .box-bianco-tab{
          background-color: #fff;
        }
        .box-bianco-tab > a >.iconOf{
          display: none;
        }
        .box-bianco-tab > a > .iconOn{
          display: block;
          filter: grayscale(0);
          opacity: 1;
        }

        .informazioni-ticketPV{
            text-align: left;
            color: #eb690a;
            font-weight: bold;
            letter-spacing: 1px;
            font-size: 18px;
        }
        .informazioni-content{
            display: flex;
            justify-content: space-between;

        }

      /*  .after:after{*/
      /*  content:'';*/
      /*  text-align: center;*/
      /*  background-color:  #dbdbdb;*/
      /*  height: 1px;*/
      /*  width: 100%;*/
      /*  opacity: 0.4;*/
      /*  display: flex;*/
      /*  margin-top: -5px;*/
      /*  margin-bottom: 3px;*/

      /*}*/
        .paragrapfLeft{
            color: #959496;
            font-family: 'CamingoSlab';
            margin: 5px 0;
            font-size: 12px;
        }
        .paragrapfRight{
            font-size: 12px;
            text-align: right;
            font-weight: bold;
            margin: 5px 0;
        }
        .paragrapfRight a{
            text-decoration: underline;
        }


        .tabBtn:hover{
            background-color: white;
        }


        .modale{display: none;border-top-right-radius: 25px;border-top-left-radius: 25px;background-color: white;position: fixed;bottom: 0;left: 0%;right: 0%;transform: translate(-0%, -0%);box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);}
       .modale-content{
           padding:20px;
           background-color: white;
           border-top-right-radius: 30px;
           border-top-left-radius: 30px;
           text-align: left;

       }
       .modale-paragraph{
        height: 200px;
       }
       .modale-content p{
           margin-bottom: -1px;
       }
       .modal-intestazioni{
        color:#959496;
        font-family: 'CamingoSlab';

       }
       .chiudi{
        position: absolute;
        width: 3rem;
        top: 0;
        right: 0;
       }
      hr{
        margin-top: 10px;
        margin-bottom: 10px;
      }

        #tabBtn2{background-color: white;}


        .body-apriT{
            min-height: 100vh;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            padding-bottom: 7.5rem;
        }
        .logo-apriT{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-apriT{
            margin-right: -50px;
            margin-top: 15px;
            width:40%;
        }
        .indietro-apriT{
            margin-left: -50px;
         margin-top: 25px;
         width:20%;
        }
        .navbar-apriT{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-apriT{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-apriT{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;

            font-family: CamingoSlabPro;
        }
        .data-segnalazione{
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            font-size: 12px;
            margin-left: 15px;
            margin-right: 15px;
            margin-bottom: 5px;
        }
        .data-apri-ticket{
            font-size: 20px;
        }
        .textarea-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            resize: none;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            height: 80px;
            margin-bottom: 8px;

        }
        .textarea1-apriT{
            width: 100%;
            border-radius: 20px;
            padding: 15px 18px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            margin-top: 10px;
            height: 80px;
            margin-bottom: 15px;
            margin-top: 15px;
            resize: none;
        }
        .textarea1-apriT::placeholder,.textarea-apriT::placeholder{
            color:#cfcfd1;


        }
        .select{
            width: 100%;
            border-radius: 20px;
            padding: 12px 18px;
            border:none;
            margin-bottom: 14px;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;utf8,<svg  fill='%23eb690a' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'><path  stroke-width='16' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 97%;
            background-position-y: 13px;
            background-size: 25px auto;
            border: 1px solid;
        }



        .allega-immagine{display: grid;justify-content: space-between;align-items: center;color:#56565B;gap: 1rem;margin-bottom: 1rem;grid-template-columns: repeat(2, calc(50% - 0.5rem));}
        .allega-immagine p{
            margin-left: 18px;
            margin-bottom: -4px;
            opacity: 0.6;
        }


        .allega-immagine button{
            width: 100%;
            padding: 16px;
            border-radius: 50px;
            border: none;
            background-color:#cccccc;
            color: #656468;
            font-size: 11px;
            font-family: CamingoSlabPro;
        }

        .label-apriT{
            color:#56565B;
            opacity: 0.3;
            font-size: 12px;
            margin-left: 17px;
            font-weight: 300;
            text-align: left;
        }

        .checkbox p{
            margin-left: 0;
            letter-spacing: 0.3px;
            margin-top: 0;
            line-height: 15px;
            margin: 0;
            color:#cfcfd1;
            font-size: 12px;
        }
        .checkbox a{
           color:#cfcfd1;
           text-decoration: underline;
        }


        .checkbox{
        display: flex;
        position: relative;
        margin-left: 0;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        }

        .checkbox label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
        border: 1px solid;
        }

        .checkbox label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 6px;
        left: 4px;
        opacity: 0;
        position: absolute;
        top: 5px;
        transform: rotate(-45deg);
        width: 11px;
        }











        .btn-invia-apriT{
            width: 100%;
            color: white;
            background-color: #eb690a;
            border-radius: 50px;
            border:none;
            font-size:20px;
            font-weight: bold;
            padding: 20px;
            letter-spacing: 1px;
            display: block;
            margin-top: 10px;
            letter-spacing: 1px;
            font-family: CamingoSlabPro;
        }
        .tabBar{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
        }
        .modale-content{
           padding:10px;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;

        }
        .modale-content p{
           line-height: 30px;
           font-weight: 200;
        }
        .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
        }

        .modal-intestazioni{
        color:#959496;
        font-size: large;
        }


        .body-cataloghi{
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            padding-bottom: 5.5rem;
            min-height: 100vh;
        }


        .logo-cataloghi{
            width: 46%;
            padding: 20px;
        }
        .logoCerca-cataloghi{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-cataloghi{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-cataloghi{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-cataloghi{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-cataloghi{text-align: center;padding:20px ;letter-spacing: 1px;font-size: 15px;}
        
        
    .div-cataloghi {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 20px;
        border-radius: 25px;
        border: none;
        text-align: left;
        letter-spacing: 1px;
        color: #ea5900;
        line-height: 25px;
        box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
        background-color: white;
        transition: opacity 0.1s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


        .container{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0;
        }


        .div-cataloghi p{width: 250px; font-size: 25px; text-decoration: underline;}
        .div-cataloghi a{font-family:CamingoSlab;color:#959496;text-decoration: underline; font-size: 16px;}




        .tabBar-cataloghi{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }

        .blurry {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 15rem;
            background: linear-gradient(0deg, rgba(255,255,255,0.5691526610644257) 70%, rgba(0,212,255,0) 100%);
            opacity: 1;
            visibility: visible;
            transition:0.2s;
        }

        .blurry.hide{
            opacity: 0;
            visibility: hidden;
        }


        .contenitore-assistenza{
            overflow-y: scroll;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            min-height: 100vh;
            padding-bottom: 5.5rem;
        }
        .logo-assistenza{

            padding: 20px;
            width: 46%;
        }
        .logoCerca-assistenza{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-assistenza{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-assistenza{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-assistenza{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-assistenza{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            margin-bottom: 20px;
            color: #56565B;
        }
        .btn, .btn1{
            width: 100%;
            height: 130px;
            background-color:#eb690a;
            border-radius: 30px;
            margin-bottom: 20px;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            justify-content: left;
            color:white;
            gap:20px;
            padding:0;
            font-size: medium;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            padding-left: 15px;
        }
        .btn1{
            color:#eb690a;
            background-color: white;
        }
        .btn1 a {color:#eb690a;}
        .btn-content{
            display: flex;
            flex-direction: column;
            text-align: left;
            line-height: 15px;
            letter-spacing: 2px;
            font-size: 20px;

        }
        .icon-assistenza-off{
            display: none;
        }
        .btn1:hover{
            background-color: white;
            color: #eb690a;
            text-decoration: none;
        }
        .btn1:hover a{
            color:#eb690a;
        }
        .btn1:hover .icon-assistenza-off{
            display: none;
        }
        .btn1:hover .icon-assistenza-on{
            display: block;
        }
        .tabBar-assistenza{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }


        .body-lista{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           padding-bottom:5.5rem;
           min-height: 100vh;
        }

        .logo-lista{  width: 46%;padding: 20px;  }
        .logoCerca-lista{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-lista{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-lista{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-lista{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-lista{text-align: center;padding:20px ;letter-spacing: 1px;font-size: 15px;}
        .div-lista{
            width: 100%;
            min-height: 130px;
            margin-bottom: 20px;
            padding: 20px 20px;
            border-radius: 25px;
            border:none;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            letter-spacing: 1px;
            color:#ea5900;
            line-height: 20px;
            background-color: white;
            transition: opacity 0.1s ease-in-out;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: 0.2s;
        }
        
        .div-lista:hover{
            text-decoration:none;
            color: #ea5900;
        }

        .container-lista{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0;
        }
        .div-row{
            display: grid;
            grid-template-columns: 50% 50%;
            justify-content: space-between;
        }

        .div-row:not(:last-child){margin-bottom: 0.5rem;border-bottom: 1px solid #0000003b;padding-bottom: 0.5rem;}

        .div-row p{
            margin: 0 0 0px;
            line-height: 20px;
            font-size: 12px;
        }

        .right{
            text-align: right;
            font-family: 'CamingoSlabPro' !important;
            letter-spacing: 0;
        }

        /*.after::after{*/
        /*content: '';*/
        /*width:100%;*/
        /*height: 2px;*/

        /*background-color:#b7b7b7;*/
        /*position:absolute;*/
        /*opacity:0.2;*/
        /*left:0;*/
        /*}*/


        .div-lista:hover{
    /*scale: 0.9;*/
}
        .div-lista p{font-family: 'CamingoSlab';}


        .left{
        text-align: left;
        }


        .tabBar-lista{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }



        .body-monitoraggio{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-monitoraggio{
            width: 46%;
            padding: 20px;
        }
        .logoCerca-monitoraggio{
           margin-right: -50px;
           margin-top: 15px;
           visibility: hidden;
        }
        .indietro-monitoraggio{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-monitoraggio{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-monitoraggio{
            text-align: center;
            margin-bottom: 0;
        }
        .header-tracking{
            text-align: center;
            padding-top:20px ;

            letter-spacing: 1px;
            font-size: 15px;
        }
        .header-sub{
            margin-top: -10px;
            margin-bottom: 20px;
        }
        .input-monitoraggio{
           display:flex ;
           justify-content: center;
           align-items: center;
           justify-content: space-between;
          font-size: 25px;
          padding: 20px;

        }

        .input-monitoraggio p{
        margin: 0;
        }
        .cercaOrdine-monitoraggio{
            background-color: #eb690a;
            border-radius: 50px;
            border: none;
            padding: 10px 30px;
            margin-bottom: 70px;
            font-size:large;
            font-weight: bold;
            color: white;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
        }
        .imgCerca-monitoraggio{
            margin-right: 15px;
            width: 3rem;
        }
        .Informazioni-monitoraggio{
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-top: -10px;
            margin-bottom: 20px;

        }
        .Informazioni-monitoraggio p{
            margin-bottom: -2px;
            color: #eb690a;
            letter-spacing: 1px;
        }

        .Informazioni-monitoraggio>img{
            width:12%;
        }
        .Notifiche-monitoraggio{
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            width: 100%;
            background-color: #f0f0f0;
            text-align: left;
            padding: 30px  20px;
            padding-bottom: 5.5rem;
        }
        .tabBar-monitoraggio{
            width: 100%;
            background-color: #f5f5f5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: fixed;
            gap: 0;
            bottom: -2.7rem;
            padding: 1rem 10px 0 10px;
            box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
            left: 0;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            padding-bottom: 3rem;
        }

        .tabBtn-monitoraggio{
            width: 3rem;
            height:70% ;
            background-color: transparent;
            border: none;
            border-radius: 50px;


        }
        .areaNotifiche-monitoraggio{
            z-index: 0;
        }

        .modale-monitoraggio{

            display: none;
            height: 450px;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            background-color: white;
            position: fixed;
            bottom: 0;
            left: 0%;
            right: 0%;
            transform: translate(-0%, -0%);


            box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);

        }
        .modale-content-monitoraggio{
            padding:10px;
            background-color: white;
            border-top-right-radius: 25px;
            border-top-left-radius: 25px;
            text-align: center;
        }
        .chiudi-monitoraggio{float:right;margin-top: -8px;margin-right: -10px;width: 3rem;}
        
        .close-modale{float:right;margin-top: -8px;margin-right: -10px;width: 3rem;}
        .content-monitoraggio{margin-top: 55px;font-size: 21px;text-align: center;}
        .content-monitoraggio p{letter-spacing: 0.5px;font-family: 'CamingoSlab';}
        .content-monitoraggio span{font-weight: bold;letter-spacing: 0.5px;}
        .titoli{
            width: 100%;
            display: flex;
        }
        .titolo-monitoraggio{
            height: 100px;
            border: 1px solid red;
        }
        .titolo-monitoraggio p{
            font-size: 8px;
            font-family: sans-serif;
            line-height: 9px;
        }
        #agente-monitoraggio{
            text-align: left;
            margin-top: 75px;
        }
        #Nconferma-monitoraggio{
            text-align: right;
            margin-top: 30px;
            margin-right: 20px;
        }
        #Nregistrazione-monitoraggio{
            text-align: left;
            margin-top: 30px;
            margin-left: 20px;
        }
        #Sp-leDitta-monitoraggio{
            text-align: left;
            margin-left: 20px;
            margin-top: 20px;
        }

        .div-conferma-monitoraggio{width: 100%;height:30px;border-style: double;border-color: #bfbfbf; background-color: #ffffb7;font-size: 10px;margin: 0;font-family: sans-serif;padding: 0px 8px 0px 2px;}
        .conferma-content{display: flex;justify-content: space-between;}
        .div-lamaciste-monitoraggio{width: 100%;height:65px;padding:8px; border-style: double;border-top:none;border-color: #bfbfbf;margin-bottom: 20px;margin-top: 35px;display:flex;font-family: sans-serif;font-size: 11px;justify-content: space-between;line-height: 9px;}
        .logo-modale-monitoraggio{width: 40%; margin-top: -20px ;}
        .SRLlamaciste-monitoraggio{margin-top: -8px;margin-right: 10px;}

        #tabBtn1{background-color: white;}




        .logo-ricerca{
            width: 50vw;
        }

        .navbar-ricerca{
            width: 100%;
            display: flex;
            justify-content: center;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .form-group-ricerca{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-ricerca{
            text-align: center;

            letter-spacing: 1px;
            font-size: 15px;
            color: #56565B;
            font-family: CamingoSlabPro;
        }

        .cercaOrdine{
            background-color: white;
            border-radius: 50px;
            border: none;
            padding: 10px;
            margin-top: 20px;
            font-size:large;
            font-weight: bold;
            color:#56565B;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
            font-size: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .Informazioni-ricerca{
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin-top: 30px;
            margin-bottom: 20px;

        }

        .Informazioni-ricerca img{
            width:3rem;

        }
        .Informazioni-ricerca p{
            font-size: 13px;
            font-family: 'CamingoSlabPro';
            color: white;
            letter-spacing: 1px;
            margin-bottom: -2px;
        }
        .tabBar-ricerca{
          background-color: #f5f5f5;
          border-top-right-radius: 30px;
          border-top-left-radius: 30px;
          display: flex;
          align-items: center;
          justify-content: space-around;
          position: fixed;
          bottom: -2px;
          left: 0;
          width:100%;
          padding: 1rem 1rem 3px 1rem;
        }

        .input-or{
          width: 100%;
          border-radius: 25px;
          border: 1px solid white;
          padding:10px;
          text-align: center;
          background:transparent;
          margin-top: 20px;
          color:white;
          font-family: 'CamingoSlabPro';
          font-size: 20px;
        }

        .img-container{
            width: 3.5rem;
        }
        .img-container span{
            color: white;
            font-family: 'CamingoSlabPro';
            letter-spacing: 1px;
        }


        




        .button-tab{
          display: flex;
          align-items: center;
          text-decoration: none;
          gap: 1rem;
        }
        
        .button-tab svg {
          width: 4rem;
        }
        
        .button-tab img {
          width: 2.5rem;
        }
        
        .button-tab span {
          color: #56565B;
          font-family: 'CamingoSlabPro';
          letter-spacing: 1px;
        }











        .body-assistenza{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-assistenza{
            padding: 20px;
         width: 46%;
        }
        .logoCerca-assistenza{
            margin-right: -50px;
        margin-top: 15px;
        width:40%;
        }
        .indietro-assistenza{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-assistenza{
            width: 100%;
         display: flex;
         justify-content: space-between;
         margin-top: 19px;
         margin-bottom: 0;
        }
        .form-group-assistenza{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-assistenza{
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            color: #56565B;
            font-family: CamingoSlabPro;
        }

        .input-r{font-weight: 100;width: 100%;border-radius: 50px;padding: 20px;margin-bottom: 15px;border:none;font-family: 'CamingoSlab';border: 1px solid;text-align: left;}

border {}
        ::placeholder{
            color: #dbdbdb;
            font-size: 18px;

        }
        .UfficioMarketing::placeholder{
            color: #56565B;
            opacity:0.5;


        }
        .textarea-r::placeholder{
            color: #56565B;
            opacity:0.5;


        }
        .textarea-r{
            height: 120px;
            padding: 20px;
            border-radius: 25px;
            border:none;
            resize: none;
            margin-bottom: 5px;
            width: 100%;
            border: 1px solid;
            font-family: 'CamingoSlab';
        }


        .imgCerca{
            margin-left: -25px;
            margin-right: 15px;
            width: 3rem;
        }
        .imgAdd{
            float:right;
        }
        .tabBar-assistenza{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }

        .label-r{
            float: left;
            margin-left: 20px;
            color: #dbdbdb;
            font-weight: 400;
        }
        .btn-invia-assistenza{
            width: 100%;
            border-radius: 50px;
            border: none;
            padding: 20px;
            margin-top: 20px;
            margin-bottom: 100px;
            background-color: #eb690a;
            color: white;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: CamingoSlabPro;
        }
        .modale{
           display: none;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           background-color: white;
           position: fixed;
           bottom: 0;
           left: 0%;
           right: 0%;
           transform: translate(-0%, -0%);
           box-shadow: 1px 1px 1px 1000px rgba(0,0,0,.3);
        }
        .modale-content{
           padding: 3rem 3rem;
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;
           text-align: center;
           position: relative;
        }
        .modale-content p{
           line-height: 25px;
           font-weight: 200;
           font-size: 18px;
           margin: 1.5rem 0;
           font-family: 'CamingoSlab';
        }
        .msg-modale{
        color:#959496; font-weight: lighter;font-size: 23px;
        }

        .modal-intestazioni{
        color:#959496;
        font-size: large;
        }



        .body-materiale{
           background-color: white;
           border-top-right-radius: 25px;
           border-top-left-radius: 25px;

        }
        .logo-materiale{
            width: 46%;
            padding: 20px;
        }

        .logoCerca-materiale{
           margin-right: -50px;
           margin-top: 15px;
           width:40%;
        }
        .indietro-materiale{
            margin-left: -50px;
            margin-top: 25px;
            width:20%;
        }
        .navbar-materiale{
            width: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 19px;
            margin-bottom: 0;
        }
        .form-group-materiale{
            text-align: center;
            margin-bottom: 0;
        }
        .tracking-materiale{
            color: #56565B;
            text-align: center;
            padding:20px ;
            letter-spacing: 1px;
            font-size: 15px;
            font-family: 'CamingoSlabPro';
        }

        .UfficioMarketing::placeholder{
            color: #56565B;
            opacity:0.5;

        }

        .imgAdd{
            float:right;
            width: 2rem;
        }
        .tabBar-materiale{
            width: 100%;
            height: 80px;
            background-color: #56565B;
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            justify-content: space-evenly;
            position: fixed;
            bottom: 0;
        }
        .btn-invia-materiale{
            width: 100%;
            border-radius: 50px;
            border: none;
            padding: 20px;
            margin-top: 20px;
            margin-bottom: 100px;
            background-color: #eb690a;
            color: white;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
            font-family: 'CamingoSlabPro';
        }






/*MENU*/


.btn-text{
    margin: 0;
    font-family: 'CamingoSlabPro';
    font-size: 1rem;
    position: relative;
}

.btn-text:after{
    content:'';
    text-align: center;
    background-color: #56565b;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
 }


.button-splash{
    width: 100%;
    height: 90px;
    border-radius: 30px;
    border: none;
    margin-bottom: 15px;
    background-color: #56565B;
    color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    justify-content: stretch;
    gap: 1rem;
    font-size: 16px;
    padding: 0 1rem;
    letter-spacing: 2px;
}
.ParagraphEafter-splash{
    display:flex;
    flex-direction: column;
    justify-content: center;
    max-width:fit-content;
    left:100%;
}
.button-splash:hover{
    background-color: #56565B;
    color: #fff;
    text-decoration: none;
}
.button-splash:hover a{
    text-decoration: none;
    background-color: white;
    color: #56565B;
}
.button-splash:hover .iconOf{
    display: none;
}
.button-splash:hover .iconOn{
    display: block;
    opacity: 1;
    filter: grayscale(0);
}
.button-splash:hover .after:after{
    background-color:  #56565B;
}
/*.after:after{*/
/*content:'';*/
/*text-align: center;*/
/*background-color: #56565B;*/
/*height: 2px;*/
/*width: 100%;*/
/*opacity: 0.9;*/
/*display: flex;*/
/*margin-top: -12px;*/
/*margin-bottom: 3px;*/
/*justify-content: center;*/
/*align-items: center;*/
/*}*/

.button-splash a{
    color: white;
}
.div-contatti{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contattaci{
    font-size: 16px;
    text-align: center;
    color: white;
    max-width: fit-content;
    margin-bottom: 40px;
    letter-spacing: 2px;
    position: relative;
}

.contattaci a{
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.contattaci a:after{content:'';text-align: center;background-color:  white;height: 2px;width: 100%;position: absolute;left: 0;bottom: -2px;}


/*.after1:after{*/
/*content:'';*/
/*text-align: center;*/
/*background-color:  white;*/
/*height: 2px;*/
/*width: 100%;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*margin-top: -5px;*/
/*margin-bottom: 3px;*/
/*}*/

.body-splash{padding: 0 20px;margin-bottom: 4rem;}

.btn-content{
display: flex;
justify-content: center;
}



.btn img, .btn1 img{
    width: 5rem;
}


.btn-content span{
    color:white;
    text-decoration: underline;
    opacity:0.9;
    font-family: CamingoSlab;
    letter-spacing: 0px;
}


.btn:hover p{
    color: #fff;
    text-decoration: none;
}


.zoomin{
    z-index: 99;
    transform: scale(13);
    bottom: 0;
    position: absolute;
    background: #fff;
}


.animate__animated.animate__slideInUp {
  --animate-duration: 0.2s;
}

.animate__animated.animate__slideInRight {
  --animate-duration: 0.2s;
}


.animate__animated.animate__fadeIn {
  --animate-duration: 0.2s;
}

.img-container .iconOn{
    opacity: 1;
    filter: grayscale(0);
}

.body-ricerca{
    margin-top: 60px;
    padding: 0 15px;
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pb-0{
    padding-bottom:0;
}

.mt-2{
    margin-top:2rem;
}

.tracking-sec{
    margin: 4rem 0;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.point-track{
    width: 4rem;
    position: relative;
    height: 2rem;
    border: 0.5rem solid #fff;
    border-radius: 50%;
    background: #56565b;
    transition: 0.2s;
    opacity: 0.5;
    box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
}

.point-track > img {
    position: absolute;
    width: 3.5rem;
    left: -1.3rem;
    top: -4rem;
    filter: grayscale(1);
    opacity: 0.4;
}


.point-track > p {
    position: absolute;
    filter: grayscale(1);
    opacity: 0.4;
    top: 2rem;
    width: 100vw;
    font-size: 0.8rem;
    text-transform: uppercase;
    line-height: 1rem;
    left: -0.5rem;
    color: #56565b;
    font-family: 'CamingoSlabPro';
}

.point-track > p.center {
    left: -2.5rem;
}

.point-track > p.right_t {left: -3.5rem;}


.point-track.active{
    opacity:1;
}

.point-track.active > img {
    filter: grayscale(0);
    opacity: 1;
}

.point-track.active > p {
    filter: grayscale(0);
    opacity: 1;
}




.bar-track{
    height: 1rem;
    border-radius: 25px;
    width: 100%;
    background: linear-gradient(to right, #eb690a 50%, #dbdbdb87 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    position: relative;
    transition: 0.2s;
}

.bar-track.active{background-position: left bottom;}



.nuova-ricerca {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 0.5rem;
}

.nuova-ricerca:hover {
        text-decoration: none;
}

.nuova-ricerca img{
    width:3rem;

}
.nuova-ricerca p{
    font-size: 13px;
    font-family: 'CamingoSlabPro';
    color: white;
    letter-spacing: 1px;
    margin-bottom: -2px;
}


.overlay_load{
    filter:blur(5px);
    transition:0.5s;
}

.overlay_load.none{
    filter:blur(0);
    
}

.title-modal{
    text-transform:uppercase;
    color:#56565B;
}

.img_modale{
    width: 4rem;
    margin-bottom: 2rem;
}


.close_button{
    background-color: #eb690a;
    padding: 15px;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: large;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
}

.shadow-i{
        box-shadow: 1px 1px 10px 1px rgba(162, 162, 162, 0.5);
}

.search_order{
    background-color: #eb690a;
    border-radius: 50px;
    border: none;
    padding: 10px;
    font-size: large;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'CamingoSlabPro';
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.t-center{
    text-align:center;
}

.errors {
    margin-top: 0 !important;
    color: #ff0000;
    font-family: 'CamingoSlabPro' !important;
}

.errors.white{
    color:#fff;
}

.mb-50{
    margin-bottom:50px;
}

.storico-Ticket{
    margin-bottom:100px;
    display:none;
}

.storico-Ticket.active{
    display:block;
}


.tickets{
    
}

.item-tickets{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.5rem;
    align-items: flex-end;
    align-content: flex-end;
}

.item-tickets span{
    font-size: 20px;
    font-family: 'CamingoSlab';
}

.number-ticket{
    font-weight: bold;
    border-bottom: 2px solid;
}

.title-ticket{
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 30px !important;
}

.selected-ticket{
    font-weight: bold;
    font-family: 'CamingoSlabPro';
}

.content-ticket {
    margin-top: 2rem;
}

.itemt-content-ticket{
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
}

.itemt-content-ticket p{margin: 0;}

.data-ticket{
    font-weight: bold !important;
    font-family: 'CamingoSlabPro' !important;
}

.status-ticket{
    font-weight: bold !important;
    font-family: 'CamingoSlabPro' !important;
}

.descrizione-ticket{
    font-weight: bold !important;
    font-family: 'CamingoSlabPro' !important;
}



.loading{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 9999;
    background: #dfdfdf73;
    align-content: center;
    justify-content: center;
    align-items: center;
    visibility:
    hidden;
    opacity:0;
    transition:0.35s;
}

.loading.show-load{
    visibility:visible;
    opacity:1;
}


.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #56565B;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

.body-login{
        background: var(--background);
}

.h2-login{
    margin-top: 0;
    font-family: "CamingoSlab";
    color: #000;
    letter-spacing: 1px;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

.p-login{
        font-size: 14px;
    font-family: "CamingoSlab";
    text-align: center;
    color: #898989;
    margin-top: 0;
}

.input-login{
    width: 100%;
    border-radius: 25px;
    border: 1px solid rgba(83, 83, 88, 0.1098039216);
    background-color: #fefefe;
    padding: 10px;
    text-align: center;
    margin-top: 1rem;
    color: black;
    font-family: "CamingoSlab";
    font-size: 18px;
    font-weight: bold;
    outline: none;
    letter-spacing: 2px;
}

.input-login::placeholder{
  color: black;  
}

.button-login{
    background-color: #ec6805;
    border-radius: 25px;
    padding: 8px;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    font-family: "CamingoSlabPro";
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border:none;
}


.btn-content span.button-splash {
    text-decoration: none;
    opacity: 1;
    letter-spacing: 2px;
}

.elements-bancale{
    height:50vh;
    overflow-Y:scroll;
}


.elements-bancale::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 5px;
}

.elements-bancale::-webkit-scrollbar-track {
    background: #f3f3f3;
}


.elements-bancale::-webkit-scrollbar-thumb {
    background: #dddcdc;
}

.view-bancale-det{
    margin: 1rem 0 0 0 !important;
}