/* clases para diversos bottones */
.btn-primary{
  background-color: var(--bg-btn-primary);
  Color:white;
	text-align: center;
	text-decoration: none;
	padding: 5px 5px;
	border-radius: 6px;
	cursor: auto;
	width: 160px;
	height: 45px;
	margin-top: 10px;
	border-color: var(--border-btn-primary);
}

.btn-primary:hover {
	background-color: var(--bg-btn-primary-hover);
}

.btn-secondary{
  background-color: var(--bg-btn-secondary);
  Color:white;
	padding: 5px;
	border-radius: 6px;
	cursor: auto;
	width: 180px;	/*	20%*/
	height: 45px;
	border-color: var(--border-btn-secondary);
	align-items: center; /* Alinea verticalmente el texto dentro del botón */
  justify-content: center; /* Centra el texto horizontalmente */
  text-align: center;
}

.btn-secondary:hover {
	background-color: var(--bg-btn-secondary-hover);
}

.btn-disabled{
	Color:Black;
	text-align: center;
	text-decoration: none;
	padding: 7px 7px;
	border-radius: 6px;
	cursor: auto;
	width: 160px;
	height: 45px;
	margin-top: 10px;
	border-color: var(--border-btn-disabled);
	background-color: var(--bg-btn-disabled);
}

.btn-search{
	background-color: var(--bg-btn-search);
	border: solid 1px var(--border-btn-search);
	padding: 10px 10px;
	border-radius: 6px;
	cursor: auto;
	width: 140px;
	display: inline-block;
}

.btn-search:hover{
	background-color: var(--bg-btn-search-hover);
}

.btn-add{
	background-color: var(--bg-btn-add);
	border: solid 1px var(--border-btn-add);
	padding: 5px 5px;
	border-radius: 6px;
	cursor: auto;
	width: 120px;
	height: 40px;	
}

.btn-add:hover{
	background-color: var(--bg-btn-add-hover);
}

.btn-actions{	  /*tienen la forma circular del boton*/
	border-radius: 45px;
	cursor: auto;
	width: 25px;
	height: 25px;	
	margin-right: 5px;
}

.btn-edit{  
	background-color: var(--bg-btn-edit);
	border: solid 1px var(--border-btn-edit);
	
}
.btn-edit:hover{
	background-color: var(--bg-btn-edit-hover);
}

/* tamaños de botones*/



/* pruebas -  */
.btn-delete {
	background-color: var(--bg-btn-delete);	
	border: solid 1px var(--border-btn-delete) ;
	padding: 5px;
}

.btn-delete:hover {
  background-color: var(--bg-btn-delete-hover);
}
.btn-circle{
  background-color: var(--bg-btn-add);
	border: solid 1px var(--border-btn-add);
	padding: 3px 3px;
	border-radius: 40px;
	cursor: auto;
	width: 40px;
	height: 40px;

}
.btn-circle:hover{
  background-color: var(--bg-btn-add-hover);
}