/* Author: Enzo */
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre&family=Acme&family=Alegreya+SC&family=Aleo&family=Alike&family=Allan&family=Amatic+SC&family=Antic+Slab&family=Anton&family=Archivo&family=Aref+Ruqaa&family=Armata&family=Audiowide&family=Average&family=Bangers&family=Barlow&family=Barlow+Condensed&family=Be+Vietnam+Pro&family=Bitter&family=Cantora+One&family=Caveat&family=Charis+SIL&family=Concert+One&family=Cookie&family=Cormorant&family=Cormorant+Garamond&family=Courgette&family=Coustard&family=DM+Serif+Display&family=DM+Serif+Text&family=Days+One&family=Fredoka+One&family=Geo&family=Gloria+Hallelujah&family=Hepta+Slab&family=Hind+Madurai&family=Holtwood+One+SC&family=IBM+Plex+Serif&family=Indie+Flower&family=Inknut+Antiqua&family=Josefin+Sans&family=Jua&family=Kanit&family=Kdam+Thmor+Pro&family=Kreon&family=Kurale&family=Lekton&family=Libre+Bodoni&family=Libre+Caslon+Display&family=Lobster&family=Lobster+Two&family=Marcellus&family=Markazi+Text&family=Montserrat&family=Montserrat+Alternates&family=Mouse+Memoirs&family=Nanum+Myeongjo&family=Noto+Serif&family=Oleo+Script&family=Oleo+Script+Swash+Caps&family=Open+Sans&family=Oranienbaum&family=Orbitron&family=Oswald&family=PT+Sans+Narrow&family=PT+Serif&family=Pacifico&family=Patrick+Hand&family=Patua+One&family=Permanent+Marker&family=Playball&family=Playfair+Display&family=Poiret+One&family=Poppins&family=Prata&family=Quantico&family=Rajdhani&family=Righteous&family=Roboto&family=Roboto+Condensed&family=Roboto+Mono&family=Roboto+Slab&family=Russo+One&family=Satisfy&family=Secular+One&family=Shadows+Into+Light&family=Slabo+27px&family=Special+Elite&family=Sulphur+Point&family=Syncopate&family=Teko&family=Tiro+Kannada&family=Ubuntu&family=Ultra&family=Unica+One&family=Urbanist&family=Vollkorn+SC&family=Yanone+Kaffeesatz&family=Yeseva+One&display=swap');

/* Body*/
body {
    background-color: #333333;
    font-family: 'Fredoka', sans-serif;
    margin: 0px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    height: 100vh;
/*          background-color: #3B3B3B;*/
}
button, textarea, input{   
    font-family: 'Fredoka', sans-serif;
    -webkit-font-smoothing: antialiased;

}

.container-button-mancanti{
    display: flex;
}

.container-button-mancanti .icon-menu{
    pointer-events: unset;
    opacity: 1;
    width: 100px;
    border-radius: 10px;
    padding: 10px;    
}

.container_function_modifica{
    max-height: 300px;
    overflow-y: scroll;
}

.thumb-colore-coop{
    margin-left: 10px;
    margin-right: 0px !important;
    margin-bottom: 10px;
    font-size: 12px !important;
}
.thumb-colore-coop div{
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    border: solid 1px white;
    margin-top: 2px;
}
.stampa_stopper_singolo{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    display: none;
}

.nav-link{
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

#img_fullscreen{
    position: absolute;
}
.lineaOr{
    position: absolute;
    width: 90%;
    height: 2px;
    z-index: 999999;
    top: 50%;
    left: 0px;
    cursor: move;
}
.lineaOr .ui-resizable-w,
.lineaOr .ui-resizable-e{
    width: 20px;
    height: 20px;
    background-image: URL('images/frecce_orizzontali.png');
    
}
.lineaVe{
    position: absolute;
    width: 2px;
    height: 90%;
    z-index: 999999;
    left: 50%;
    top: 0px;
    cursor: move;
}
.lineaVe .ui-resizable-n,
.lineaVe .ui-resizable-s{
    width: 20px;
    height: 20px;
    background-image: URL('images/frecce_verticali.png');
    
}

.buttonLinee{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 0;
    width: 65px;
    height: 30px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    float: left;
    
}
#div_stopper span[class*="note"][contenteditable]:empty::before,
#container_cartellino_mod span[contenteditable]:empty:focus::before,
#container_cartellino_mod span[contenteditable]:empty::before{
content: 'xxx';
}
#container_cartellino_mod div[contenteditable]:empty:focus::before, 
#container_cartellino_mod div[contenteditable]:empty::before {
content: 'xxx';
}


#containerButtonModifica{
        display: flex;
    align-items: baseline;
    justify-content: center;
}

#containerButtonModifica button{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    cursor: pointer;
    letter-spacing: 0;
    position: relative;
    z-index: 9;
    margin-left: 5px;
    margin-right: 15px;
    min-width:180px;
}


#containerButtonModifica button:hover {
    background-color: #4d4d4d;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ffffff;
}

input:focus, textarea:focus, select:focus{
    outline: none;
     
}




input[type="color"] {
    visibility: hidden;
}



button {
    background-color: #E30613;
    color: white;
    border: 2px #E30613;
    padding: 10px 25px;
    border-radius: 40px;
    font-weight: 400;
      font-size: 17.5px;
    letter-spacing: normal;
    cursor: pointer;
}

/*
::-webkit-scrollbar {
    display: none;
}


::-webkit-scrollbar-track {
    display: none;

}


::-webkit-scrollbar-thumb {
    display: none;

}*/


input::placeholder {
    opacity: 0.5
}


#imageForTouchMove{
    position: absolute;
    top: -2000px;
    left: -2000px;
    z-index: 99999;
}

#chiudiStrumenti{
    display: none;
}



/* login */

.container-login{   
    left: 50%;
    width: 700px;
    height: 700px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #3B3B3B;
    border-radius: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}



.logo-login{ 
    width: 190px;
}

.sottotitolo-login{
    margin-top: -10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;

}

.button-accesso{
   width: 250px;
margin-top: 25px;   

}

