
a {cursor: pointer}

#btn-new_user{
	margin-right: 10px;
}
.text-header{
list-style:none;
text-decoration:none;
color: #FFFFFF;
text-align: center;
}
.text-header:hover,
.text-header:focus{
list-style:none;
text-decoration:none;
color: #DBEAF1;
}


.login{
	color: white; 
	padding: 5px 50px 5px 50px; 
	float: right; 
	font-size: 16px; 
	list-style:none; 
	text-decoration:none;
}

.login2{
	color: white; 
	padding: 12px 20px 3px 20px; 
	float: left; 
	font-size: 20px; 
	list-style:none; 
	text-decoration:none;
}




.ico-eli-modi{
	width:25px; 
	height:25px;
}

.mesaslink{
	width: 200px;
	height: 180px;
	list-style:none;
text-decoration:none;
text-align: center;
margin: 6px auto;
	width: 90%;		
	border-radius:0.8em;
	box-shadow: -8px 8px 3px rgba(0,0,0,.1);


}

.panel2:hover{
	width: 200px;
margin: 6px auto;
	width: 90%;		
	border-radius:0.8em;
	box-shadow: -8px 8px 3px rgba(0,0,0,.1);
}
.mesaslink:hover{	
	list-style:none;
text-decoration:none;
}

#list-produ{
	margin: 10px;
}
#list-produ-col{
	padding-right: 0px;
	padding-left: 0px;
}

.image{	
	height:180px;
	width:180px;
	border-style: 1px;
	margin: 0 20px;	
}

#tdtab{
	width: 220px;
	height: 220px;
	border-radius:0.6em;
}
#ptable{
	font-size: 20px;
	padding: 0px;
	color: black;
	margin: 0 70px;
}
a#enlace{
	list-style:none; 
	text-decoration:none;	
}
#tdtab {
    border: none;
    border-collapse: collapse;
	border-radius:0.6em;	
	margin: 10px;
}

#tdtab:hover {    
    position: relative;    
    animation-name: example;
    animation-duration: 1s;	
	background:linear-gradient(green);	
	opacity: 0.9;
	 filter: alpha(opacity=70);	    
}

/* Standard syntax */
@keyframes example {    
    0%  { -webkit-transform: scale(0.9,0.9);} /* Safari */ 	
	100% { -webkit-transform: scale(1,1);} /* Safari */ 
}


#tdtab.Libre {
    background: #DBF9D0;
}
#tdtab.Ocupada {
    background: #FACF83;
}
#tdtab.PorPagar {
    background: #FA9C83;
}


#tdtabprodu{
	width: 100%;
	height: 100%;
	border-radius:0.6em;
	margin: 10px;
}
.imageprodu{	
	height:100px;
	width:100px;
	border-radius:0.6em;
	margin: 0 5px;
}
.imageprodu:hover{	
	position: relative;    
    animation-name: example;
    animation-duration: 1s;	
	background:linear-gradient(green);	
	opacity: 0.9;
	 filter: alpha(opacity=70);	
}
#ptableprodu{
	font-size: 12px;
	padding: 0px;
	color: black;
	text-align: center;
}



