:root {
--background-color: white;	
--input-background-color: white;
--active-menu-color: white;
--selected-menu-color: gray; 
--menu-hover-color: white;
--menu-color: gray;
--selected-menu-hover-color: black;
--header-background-color: black;
--sequence-container-background-color: black;
--add-hover-background-color:#303030;
--font-family: Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
	width:100%;
	background-color: #FFF;
	display: -webkit-flex;
	display: flex;	
	margin: 0;
	padding: 0;
}

button {
	display:flex;
	align-items: center;
}

button div {
	margin: 0;
	align-content: center;
	padding:5px;
	display:flex;
	
}

button {
	width:100%;
}

label {
	font-family: var(--font-family);
}

input, button {
border: 0;	
margin: 0 0 0 0;

}

div, input{
	display: block;
	padding: 1em;
}
div {
	margin:auto;
	
	align-content: center;
}

input[type=text], input[type=password]  {
	border-bottom: 1px solid gray;	
}

input::active
{
	background: white;
}

input.bkgred {
    background-color: rgb(255,200,200);
}

input.bkgwhite {
    background-color: white;
}

#id-btn-recovery {
  background-color: rgba(240,240,240,0);
  color: rgba(100,100,240,5); 
  transition: background-color 0.2s, color 0.2s;
}

#id-btn-recovery:hover {
  color: rgba(0,0,240,100);
  background-color: rgba(240,240,240,100);
}