.button-accesso:before {
    content: "";
    background: url("../inc_img/login_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    display: inline-block; 
}

input{
    background-color: transparent;
    margin: 10px 0px 10px 0px;
    padding-bottom: 5px;
    border-top-style: none;  
    border-width: 1px;
    border-bottom-style:solid;
    border-right-style:none;
    border-left-style:none;
    text-align: center; 
    width: 100%;
    color: #ffffff;
    padding-bottom: 10px;
    font-size: 110%;
    font-family: 'Fredoka', sans-serif;
    font-weight: 400;

}


.container-login-form{
    margin-top: 30px;
}









/*menu*/

.separatore_menu{
    width: 70%;
    margin: 20px 0px;
    height: 2px;
    background-color: RGBA(255,255,255,0.2);
    margin-left: 17px;
}

.container-menu{
    z-index:9999999;
    position: absolute;
    top:0;
    left:0;
    width: 130px;
    height: 100vh;
}
.container-logo-menu{

    height: 13vh;
    background-color: #292929;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;






}
.container-logo-menu img{   
    display: inline-block;
    margin: 30px 5px 30px 5px;
   width: 98px;
    height: auto;
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;




}
.container-link-menu{
    background-color: #333333;
    height: 80vh

}
.container-icon-menu{
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
   height: 83vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;

}





.icon-menu{ 
    cursor: pointer;
    opacity: 0.2;
    pointer-events: none;
    text-align: center;
;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    position: relative;
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;


}

.icon-menu img{ 
  
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;


}

.active-icon,.icon-menu:hover{
    border-radius: 10px;
    background-color: #3b3b3b;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.icon-menu img {
    width: 25px;
    height: 25px;
}




.link-icone{
    color: white;
    font-size: 15px;
    width: 70px;
    text-align: center;
}


.container-logout{
      height: 6vh;
    background-color: #333333;
    text-align: center;
        padding-top: 20px;
}
    




.link-logout{
   right: 41px;
    color: white;
    font-size: 14.5px;
    cursor: pointer;
}
.icon-menu-logout{
    top: 7px;
    position: relative;   
    cursor: pointer;
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
    
}


/*scelta_tema*/

.tiolo-selezione-temi{
    display: flex;
    color: white;

    font-size: 14px;
    font-weight: 300;
    justify-content: center;

}

.container-seleziona-temi{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
    flex-direction: column;

}







.container-tot{
    height: 100vh;
    display: flex;
    padding-left: 120px;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
    
}





.container-thumb-temi{
    width: 100%;
    max-width: 1300px;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: visible;
    position: relative;
    justify-content: center  
}

.container-thumb-temi{
    text-align: center;
}


.thumb-temi{
    display: flex;
    margin: 25px;
    background-color: #343434; 
    width: 350px; 
    height: 350px;
    border-radius: 15px;
    position:relative;
    cursor: pointer;
    justify-content: center;
    align-items: center

}
.thumb-temi img{
 height: 80%;
    width: 80%; 
   object-fit: contain;
  

}


.thumb-temi:hover{
    background-color: #5a5a5a; 
}


.titolo-tema{
    position: absolute;
    bottom: -35px;
    color: white;

    font-size: 17px;
}
h2 {
    font-size: 1.82em;
}

/*lavorazione*/


.lavorazione-progetto{
    position: absolute;
    top: 5px;
    left: 590px;    
}

.container-nuovi-progetti{
    height: 80%;
    width: 850px;
    display: flex;
    flex-direction: column;

}




.contenitore-icone-nuovi-progetti{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-left: 150px;
    margin-right: 150px;
    

}


.bollino-mod {
    width: 105px;
    margin: 5px;
    height: 105px;
}
.bollino-mod img {
    width: 105px;
    height: 105px;
    object-fit: contain;
}
.titolo-nuovi-progetti{
    color: white;
    text-align: center;
    font-size: 14px;
}

.icone-progetti{
    text-align: center;
    cursor: pointer;
        margin-left: 16px;
    margin-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}


.icone-progetti:hover{
 border-radius: 10px;
    background-color: #484848;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.icone-progetti img{
    width: 40px
        
}

.link-icone-nuovi-progetti{
    color: white;
     font-size: 19px;
    line-height: 99%;
    width: 105px;
    text-align: center;
    display: block;
    margin-top: 8px;
}

.titolo-apri-nuovo-progetto{
    text-align: center;
    color: white;
    margin-top: 55px;
    font-size: 13px;

}


.paginazione-progetti{
    
     display: flex;
    flex-direction: column;
    overflow-y: auto;
    position: relative;

}



.scrollbar-fade-nuovo-progetto{
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    height: 10%;
    pointer-events: none;
    background-image: -moz-linear-gradient(top,rgba(59,59,59,0) 50%, rgba(59,59,59,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(59,59,59,0) 50%,rgba(59,59,59,1) 100%);
    background-image: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
     pointer-events: none;

        
   
}

.scrollbar-fade-nuovo-progetto2{
     pointer-events: none;
  position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height: 10%;
    pointer-events: none;
    background-image: -moz-linear-gradient(bottom, rgba(59,59,59,0) 50%, rgba(59,59,59,1) 100%); /* FF3.6-15 */
    background-image: -webkit-linear-gradient(bottom, rgba(59,59,59,0) 50%,rgba(59,59,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    
}

.container-elenco-progetti{
    padding-top:15px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 18px
 
    


}
.container-progetti{
    position: relative;
    color: white;
margin-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 65px;
    width: 100%;
    

}


.elenco-data-progetto{
    position: absolute;
    top: 10px;
    left: 5px;
 font-size: 110%;
     -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
     -khtml-user-select: all; /* Konqueror HTML */
       -moz-user-select: all; /* Old versions of Firefox */
        -ms-user-select: all; /* Internet Explorer/Edge */
            user-select: all; 
}

.elenco-ora-progetto{
    position: absolute;
    top: 31px;
    left: 31px;
    opacity: 0.3;
         font-size: 110%;
               -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
     -khtml-user-select: all; /* Konqueror HTML */
       -moz-user-select: all; /* Old versions of Firefox */
        -ms-user-select: all; /* Internet Explorer/Edge */
            user-select: all; 

}

.elenco-nome-progetto{
    position: absolute;
    top: 8px;
    left: 18%;
     font-size: 110%;
             -webkit-touch-callout: all; /* iOS Safari */
    -webkit-user-select: all; /* Safari */
     -khtml-user-select: all; /* Konqueror HTML */
       -moz-user-select: all; /* Old versions of Firefox */
        -ms-user-select: all; /* Internet Explorer/Edge */
            user-select: all; 

}

.elenco-button-apri{
    position: absolute;
    top: 4px;
    right: 155px;
    padding: 18px 28px;
    cursor: pointer;
      
}

.delete-elenco-progetti{
    border: 2px solid #E30613;
    border-radius: 28px;
    margin: 5px;
    padding: 12px;
    display: inline-flex;
    position: absolute;
    right: 30px;
    cursor: pointer;

}

.duplica-elenco-progetti{
    border: 2px solid #E30613;
    border-radius: 28px;
    margin: 5px;
    padding: 12px;
    display: inline-flex;
    position: absolute;
    right: 90px;
    cursor: pointer;

}

.elenco-ultima-modifica{
    position: absolute;
    top: 18px;
    right: 0px;
}

.elenco-separatore-progetti{
    width: 100%;
    position: absolute;
    bottom: -80px;
  border-color: RGBA(255,255,255,0.2);
}




/*nuovo-progetto*/
#lightgallery{
    display: inline-block;
    text-align: center;
    margin-top: 80px;
}
.container_tot_fullscreen{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #3B3B3B;
    z-index: 99999999999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    align-items: center;
}
#chiudiFullScreen{
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 99999999999;
}


.icon-container-anteprima{
    position: absolute;
    top: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 99999;
    cursor: pointer;
    width: 370px;
    display: flex;
    justify-content: space-between;
    left: 50%;
    margin-left: -185px;
        
}

.icon-anteprima{
  width: 70px;
}

.icon-anteprima img{
  width: 32px;
       margin-top: 25px;
    margin-bottom: 5px;
}
   




.centered_volantino{
    display: inline-block;
}
.circle__spin {
    margin-top: 25px;
    margin: auto;
    position: relative;
    width: 340px;
    height: 340px;
}

.circle__spin circle {
    stroke-width: 3; /* control the dashes width */
    stroke-dasharray: 12, 12; /* control the dashes spacing */
    fill: none;
    stroke: #E30613;
}

.circle__spin svg {
    width: 100%;
    height: 100%;
}

.circle__spin2 {
    margin-top: 25px;
    
    position: relative;
    width: 250px;
    height: 250px;
}
#caricaFotoProdotto{
    margin-top: 25px;
}


.circle__spin2 circle {
    stroke-width: 2; /* control the dashes width */
    stroke-dasharray: 10, 10; /* control the dashes spacing */
    fill: none;
    stroke: #E30613;
}

.circle__spin2 svg {
    width: 100%;
    height: 100%;
}

.container-inzia-nuovo-progetto{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75%;
    flex-direction: column;

}








/*Nuovo progetto (inc_nuovo_volantino)*/

#ContainerNuovoProgetto button {
    margin-top: 5px;
}

