﻿ .superiore {
        box-shadow: 2px 1px 1px #68bb39;
        width :100%;
        height :30px;
        background-color:#3e4c5a;
        background: url(../../img/header.png);
  
    }

     .sfondo1{
   
    
       background-color:#fff;
     }

     .sfondoriquadro{
   
     
     
    
     
       height :600px;
     }


     .bordoriquadro{
   
     height:50px;
    
      
     }
     
       .ombraquadro{
    background-color:#fff;
     box-shadow: 5px 5px 3px #000;
     margin:20px;
   border-collapse:separate;
    border: solid #ccc 1px;
    border-radius: 25px;
    width :980px;

     }

    .ombraquadroSUPERIORE{
   
  
    background-color: #c3c3c3;
    color: white;
    height:50px;
    text-align :center ;
    font-size :22px;
    border-radius: 25px 25px 0px 0px;

    }

      .etichette{
   
    border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
    
    color: white;
    height:25px;
    text-align :center ;
    font-size :14px;
   
}

        input{
   
  
   
    color:black;
   
   text-align :center ;
   font-size :14px;
   border-style: solid ;
   border-width: 1px;
   border-color:#434343;
  
   padding:3px;

 
}

        input[type=submit] {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 5px 15px;
    background: #2f373e;
    color :white;
    cursor:pointer;
    font-family:Teko;
    font-size:20px;
    height: 52px;
}
          input[type=button] {
    padding:5px 15px; 
    background:#2f373e; 
    color :white;
    border:0 none;
    cursor:pointer;
  
}
     
     #riquadro{
	position:absolute ;
	left :40%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :350px;
    height :450px;
    text-align :center;
    background-color:#fff ;
      border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
   box-shadow: 5px 5px 3px #ccc;
}




        #riquadroperatore{
	position:absolute ;
	left :20%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :330px;
    height :450px;
    text-align :center;
    background-color:#3e4c5a ;
      border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
   box-shadow: 5px 5px 3px #000;
}

       #riquadrocassa{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :500px;
    height :450px;
    text-align :center;
    background-color:#f1f1f1 ;
      border-radius: 10px; 
  -moz-border-radius: 10px; /* firefox */
  -webkit-border-radius: 10px; /* safari, chrome */
   box-shadow: 5px 5px 3px #000;
}

      #pulsantechiusura{
	position:absolute ;
	left :90%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

            #chiudioperatore{
	position:absolute ;
	left :90%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:20000;
   
    text-align :center;
    cursor :pointer ;
}


         #pulsantechiusuracassa{
	position:absolute ;
	left :90%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}
       #contenitoreoperazioni{
	position:absolute ;
	
	top: 40px;
	
    z-index:3000;
    width :250px;
    height :auto;
   
}

       #footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:25px;
   width:100%;
   background:#787878;
   color :white;
   text-align :center;
}


       .avvisi{
           width:100%;
           height :25px;
           background-color:#9efbff;
           text-align:center;
           min-width:250px;

       }

        .avvisoresponsive{
           width:100%;
       
           text-align:center;
           min-width:250px;

       }


 .STILERIQUADROFORM{
	background-color:#434343;
    color :#fff;
    font-size:18px;
     font-weight:700;
     height: 30px ;
     text-align :center;
  
    font-family:Teko;
    font-size:32px;
    margin-top:30px; 
    margin-left:60px;
  

}

  .STILERIQUADROFORMbordo{
border: 1px solid #434343;
background-color:#fff;
 padding:1%;
}


    #riquadrocliente{
	position:absolute ;
	left :25%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :750px;
    height :410px;
    text-align :center;
    background-color:#fff ;
        box-shadow: 5px 5px 3px #ccc;
}

 #pulsantechiusuracliente{
	position:absolute ;
	left :95%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

 .contenitorenuovo{
   
       
  background-color:#fff;
    color:black;
    text-align :center;
    font-size :14px;
   border:solid;
  border: 1px solid #fff;
 max-width:180px;
    height: 40px;
   
      -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
   box-shadow: 3px 3px 3px #C4C4C4;
   cursor :pointer;
   margin:20px;
       
}

 .pulsantenuovo{
   
 
  background-color: orange;
    color:black;
    text-align :center;
    font-size :14px;
    padding :7px;

 max-width:50px;
    height: 40px;
    min-width:50px;

   cursor :pointer
}

 .pulsantescrittanuovo{
   
 
  font-size:22px;
  width :120px;
}
.bottonehome{
   
 
  background-color:#47bbc8;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #47bbc8;

    height: 95px;
  
    margin:5%;
   cursor :pointer;
  
      
}
  .bottonerosso{
   
 
  background-color:#ae104f;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #ae104f;

    height: 95px;
   
   
   cursor :pointer;
  box-shadow: 3px 3px 2px #434343;
      
}

  .bottonedistributore{
   
 
  background-color:#314555;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #314555;

    height: 95px;
   
   
   cursor :pointer;
  box-shadow: 3px 3px 2px #f3f3f3;
      
}


  .bottoneverdinochiaro{
   
 
  background-color:#42ab9d;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #42ab9d;

    height: 95px;
   
   
   cursor :pointer;
  box-shadow: 3px 3px 2px #434343;
      
}
 .bottonesenape{
   
 
  background-color:#dda269;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #dda269;

    height: 95px;
   
   
   cursor :pointer;
  box-shadow: 3px 3px 2px #434343;
      
}

 .bottonepropaganda{
   
 
  background-color:#3c8dbc;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #3c8dbc;

    height: 95px;
   
   
   cursor :pointer;
  box-shadow: 3px 3px 2px #434343;
      
}




   .bottonegiallo{
   
 
  background-color:#f6bf18;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #f6bf18;

    height: 95px;

  
   cursor :pointer;
    box-shadow: 3px 3px 2px #434343;
      
}
   
   .bottoneverde{
   
 
  background-color:#636457;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #636457;

    height: 95px;
  

   cursor :pointer;
    box-shadow: 3px 3px 2px #434343;
      
}  
   .bottoneblu{
   
 
  background-color:#2d3740;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #2d3740;

    height: 95px;
  
     box-shadow: 3px 3px 2px #434343;
   cursor :pointer;
  
      
}

    .bottoneceleste{
   
 
  background-color:#00529e;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #00529e;

    height: 95px;
  
     box-shadow: 3px 3px 2px #434343;
   cursor :pointer;
  
      
}
      .bottoneverdino{
   
 
  background-color:#47bbc8;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #47bbc8;

    height: 95px;
  
     box-shadow: 3px 3px 2px #434343;
   cursor :pointer;
  
      
}

 .bottonehomeimmagine{
   margin-top:0px;
padding:5px;
}

 .bottonehometesto{
   text-align:center;
padding:3px;
font-size:14px;
font-weight:800;

}
      .avvisihome{
   
 padding-top:15px;
  background-color:#434343;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #47bbc8;

    height: 38px;
  
     box-shadow: 3px 3px 2px #434343;
 
  
      
}



 #riquadrooperatore{
	position:absolute ;
	
    margin-top:10px;
	margin-left:30px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :290px;
    height :485px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuracambiaoperatore{
	position:absolute ;
	left :87%;
	top: 1.6%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}
