button {
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	font-family: 'Proxima Nova', Georgia, sans-serif;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
        padding: 0px;
/*        width: 100%; height: 100%;*/
}
button:hover {
	background-color:#f6f6f6;
}
button:active {
	position:relative;
}

button label{display: inline;}

/** Botones para teclado **/
buttonTeclado{display: flex; flex-wrap: wrap; width: 220px}
button[data-tipo= 'teclado'] {width: 60px; height: 50px; margin: 5px}

button[data-tipo = 'general'] {padding-left: 40px; min-height: 40px; width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 5px;}

button[data-tipo = 'cerrar'] {background-image: url(../img/salir.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'cerrar']::before  {content: "Cerrar";}

button[data-tipo = 'borrar'] {background-image: url(../img/delete2.png); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'borrar']::before  {content: "Borrar";}

button[data-tipo = 'grabar'] {background-image: url(../img/save.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'grabar']::before  {content: "Grabar";}

button[data-tipo = 'nuevo'] {background-image: url(../img/add.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'nuevo']::before  {content: "Nuevo ";}

button[data-tipo = 'aceptar'] {background-image: url(../img/ok.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'aceptar']::before  {content: "Aceptar";}

button[data-tipo = 'cargar'] {background-image: url(../img/load.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'cargar']::before  {content: "Cargar ";}

button[data-tipo = 'imprimir'] {background-image: url(../img/printer.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'imprimir']::before  {content: "Imprimir ";}

button[data-tipo = 'excel'] {background-image: url(../img/excel.png); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'excel']::before  {content: "Excel ";}

button[data-tipo = 'pagar'] {background-image: url(../img/pagar.gif); padding-left: 50px; height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'pagar']::before  {content: "";}

button[data-tipo = 'buscar'] {background-image: url(../img/buscar.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'buscar']::before  {content: "Buscar";}

button[data-tipo = 'estadisticas'] {background-image: url(../img/statistics-32.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}

button[data-tipo = 'reiniciar'] {background-image: url(../img/reiniciar.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}

button[data-tipo = 'efectivo'] {background-image: url(../img/Efectivo.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'tarjeta'] {background-image: url(../img/Visa.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}
button[data-tipo = 'credito'] {background-image: url(../img/Credito.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}

button[data-tipo = 'sumar'] {background-image: url(../img/add.gif); padding-left: 50px; min-height: 40px; min-width: 150px; background-position: center; background-repeat: no-repeat; background-position-x: 5px; margin: 0px 5px 0px 5px; border: solid 1px;}

#buttonContent{width: 100%; display: flex; height: 45px; flex-direction: row-reverse; left: 0; background-color: white; flex-wrap: wrap}
#buttonContent button{margin-right: 10px; margin-top: 5px}
#buttonContent [data-positiony = 'botton'] {bottom: 0px; position: absolute; }
bntleftmenucaption{font-size: 0.8em}

/* Con fondos */
button[data-tipo = 'youtube']:before  {font-family: "Font Awesome 5 Solid";   content: "\f167";}