.container-inzia-nuovo-progetto a{
    color: white;
    font-size: 17px;
}

.container-inzia-nuovo-progetto button{
    padding: 16px 25px;
}


.container-inzia-nuovo-progetto button::before {
    content: "";
    background: url("../inc_img/note_add_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block; 
}

.tiolo-nuovo-progetto{
    color: white;
    font-size: 14px;

}


.colore-anteprima-cartellino, .colore-anteprima-cartellino-prezzo, .colore-anteprima-cartellino-descrizione{
   width: 111%;
    left: -11px;
    border-radius: 8px;
    height: 100%;
    background-color: unset;
    position: relative;
}

#selezionaNumeroPagine{
   width: 88%!important;
    margin-left: 10px;
}

.linea-anteprima-bordo{
    width: 100%;
    height: 3px;
    background-color: red;
    margin-top: 20px;
}

.container-strumenti{
    position: absolute;
    padding-left: 35px;
    padding-right: 10px;
    width: 370px;
    height: 100%;
    left: 120px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    z-index: 99999;
    background-color: #3B3B3B;
    padding-bottom: 80px;
    overflow-y: auto;
}

/*
.container-volatino{
    left: 420px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    position: absolute;
    min-width: 950px;
    width: 65vw;
    max-width: 70vw;

}*/

.contentiore-strumenti select {
    border: 2px;
    padding: 0px 5px 0px 10px;
    border-radius: 8px;
    margin-right: 5px;
    margin-left: 5px;
    width: 100%;  
    font-size: 14.5px;
}
#numeroPagineScelto {
    border: 2px;
    padding: 0px 5px 0px 10px;
    border-radius: 8px;
    margin-right: 5px;
    margin-left: 5px;
    width: 50px;
    height: 25px;
    font-size: 14.5px;
    text-align: center;
    margin-bottom: 10px;
}

.link-applica{
    font-size: 12px;
    text-decoration: underline;
    margin-right: 8px;
    cursor: pointer;

}

.link-strumenti{
    margin-right: 8px;
    cursor: pointer;
    border: 2px white solid;
    border-radius: 50px;
        padding: 5px;
        

}
.button-tipo-pagina{
    width: 110px;
    height: 110px;
    border-radius: 30px;   
    line-height: 15px;
}
.button-tipo-pagina img{
    margin-bottom: 10px;
}

.container-tipo-pagina{
    display: flex;
    flex-wrap: wrap;
}



.titolo-strumenti{
    display: flex;
    color: white;
    margin-bottom: 5px;
    font-size: 15.5px;
    font-weight: 500;
    margin-bottom: 10px;

}


.colore-prezzo, .colore-prezzo-mod-cartellino,.colore-fondo-prezzo-mod-cartellino,  .colore-sconto-mod-cartellino, .colore-sconto-traccia-mod-cartellino, .colore-sconto, .colore-sconto-traccia, .colore-testata,.colore-forma,.colore-pie-pagina, .colore-special-mod-cartellino{
    background-color: black;
    border-radius: 8px;
    border: 2px solid white;
    width: 35px;
    height: 35px;
    position: relative;
    font-size: 13px;
}

.colore-descrizione, .colore-descrizione-mod-cartellino , .colore-sottodescrizione-mod-cartellino{
    background-color: black;
    border-radius: 8px;
    border: 2px solid white;
    min-width: 35px;
    max-height: 35px;
    position: relative;
    font-size: 13px;
}

.colore-note, .colore-note-mod-cartellino, .colore-sottodesc-mod-cartellino{
    background-color: black;
    border-radius: 8px;
    border: 2px solid white;
    min-width: 35px;
    max-height: 35px;
    position: relative;
    font-size: 13px;
}



.colore-bordi {
    font-size: 13px;
    background-color: black;
    border-radius: 8px;
    border: 2px solid white;
    min-width: 35px;
    max-height: 35px;
    position: relative;
}

.colore-cartellino,.colore-cartellino-prezzo,.colore-cartellino-descrizione {
    font-size: 13px;
    background-color: black;
    border-radius: 8px;
    border: 2px solid white;
    min-width: 35px;
    max-height: 35px;
    position: relative;
}



.contentiore-strumenti{
    display: flex;
    /*justify-content: space-between;*/
    /*width: 220px;*/
    margin-bottom: 16px;
}
.contentiore-strumenti > *{
    margin-right: 5px;
}

.container-strumenti button{
    background-color: transparent;
    border: 1px  solid rgba(255, 255, 255, 0.2) ;
    padding: 15px 18px;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 0;
    margin: 5px;
    min-width: 56px;

}

#containerStrumentiPop button{
    background-color: transparent;
    border: 1px  solid rgba(255, 255, 255, 0.2) ;
    padding: 15px 18px;
    font-size: 15px;
    cursor: pointer;
    letter-spacing: 0;
    margin: 5px;
    min-width: 56px;

}

.box-strumenti{
    margin-top: 45px;
    color: white;
}
.box-strumenti:first-child {
    margin-top: 60px;
}



.quadro-volatino{
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin-top: 55px;

}


.quadro-volatino button img{
    opacity: 0.2

}
.quadro-volatino button img:hover{
    opacity: 1

}




.container-volatino .next{
    background-color: #333333;
    margin: 0;
    padding: 5px;
    margin-left: 15px;
    position: relative;
    width: 45px;
    height: 45px;

}

.container-volatino .back{
    background-color: #333333;
    margin: 0;
    padding: 5px;
    margin-right: 15px;
    position: relative;
    width: 45px;
    height: 45px;

}





.paginazione-volatino{
    width: 600px;
    position: relative;

}

.scrollbar-volatino{
    overflow-x: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 21%;
    padding-right: 2%;
    padding-bottom: 5px; 
    position: relative;  
    cursor: grab;
    user-select: none;


}

.scrollbar-volatino > span {
    white-space: nowrap;

}




.paginazione-volatino span:first-child {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #333333;
    border-radius: 25px;
    min-width: 100px;
    min-height: 30px;
    padding-bottom: 3px;

    margin-left: auto;
    margin-right: auto;


}



.paginazione-volatino span {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #333333;
    border-radius: 25px;
    min-width: 35px;
    min-height: 35px;
    margin-left: 5px;

}


.scrollbar-fade{
    position: absolute;
    bottom: 0;
    left: 0;
    width:10%;
    transform: translate(900%, 0);
    height: 100%;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}