#riquadrooperatorepassword{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :350px;
    height :150px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuracambiaoperatorepassword{
	position:absolute ;
	left :93%;
	top: 5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}
#ctl00_ContentPlaceHolder1_DataCalendar1{

 
      box-shadow: 3px 3px 2px #c3c3c3;
 border: 1px solid #009dae;
}

.videotutorial{
    width:100%;
    height:176px;
    background-color:#2d3740;
    margin-top:10px;
    border:solid;
    border-width:2px;
    border-top-color:#ae104f;
    box-shadow: 3px 3px 2px #c3c3c3;
}

.formattazioneinput{
   
      width:100%;
  background-color:#eeeeee;
    color:black;
    text-align :center;
    font-size :14px;
   border:solid;
  border: 1px solid #eeeeee;

    height: 40px;
    min-width:50px;
   
   cursor :pointer;
  
       
}

 #riquadroservizio{
	position:absolute ;
	left :25%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :550px;
    height :410px;
    text-align :center;
    background-color:#fff ;
        box-shadow: 3px 3px 2px #000;
}

 #pulsantechiusuraservizio{
	position:absolute ;
	left :92%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

  .pulsantelateralecassascritta{
background-color:#009dae; 
color:white;
font-size:15px;
}
.pulsantelateralecassaicona{
background-color:#e4e4e4;
height:43px;

}


      #riquadrodettaglio{
	position:absolute ;
	left :35%;
	top: -900px;


    z-index:2000;
    width :670px;
    height :550px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #2f373e;
}

 #riquadrocontovendita{
	position:absolute ;
	left :35%;
	top: -900px;


    z-index:2000;
    width :800px;
    height :630px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #2f373e;
}



  .riquadrodettaglio{
	position:absolute ;
	left :35%;
     display:none;


    z-index:2000;
    width :670px;
    height :550px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #434343;
}

        #pulsantechiusuradettaglio{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

  .pulsantechiusuradettaglio{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}


    #riquadrodettagliovendita{
	position:absolute ;
	left :22%;
	top: -900px;


    z-index:2000;
    width :310px;
    height :auto;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #1976d2;
}



        #pulsantechiusuradettagliovendita{
	position:absolute ;
	left :90%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