.scrollbar-fade2{
    position: absolute;
    bottom: 0;
    right:  0;
    width:10%;
    transform: translate(-900%, 0);
    height: 100%;
    pointer-events: none;
    background: -moz-linear-gradient(right, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  
}


/* classi per step scelte */
.container-step-singolo{
    width: 600px;
   
}


    [id^=smartwizard]{
    width: 600px;
}
.container-thumb-formato{
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: visible;
    position: relative;
    justify-content: space-evenly  
}


.thumb-formato, .thumb-cartellino{
    display: flex;
    margin: 25px;
    background-color: #343434; 
    width: 100px; 
    height: 100px;
    border-radius: 15px;
    position:relative;
    cursor: pointer;
    justify-content: center;
    align-items: center

}
.thumb-formato img, .thumb-cartellino img{
 height: 80%;
    width: 80%; 
   object-fit: contain;
   
  -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;

}




.thumb-formato:hover, .thumb-cartellino:hover{
    background-color: #5a5a5a; 
}
.thumb-formato.active, .thumb-cartellino.active{
    background-color: #e52023; 
}

.titolo-formato{
    position: absolute;
    bottom: -35px;
    color: white;
    width: 160px;
    font-size: 17px;
}

.tab-pane{
    text-align: center;
}








/* Eccedenti (inc_eccedenti.php)*/

.container-eccedenti{
    display: flex;
    background-color: #292929;
    min-width: 300px;
    height: 100%;
    position: absolute;
    right: 0px;

}

.scroll-eccedenti{
       width: 20%;
    height: 100%;
    display: flex;
    
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    position:relative;
}

.scrollbar-eccedenti span:first-child{
   margin-top:auto
}
.scrollbar-eccedenti span:last-child{
     margin-bottom:auto
}




.box-eccedenti{
    width: 80%;
    margin-left: 20px;
    margin-top: 40px;
    color: white;
}





.box-eccedenti input{
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 80%;
    margin: 10px 0px 10px 0px;
    margin-left: 0px;
}

.scrollbar-eccedenti{
   margin-top: auto;
    margin-bottom: auto;
    overflow-y: auto;
    user-select: none;
    cursor: grab;
    padding-left: 10px;
    height: 73%;
    padding-bottom: 25px;
    padding-top: 25px;
    box-sizing: border-box;
}

.scrollbar-eccedenti *{
    cursor: pointer;
    
}



.scrollbar-eccedenti span
{ 
white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #3b3b3b;
  border-radius: 25px; 
;
  min-width: 25px;
  min-height:  25px;
  margin-bottom: 15px;
  padding: 5px;
}


.scrollbar-eccedenti span:hover, 
.scrollbar-eccedenti span.active,
.scrollbar-eccedenti span:focus
{ 
  background-color: #e52023!important;
  
}



.thumb-eccedente{
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
}





.scrollbar-fade-eccednti{
    position: absolute;
    top: 110px;
    width:100%;
    height: 2%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(180deg, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
    pointer-events: none; 

}
.scrollbar-fade-eccedenti-2{
    position: absolute;
    bottom: 110px;
    width:100%;
    height: 2%;
    pointer-events: none;
    background: -moz-linear-gradient(bottom,rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg,rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
    
    pointer-events: none; 

}


.paginazione-elementi{
    
     display: flex;
    flex-direction: column;
    overflow-y: auto;
    width: 105%;
    padding: 5px;
    position: relative;

}

.paginazione-elementi-eccedenti{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 5px;
    width: 90%;
    overflow-y: auto;
    /*cursor: grab;
    user-select: none;*/
    
}



.lista-eccedenti{
    overflow-y: auto;
    height: 100%;
}



.scrollbar-fade-elementi-eccedenti{
    position: absolute;
    z-index: 2;
    pointer-events: none;
    top: 133px;
    left: 58px;
    width: 81%;
    height: 3%; 
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%);
    background: -webkit-linear-gradient(top, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%);
   background: linear-gradient(180deg,rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  
    
}

.scrollbar-fade-elementi-eccedenti2{
  position: absolute;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    left: 58px;
    width: 81%;
    height: 3%;
    pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(41,41,41,1) 5%, rgba(41,41,41,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}



/*Popup (inc_salva.php - inc_estraipdf - inc_estraixls - inc_estraipop)*/



.underlayer{
    position:fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, .9);
   z-index: 9999999999;
    top: 0;

    

}




.container-popup{
    position:relative;
    left: 50%;
    width: 600px;
    height: 600px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #333333;
    border: 3px  solid rgba(255, 255, 255, 0.2) ;
    border-radius: 500px;
    text-align: center;
    color: white;

}
.container-popup-square{
    position:relative;
    left: 50%;
    width: 600px;
    height: 600px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #333333;
    border: 3px  solid rgba(255, 255, 255, 0.2) ;
    color: white;
    padding: 70px 10px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}

.pop{
    width: 600px;
    height: 600px;
}

#chiudiFullScreen{
   position: absolute;
    text-align: center;
    cursor: pointer;
    color: white;
    left: 60px; 
}



.container-icone-popup{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 40px;
    margin-top: 30px;
    flex-wrap: wrap;
    width: 100%;
}


.icon-popup{
    width: 100px;
    height: 50px;
    margin-bottom: 40px;

}

.icon-popup-pdf{
    width: 150px;
    height: 50px;
    margin-bottom: 40px;

}

.icon-popup img, .icon-popup-pdf img{
    width: 85px;
    height: 50px;


}

.button-salva{
    padding: 12px 40px;
    margin-top: 15px;
    
}

.button-popup:before{
    content: "";
    background: url("../inc_img/save_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block; 

}
/*
#buttonEsportaPagina:before{
    content: "";
    background: url("../inc_img/picture_as_pdf_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block;     
}
#buttonAddPagina:before{
    content: "";
    background: url("../inc_img/copy_all_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block;     
}
#buttonCancPagina:before{
    content: "";
    background: url("../inc_img/delete_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block;     
}
*/

.container-popup span{
    font-size: 17px;
    color: white;
}
.container-popup button{
    margin-bottom: 15px
}



.link-chiudi{
    opacity: 1!important;
    text-decoration: underline;
    cursor: pointer;
}
.container-form-popup{
    max-width: 520px;
    width: 100%;
}

.container-form-pop input{
     margin: 15px 0px 15px 0px;
    width:100%;

}

#buttonEstraiXls{
    margin-top: 20px;
}






/*Container Elementi (inc_elementi.php)*/

.container-elementi{
    left: -600px;                   
    position: absolute;
    top: 0px;
    overflow-y: auto;
    width: 300px;
    height: 100%;
    background-color: #333333;
    z-index: 999999;

}




.panel {
    position: relative;
    display: none;
    transition: max-height 0.2s ease-out;
    color: white;
    flex-wrap: wrap;
    overflow-y: auto;

}   
#contianerFondini  .panel,
#contianerFondiniStopper  .panel{
    height: 240px;
    overflow-y: auto;
    position: relative;
    padding-top:  20px;
    color: white;
    justify-content: space-around;
    flex-wrap: wrap;
}



.thumb-panel img{
   -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

img[id^="drag_galleria_foto_"] {
       -webkit-user-drag: unset;
-khtml-user-drag: unset;
-moz-user-drag: unset;
-o-user-drag: unset;
user-drag: unset;
}

.thumb-foto-prodotto, #foto_trovata{
      -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}




.thumb-panel{
    width: 90%;
     margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
#contianerFondiniStopper .thumb-panel,
#contianerFondini .thumb-panel{
    width: 105px;
    height: 105px;
    margin: 5px;
    float: left;
    border: 3px solid white;
    border-radius: 12px;    
}
#contianerFondiniStopper .thumb-panel img,
#contianerFondini .thumb-panel img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;  
    
}







.accordion:before {
    content: "";
    background: url("../inc_img/expand_more_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    display: inline-block;
}

.container-elementi button{
      background-color: transparent;
    border: 1px  solid rgba(255, 255, 255, 0.2) ;
    margin-right: 10px;
    margin-left: 10px;
    padding: 10px 10px;
    font-size: 10px;
    cursor: pointer;
    
}

.container-mancanti button{
    margin-right:  15px;
    padding: 10px 10px;
    cursor: pointer;
   
}
.container-immagini button{
    margin-right:  15px;
    padding: 10px 10px;
    cursor: pointer;
   
}

.number-mancanti{
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #e41e00;
    color: white;
    border-radius: 15px;
    right: 5px;
    top: 0px;
    font-weight: bold;
    /* padding: 2px; */
    padding-top: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}



.active:before {

    background: url("../inc_img/expand_less_white_24dp.svg");

}


.panel-elementi{
    overflow-y: auto;
    margin-top: 20px;
}

.paginazione-panel-elementi{
    overflow-y: auto;
    width: 20%;
    height: 100%;
    width: 95%;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    position: relative
}

.scrollbar-fade-panel-elementi{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: -webkit-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}

.scrollbar-fade-panel-elementi2{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}


.accordion{
    font-size: 12px;
    color: #ccc;
        padding-top: 5px;
    padding-bottom: 5px;    
    cursor: pointer;
}

.container-acordion{
    width: 100%;
    margin-top: 15px;
    position: relative;
}


.add-elementi{
    display: flex;
    position: absolute;
    right: 10px;
    color: white;
    font-size: 18px;
    border: 1px solid white;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    background-color: #292929;
    justify-content: center;
    cursor: pointer;
}


.container-immagini{
       left: -600px;
    position: absolute;
    top: 0px;
    width: 390px;
    height: 100vh;
    background-color: #333333;
    z-index: 999999;
    

}


.container-layout{
       left: -600px;
    position: absolute;
    top: 0px;
    width: 390px;
    height: 100vh;
    background-color: #333333;
    z-index: 999999;
    

}


/*Elementi Mancanti (inc_mancanti.php)*/

.container-mancanti{
       left: -600px;
    position: absolute;
    top: 0px;
    width: 390px;
    height: 100vh;
    background-color: #333333;
    z-index: 999999;
    

}

.panel-mancanti{
   border-left: 2px solid rgba(255, 255, 255, 0.2);
    
    height: 100%;
    width: 90%;
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    padding-top: 40px;
}

.panel-immagini{
   border-left: 2px solid rgba(255, 255, 255, 0.2);
    
    height: 100%;
    width: 90%;
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    padding-top: 40px;
}



.nome-prodotto-mancante{
    width: 100%;
    color: #a8a8a8;
    font-size: 17px;
    line-height: normal;
}

.ean-prodotto-mancante{
    width: 100%;
    color: white;
   font-size: 17px;
}

.prodotto-mancante{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.paginazione-elementi-mancanti{
    overflow-y: auto;
/*    cursor: grab;*/
    /*user-select: none;*/
    position: relative;
    display: flex;
    flex-direction: column;
    height: 87%;
}

.container-lista-mancanti{
      overflow-y: auto;
    padding-top: 16px;
    height: 96%;
}

.scrollbar-fade-elementi-mancanti{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%);
    background: -webkit-linear-gradient(top, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%);
    background: linear-gradient(180deg, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
}

.scrollbar-fade-elementi-mancanti2{
    position: absolute;
    bottom: 13px;
    left: 0;
    width: 100%;
    height: 5%;
    pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%);
    background: linear-gradient(0deg, rgba(51,51,51,1) 5%, rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}


/*classi azioni celle*/
.action_prodotto {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99999;
    width: 100%;
    height: 100%;
}

.alone_cell {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(170,170,170,0.3);
    z-index: 9999;
    
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
}

.button_modifica_cartellino{
    margin-top: unset;
    position: absolute;
    left: 5px;
    bottom: 5px;
    z-index: 9999;
    display: none;
    font-size: 22px;
}
.dimensione_cell{
    position: absolute;
    z-index: 9999;
    display: none;
    top: 0px;
    right:0px;
    color: black;
    font-size: 20px;
    height: fit-content
}

#cell_cartellino{
    position: relative;
    
}
#prod {
    overflow: hidden;
}
.cell_libera{
    height: 100%;
    width: 100%;    
}

.options {
    position: absolute;
    background-color: #292929;
    display: none;
    z-index: 99999;
    padding: 20px 20px;
    border-radius: 75px;
    align-items: center;
    left: 0px;
    border: #707070 solid 1px;
}
.ingrandimenti {
    text-align: center;
}
.ingrandimenti img{
    height:  30px;
    margin: 8px;    
    cursor: pointer;
}
.separatore-options{
    width: 2px;
    background-color: #4d4d4d;
    height: 65px;
    margin: 0px 20px;
}
#buttonChiudiOptions{
    width: 20px;
    height: 20px;
    background-image: URL('../inc_img/chiudi pillolone.png');
    background-size: contain;
    background-position: center center;
    cursor: pointer;
}
.azioni {
    text-align:  center;
}

.azioni button {
   margin-right: 10px
}
.active_cella{
    background-color: rgba(170, 170, 170, 0.8) !important;

}

#buttonNuovoProdotto{
    font-size: 16px;
    padding: 20px 20px 15px;
    line-height: 0.7;
}
#buttonNuovoProdotto:before{
    content: "";
    background: url("../inc_img/drive_file_rename_outline_white_24dp.svg");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: -6px;
    display: inline-block; 

}
#buttonModifica{
    font-size: 16px;
    padding: 20px 20px 15px;
    line-height: 0.7;
}
#buttonModifica:before{
    content: "";
    background: url("../inc_img/drive_file_rename_outline_white_24dp.svg");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: -8px;
    display: inline-block; 

}
#buttonImmagine{
    font-size: 16px;
    padding: 20px 20px 15px;
    line-height: 0.7;
}
#buttonImmagine:before{
    content: "";
    background: url("../inc_img/insert_photo_white_24dp.svg");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: -6px;
    display: inline-block; 
}
#buttonSpostaEccedenti{
    font-size: 16px;
    padding: 20px 20px 15px;
    line-height: 0.7;
}
#buttonSpostaEccedenti:before{
    content: "";
    background: url("../inc_img/muovi1.svg");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: -6px;
    display: inline-block; 
}
#buttonVideo{
    font-size: 16px;
    padding: 20px 20px 15px;
    line-height: 0.7;
}
#buttonVideo:before{
    content: "";
    background: url("../inc_img/video.svg");
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: -6px;
    display: inline-block; 

}
.playpause {
    background-image:url('../inc_img/play-button.png');
    background-repeat:no-repeat;
    width:25%;
    height:25%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}