#riquadroarticolonuovo{
	position:absolute ;
    left :15%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:90;
    width :1210px;
    height :480px;

    background-color:#fff ;
        box-shadow: 3px 3px 2px #000;
}

 #pulsantechiusuraarticolonuovo{
	position:absolute ;
	left :80%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:90;
   margin-right:10px;
    text-align :center;
    cursor :pointer ;
}

  #schermopieno{
	background-color:black ;
    opacity:0.5;
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
}
.bottoneviola{
   
 
  background-color:#53085e;
    color:white;
    text-align :center;
    font-size :14px;
  
   border: 2px solid #53085e;

    height: 95px;
  

   cursor :pointer;
    box-shadow: 3px 3px 2px #434343;
      
}  

 .organizzacassa{
          background-color: #009dae;
    box-shadow: 4px 4px 2px #c3c3c3;
    border:solid;
    border-width:1px;
    border-color:#009dae;
    
     }

 #riquadrodettaglioprelievi{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :670px;
    height :550px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuraprelievidettaglio{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

  #riquadrodettaglioscontrino{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :670px;
    height :550px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuracassadettaglio{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

      #riquadrocassacliente{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :510px;
    height :550px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuracassacliente{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}


 #riquadrocassaprelievi{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :510px;
    height :400px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

 #pulsantechiusuracassaprelievi{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}


.tabellacassa{
   
       
  background-color:#eeeeee;
    color:black;
    text-align :center;
    font-size :14px;
   border:solid;
  border: 1px solid #eeeeee;
 
    height: 40px;
    min-width:50px;
   
   cursor :pointer;
  
       
}

 #elencocasse{
	position:absolute ;
	left :40%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :300px;
    height :450px;
    text-align :left;
    background-color:#fff ;
   
}

 .formattazioneinput{
   
      width:100%;
  background-color:#eeeeee;
    color:black;
    text-align :center;
    font-size :14px;
   border:solid;
  border: 1px solid #eeeeee;

    height: 40px;
    min-width:50px;
   
   cursor :pointer;
  
       
}
 #riquadroscontototale{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :470px;
    height :360px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     

    
         #pulsantechiusurascontotale{
	position:absolute ;
	left :90%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}
  #fondoopacocassa{
	position:absolute ;
	top:0px;
	left:0px;
	
    z-index:1999;
    width :100%;
    height :100%;

    background-color:#000 ;
    opacity:0.8;
}

   .pulsantecerca{
   
 
  background-color:#eeeeee;
    color:black;
    text-align :center;
    font-size :14px;
    padding :7px;
 
 max-width:50px;
    height: 40px;
    min-width:50px;
     
   cursor :pointer
}

 .pulsantecercaimmagine{
  
padding:2px;
}
 .pulsantereso{
   
 
  background-color:#eeeeee;
    color:black;
    text-align :center;
    font-size :14px;
    padding :7px;

 max-width:50px;
    height: 40px;
    min-width:50px;

   cursor :pointer
}

 .pulsanteresoimmagine{
  
padding:2px;
}
  /* autocomplete by massimo */

 


.sfondoarticolo{
   


    color:black;
    text-align :left;
    font-size :14px;
    padding :0px;
   border: 1px solid #009dae;
   width:100%;
  margin-bottom:5px;

   
   box-shadow: 3px 3px 3px #C4C4C4;
}


 #completecassa{
       
            width:300px;
            text-align:center;
            height :25px;
        }
         #risutatoricercacassa{
            
            width:300px;
            text-align:center;
         background-color:white;
            position :relative;
            top :0px;
          
            
        }
          #testocampocassa{
            
            width:300px;
          
          
            
        }

 .stilecontapezzi {
            background: url(../Risorse/iconecassa/iconacontapezzi.png);
            background-repeat:no-repeat ;
            background-color:white ;
            width:50px;
            height:50px;
            
         }

     .stilecerchietto {
            background: url(../Risorse/iconecassanuove/tondino.png);
            background-repeat:no-repeat ;
            margin-top:27px;
           margin-left:15px;
            width:18px;
            height:18px;
            position:absolute;
            text-align:center;
         }   
  #riquadrochiudicassa{
	position:absolute ;
	left :35%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :510px;
    height :290px;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuracassa{
	position:absolute ;
	left :93%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

       #riquadrocalcolatrice{
	position:absolute ;
	left :40%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :305px;
    height :600px;
    text-align :center;
    background-color:#fff ;
   
  
   box-shadow: 5px 5px 3px #c1c1c1;
}
     #riquadrogruppoarticoli{
	position:absolute ;
	right :10%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :320px;
    height :auto;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusuragruppoarticoli{
	position:absolute ;
	left :89%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}

 #riquadromodificainblocco{
	position:absolute ;
	right :10%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000;
    width :480px;
    height :auto;
    text-align :center;
    background-color:#fff ;
      
 border: 1px solid #009dae;
}

     #pulsantechiusurablocco{
	position:absolute ;
	left :89%;
	top: 1.5%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
}


     #riquadroprelievi{
	position:absolute ;
	left :40%;
	top: -900px;
	border: 0px solid #e1b01a;
    z-index:2000000;
    width :350px;
    height :450px;
    text-align :center;
    background-color:#fff ;
      border-radius: 5px; 
  -moz-border-radius: 5px; /* firefox */
  -webkit-border-radius: 5px; /* safari, chrome */
   box-shadow: 5px 5px 3px #ccc;
}

         #pulsantechiusuracausaleprelievi{
	position:absolute ;
	left :90%;
	top: 3%;
	border: 0px solid #e1b01a;
    z-index:3000;
   
    text-align :center;
    cursor :pointer ;
} 
  
.passavalore
{
     width : 21px;
     border :none;
     border-width:0px;   
     padding:0px;
    
}