.change_stopper_singolo{
    width: 60px;
    background-color: black;
    border: 2px solid #E30613;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 70px;
    height: 60px;
    padding: 0px;
    display: none;
    z-index: 9999;    
}
.change_stopper_singolo:before{
    content: "";
    background-image: url(../inc_img/icona_paginaintera.svg);
    width: 55px;
    height: 40px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.swap_stopper_singolo{
    width: 60px;
    background-color: black;
    border: 2px solid #E30613;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 140px;
    height: 60px;
    padding: 0px;
    display: none;
    z-index: 9999;    
}
.swap_stopper_singolo:before{
    content: "";
    background-image: url(../inc_img/copy_all_white_24dp.svg);
    width: 55px;
    height: 40px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}


.elimina_stopper_singolo{
    width: 60px;
    background-color: black;
    border: 2px solid #E30613;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 60px;
    padding: 0px;
    display: none;
    z-index: 9999;    
}
.elimina_stopper_singolo:before{
    content: "";
    background-image: url(../inc_img/delete_white_24dp.svg);
    width: 55px;
    height: 50px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#buttonElimina{
    width: 35px;
    background-color: black;
    border: 2px solid #E30613;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 35px;
    padding: 0px;
    display: none;
    z-index: 9999;
    
   
}
#buttonClona{
    width: 35px;
    background-color: black;
    border: 2px solid #E30613;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    left: 45px;
    height: 35px;
    padding: 0px;
    display: none;
    z-index: 9999;
    
   
}
#buttonElimina:before{
    content: "";
    background-image: url(../inc_img/delete_white_24dp.svg);
    width: 31px;
    height: 25px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
#buttonClona:before{
    content: "";
    background-image: url(../inc_img/duplica.svg);
    width: 30px;
    height: 20px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}



/* Loader (inc_loader)*/
.underlayer-loader{
    position:fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgb(51, 51, 51);
    z-index:9999999;
    top: 0;
    display: none;

}


.container-loader{
    position:relative;
    left: 50%;
    width: 500px;
    height: 500px;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
   background-color: #3B3B3B;
    border-radius: 400px;
    text-align: center;
    color: white;
    flex-direction: column;
    gap:10px;
}

.container-loader img{
   margin-left: 28px;
   -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
       

}
.sottotitolo-Login{
    color: white;
}

.container-loader span {
    font-size: 120%;
}
#progressbar{
    width: 50%;
    height: 10px;
    border: 0px;
    border-radius: 25px;    
}

/* Panello modifica cartellino*/

#containerModificaCartellino{
    z-index: -1;
    position: absolute;
    background-color: #3B3B3B;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding-left: 120px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
     margin-bottom: 10px;
    
    
}
#containerPoP{
    z-index: -1;
    position: absolute;
    background-color: #3B3B3B;
    top: 0;
    width: 100vw;
    height: 100vh;
    padding-left: 120px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}

.container-cartellino{
  overflow: hidden;
    width: 100%;
    height: 100%;
    
}
.container-pop{
  
    width: 95%;
    height: 100%;
    /*padding-top: 100px;*/
    padding-left: 100px;
    overflow-y: scroll;
    
}



.chiudi-popup,#chiudiEstraiPoP {
    position: absolute;
    width: 30px;
    text-align: center;
    height: 30px;
    border: white 2px solid;
    border-radius: 50px;
    line-height: 28px;
    cursor: pointer;
    color: white;
    top: 20px;
    left: 20px;
    z-index: 99999;    
}
#chiudiEstraiPoP{
    left: 150px;
    border: unset;
    border-radius: unset;
    width: unset;
    height: unset;
}

#chiudiModificaCartellino{
    position: absolute;
text-align: center;
    line-height: 28px;
    cursor: pointer;
    color: white;
    top: 20px;
    left: 155px;
    z-index: 99999;
}

#chiudiSostituisciFoto{
    width: 30px;
    text-align: center;
    height: 30px;
    border: white 2px solid;
    border-radius: 50px;
    line-height: 28px;
    cursor: pointer;
    color: white;
    position: absolute;
    right: 20px;    
}

.container_drag_cell{
    z-index:0;
}

.container_drag_cell [typetemplate="grafica"] {
    width: 100%;
    height: 100%;
}


/*.container_drag_cell [typetemplate="bollino"]{
    height: unset;
    width: 100%;
    
}

.container_drag_cell .resize_foto_prodotto{
    height: unset;
    width: unset;
    
}*/


.container_drag_cell .container_cartellino{
    z-index: 1;
}



.container-elementi-cartellino{     
    overflow-y: hidden;
    width: 400px;
    height: 100%;
    position: absolute;
    right: 20px;
    top:0px;
    padding-top: 40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    text-align: right;
    
    /*pointer-events: none;*/
    
   
}
.container-sostituisci-foto{     
    overflow-y: hidden;
    width: 440px;
    height: 100%;
    position: absolute;
    right: 0px;
    top:0px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
        -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    text-align: right;
    background-color: #262626;
   
}

#cercaProdotti{
    width: 93%;
    margin-right: 11px;
    pointer-events: all;
    margin-top: 0px;
}

.thumb-panel-cartellino-prodotti{
    display: none;
    flex-wrap: wrap;
    /*white-space: nowrap;*/
    overflow-y: auto;
    cursor: grab;
    justify-content: center;
    height: 53vh;
    
}

.thumb-panel-cartellino-prodotti > div{
color: white;
    
}


#containerModificaCartellino .thumb-panel-cartellino-prodotti
{
 height: 50vh;
    
}


/*#apriFontColori{
   
    background-color: transparent;
   
    padding: 0px 15px;
    color: white;
}*/

/*#apriFontColoriModifica{
    color: white;
    position: absolute;
    right: 40px;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 0px 15px;
    z-index: 9;
}*/



.thumb-panel-cartellino-sfondo{
    display:flex;
    height: 238px; 
    overflow-y: auto;
    position: relative;
    padding-top: 20px;
    color: white;
    flex-wrap: wrap; 
}

.thumb-panel-cartellino-sfondo img{
   
      display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    cursor: pointer;    
    height: 55%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    align-content: flex-start;
     height: 260px;
       
}

.titolo-strumenti-cartellino{      
     display: flex;
    color: white;
    margin-bottom: 5px;
    font-size: 15.5px;
    font-weight: 500;
    margin-bottom: 21px;
    margin-left: 16px

}

.paginazione-elementi-cartellino{
    
    
    padding-right: 5px;
    width: 100%;
    overflow-x: auto;
    cursor: grab;
    user-select: none;
}


.paginazione-elementi-cartellino2{
    padding-top:5px;
   height: 86%;
     overflow-y: scroll;
    cursor: grab;
    /*user-select: none;*/
    
}




.thumb-foto-prodotto{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer; 
    margin:5px; 
    margin-bottom: 22px;
    width:180px; 
    height:250px; 
    text-align:center; 
    background-color: #f7f7f7; 
    line-height:11px;
    padding: 10px;    
    pointer-events: all;
    
}

.thumb-fondo-cella{
    width: 105px;
    height: 105px;
    margin:5px;
    border: 2px solid white;
    border-radius: 8px;
}

.thumb-fondo-cella img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius:5px;
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}



#container-pagina-cartellino{
    padding-top: 40px;
    text-align: center;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
    padding-left: 340px;
    text-align: center;
    padding-right: 440px;    
}

#codiceProdotto{
        position: relative;
    z-index: 9;
    color: white;
     font-size: 130%;
      -webkit-touch-callout: unset; /* iOS Safari */
    -webkit-user-select: unset; /* Safari */
     -khtml-user-select: unset; /* Konqueror HTML */
       -moz-user-select: unset; /* Old versions of Firefox */
        -ms-user-select: unset; /* Internet Explorer/Edge */
            user-select: unset; 
}


.label-codice-prodotto{
     color: white;
     opacity: .3;
    font-weight: 500;
        position: relative;
    z-index: 9;
}

.colore-sfondo-mod-cartellino{
  border-radius: 8px;
    border: 2px solid white;
    height: 105px;
    width: 105px;
    margin: 5px;
    cursor: pointer;
    
}

.colore-sfondo-mod-cartellino::after{
    mix-blend-mode: difference;
    zoom: 1.8;
    margin: 5px;
    content: URL('../inc_img/format_color_fill_white_24dp.svg');
    cursor: pointer;
    position: relative;
    top: -18px;
    left: 13px;

}



.link-strumenti img{
    -webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}


.colore-sfondo-pagina{
  border-radius: 8px;
    cursor: pointer;
    height: 100%;
    width: 100%;
    display: inline-block;
    
}




.colore-sfondo-pagina::after{
    mix-blend-mode: difference;
    zoom: 1.8;
    margin: 5px;
    content: URL('../inc_img/format_color_fill_white_24dp.svg');
    cursor: pointer;
    position: relative;
    top: -18px;
    left: 13px;

}




.ui-draggable-disabled{
    border: unset !important;
}
#container_cartellino_mod .in-drag{
    border: dotted 1px black;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    overflow: hidden;
    
}
/*
#container_cartellino_mod .container_drag_pre.ui-draggable.ui-draggable-handle{
    border: dotted 3px black;
}
#container_cartellino_mod .container_drag_descr.ui-draggable.ui-draggable-handle{
    border: dotted 3px black;
}
*/

.container_function_modifica #containerButtonModifica:last-of-type {
  margin-bottom: 200px;
}

#container_cartellino_mod{
    margin: auto;
    background-color: white;
   
}

.icon_drag{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
}

#salvaCartellino{
    margin-top: 20px;
    padding: 10px 37px;
/*    position: relative;*/
    z-index: 9;
 
}
.icon-popup{
    cursor: pointer;
    width: 120px;
}
#container-temi{
    width: 280px;
    display: flex;
    flex-wrap: wrap;    
}
#container-layout{
    width: 370px;
    display: flex;
    flex-wrap: wrap;    
}

.thumb-temi_pagina{
   width: 30%;
    margin: 15px 5px;
    cursor: pointer;
    text-align: center;
}
.thumb-temi_pagina img{
    width: 80%;
}
/*
.ui-resizable,
.ui-sortable,
.ui-draggable, 
.ui-droppable {
    -ms-touch-action: none;
    touch-action: none;
}*/





#cartellino{
    padding-top: 25px;
}


.scrollbar-fade-sfondo{
    position: absolute;
            top: 480px;
    left: 0;
    width: 100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: -webkit-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
    
}

.scrollbar-fade-sfondo1{
  position: absolute;
        bottom: 24px;
    left: 0;
    width:100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}

.zigrinatura{
   position: absolute;
    top: 17px;
    left: 27px;
    width: 74%;
}


.container-strumenti-pagina{
   
    position: absolute;
    width: 300px;
    top: 200px;
    left: 80%;
    z-index: 999999999;
    display: none;
    border: #707070 solid 1px;
    background-color: #292929;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 80px 20px 20px 20px;
    display: none;
    zoom: 0.8;
}

.container-strumenti-font-colori{
   
    position: absolute;
    width: 300px;
    top: 200px;
    left: 80%;
    z-index: 999999999;
    display: none;
    border: #707070 solid 1px;
    background-color: #292929;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 35px 20px 20px 20px;
    display: none;
    zoom: 0.8;
}
.container-strumenti-font-colori-cartellino{
   
    position: absolute;
    width: 300px;
    top: 200px;
    right: 300px;
    z-index: 9999999999999;
    display: none;
    border: #707070 solid 1px;
    background-color: #292929;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 35px 20px 20px 20px;
    display: none;
}

#dropdown-colore-descrizione-mod-cartellino, 
#dropdown-colore-prezzo-mod-cartellino{
    font-size: 15px;
    width: 230px;
}


.chiudiStrumenti{
    position: absolute;
    right: 15px;
    top: 12px;
    width: 10%;
    cursor: pointer;
}
.chiudiStrumentiModifica{
    position: absolute;
    right: 15px;
    top: 12px;
    width: 10%;
    cursor: pointer;
}

.pop-strumenti{
         margin: 30px 11px 26px 18px;
    color: white;
}

.pop-strumenti .link-strumenti{
    border: 2px rgba(255, 255, 255, 0.2) solid;
    background-color: #3b3b3b;
    
    padding: 9px 12px;
    font-size: 14px;
    margin-right: 5px;    
}

.pop-strumenti .contentiore-strumenti select{
  margin-right: -36px;
    font-size: 14.5px;
}

#dropdown-colore-bordo, #dropdown-colore-cartellino,#dropdown-colore-cartellino-prezzo,#dropdown-colore-cartellino-descrizione{
    background-color: white;
    border-radius: 8px;
    color: rgb(0, 0, 0);
    padding-right: 65px;
    line-height: 2.3;
    padding: 0px 8px 0px 10px;
    margin-left: 5px;
    width: 185px;
}

.select2-container{
     width: 203px!important;
}

.select2-container--default .select2-selection--single{
    background-color: white;
    border-radius: 8px;
    color: rgb(0, 0, 0);
    padding-right: 65px;
    line-height: 2.3;
    padding: 0px 8px 0px 10px;
    margin-left: 5px;
    width: 203px!important;
}
.select2-container--open .select2-dropdown--below{
    width: 204px!important;
}

.select2-container .select2-selection--single {

    height: 39px!important;
    
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 39px!important;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px!important;
    
    border: unset!important;
}
.select2-container--open .select2-dropdown{
        left: 5px!important;
    margin-top: 5px!important;
}


.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    border-bottom-left-radius: 8px!important;
    height: 240px!important;
    box-sizing: border-box!important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
     white-space: nowrap!important;
        overflow: hidden!important;
        text-overflow: clip!important;
}

.select2-results__option--selectable{
       white-space: nowrap!important;
        overflow: hidden!important;
        text-overflow: clip!important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 160px!important;
;
    overflow-y: auto!important;
;
}
.select2-container{
    z-index: 999999999!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    color: black!important;
    text-align: left!important;
      margin: 10px 0px 10px 0px!important;
}



.icon_drag{
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
}

.container-tipo-pagina .link-strumenti
{
    margin-bottom: 11px;
}
.container-strumenti button.active {
    background-color: #292929;
}

.container-strumenti button:hover {
    background-color: #4d4d4d;
}
.titolo-strumenti, .accordion {
    color: #dedede;
    font-size: 18px;
}


.scrollbar-fade-elementi{
    position: absolute;
    left: 0;
    width: 100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: -webkit-linear-gradient(top, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
    background: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    
}

.scrollbar-fade-elementi1{
  position: absolute;
        bottom: 0px;
    left: 0;
    width:100%;
    height: 10%;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   
}

.button-swap-foto{
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    cursor: pointer;
    letter-spacing: 0;
    position: relative;
    z-index: 9;
}
/*
.button-swap-foto::before{
      content: "";
    background: url("../inc_img/collections_white_24dp.svg");
    background-size: 21px 21px;
    width: 21px;
    height: 21px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block; 
}*/

.box-layout{
    margin-top:30px;
    margin-left:20px;
}

.bottone-fondini:nth-of-type(1n){
    
    width: 55%;
    float: left;
   
}

.bottone-fondini:nth-of-type(2n){
   
    width: 43%;
    float: left;
}

.tab-pane{
    color: white;
}

#nuovoVolantinoGenerico{
        padding: 15px 25px;
}

.container-step-singolo{
    height: 158px;
}

[id^=smartwizard]{ 
-webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
            


.scrollbar-fondi{
    position: relative;
    top: -260px;
    left: 0;
    width: 100%;
    height: 2%;
    pointer-events: none;
    background-image: -moz-linear-gradient(top,rgba(59,59,59,0) 50%, rgba(59,59,59,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(59,59,59,0) 50%,rgba(59,59,59,1) 100%);
    background-image: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
     pointer-events: none;

        
   
}
.scrollbar-fondi-2{
position: relative;
        bottom: 34px;
    left: 0;
    width:100%;
    height: 2%;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.container_bollini_tema{
    height: 240px;
        padding-top: 20px;
        width: 100%;
    display: flex !important;
    flex-wrap: wrap;  
}



.scrollbar-fade-sfondi-cartellino{
    position: relative;
    top: -260px;
    left: 0;
    width: 100%;
    height: 5%;
    pointer-events: none;
    background-image: -moz-linear-gradient(top,rgba(59,59,59,0) 50%, rgba(59,59,59,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(59,59,59,0) 50%,rgba(59,59,59,1) 100%);
    background-image: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
     pointer-events: none;

        
   
}
.scrollbar-fade-sfondi-cartellino-2{
position: relative;
        bottom: 34px;
    left: 0;
    width:100%;
    height: 5%;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.scrollbar-fade-bollino-cartellino{
    position: relative;
    top: -260px;
    left: 0;
    width: 100%;
    height: 5%;
    pointer-events: none;
    background-image: -moz-linear-gradient(top,rgba(59,59,59,0) 50%, rgba(59,59,59,1) 100%);
    background-image: -webkit-linear-gradient(top, rgba(59,59,59,0) 50%,rgba(59,59,59,1) 100%);
    background-image: linear-gradient(180deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%);
     pointer-events: none;

        
   
}
.scrollbar-fade-bollino-cartellino-2{
position: relative;
        bottom: 30px;
    left: 0;
    width:100%;
    height: 5%;
    pointer-events: none;
    background: -moz-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(0deg, rgba(59,59,59,1) 50%, rgba(59,59,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

#buttonSalva{
pointer-events:none;
opacity: 0.2
}

#cartellino > div{
    height: 33%;
}

#containerTesto{
        margin-top: 60px; 
    display: none;
    height: 15%!important;
}

#containerTesto span{
    margin-top: 15px;
}
#containerTesto button{
    float: right;
}

#testoAggiunto{
   
    z-index: 9;
  top: 150px;
    
}


.cartellino_verticale .container_drag_descr, .cartellino_verticale .container_drag_pre{
    background-color: rgb(255,255,255);
        padding: 1px;
    
}

.cartellino_orizzontale .container_drag_pre, .cartellino_orizzontale .container_drag_pre{
    background-color: rgb(255,255,255);
}

.bx-pager-link,.container_image_stopper_footer img,.linea_footer_stopper,#chiudiEstraiPoP img{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.bx-prev,.bx-next,.bollino-mod img, .duplica-elenco-progetti img, .delete-elenco-progetti img, #selezionaTema img, .icone-progetti img,.icon-popup img, .chiudiEstraiPoP img, #chiudiModificaCartellino img,.logo-login{
      -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.linkEsempio{
     -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; 
    -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
    
}

#areaElementi .container-acordion:nth-child(6) .panel div:nth-child(1){
   width: 55%!important;
    float: left!important;
; 
}

#areaElementi .container-acordion:nth-child(6) .panel div:nth-child(2){
      width: 43%!important;
;
    float: left!important;
; 
}


#areaElementi #contianerFondiniStopper .panel,
#areaElementi #contianerFondini .panel{
    height: auto;
}

#containerModificaCartellino .container-strumenti{
   overflow-y: hidden!important;
}

#range,#range1,#range2{
    unset:all;
    border-bottom-style: none!important;
}
input[type=range] {
    
  -webkit-appearance: none;
  margin: 5px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  animate: 0.2s;
  background: #03a9f4;
  border-radius: 25px;
}
input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0,0,0, 1);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #03a9f4;
}
.range-wrap{
  width: 93%;
  position: relative;
  
}
.range-value{
  position: absolute;
  top: -50%;
}
.range-value span{
  width: 30px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 6px;
}
.range-value span:before{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #03a9f4;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

.range-wrap p{
    margin: 0px;
}

/*#prod * {pointer-events: none;}*/

.container-acordion img  {
    padding-bottom: 10px;
    padding-top: 10px;
 transition: all 0.5s ease-in-out;
}
.container-acordion img:hover { 
    transform: scale(0.95); 
}
img[id^="pagina_fondo_"]  { 
     padding-bottom: 0px;
    padding-top: 0px;
}
img:hover[id^="pagina_fondo_"]  { 
    transform: unset; 
}


.paginazione-elementi-eccedenti #prod { 
    transition: all 0.5s ease-in-out;
    
}

.paginazione-elementi-eccedenti #prod:hover { 
    transform: scale(0.95); 
}

.bollino-mod img { 
    transition: all 0.5s ease-in-out;
}
.bollino-mod img:hover { 
    transform: scale(0.95); 
}
.thumb-foto-prodotto  { 
    transition:  all 0.5s ease-in-out;
}
.thumb-foto-prodotto:hover { 
    transform: scale(0.95); 
}

#container_cartellino_mod{
    border:none;
}

.paginazione-elementi-cartellino button:nth-child(1){
   padding: 15px 30px;
    
}

.containerFotolibro{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 170px;
}

.button_delete_grafica {
    width: 20px;
    height: 20px;
    background-color: #af2b1f !important;
    color: white;
    position: absolute;
    border-radius: 20px;
    font-size: 10px !important;
    padding: 0px !important;
    min-width: unset !important;
    z-index: 999999999 !important;
}

.ombra_foto{
  -webkit-filter: drop-shadow(0px 5px 4px #222);
  filter: drop-shadow(0px 5px 4px #222);    
}

.check_note_pop{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:10px;
}