.button {
    background-color: #D3D3D3; /* Green original padding: 15px 32px; font-size: 24px;  Sandal color #f8ddb6 / #005D8B / #D3D3D3*/
    border: none;
    color: black;
    padding: 25px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	max-height: 250px; 
	max-width: 370px; 
	-webkit-appearance: none;
	
}

.logoutbutton {
    background-color: #005D8B; /* Green original padding: 15px 32px; font-size: 24px;  Sandal color #f8ddb6*/
    border: none;
    color: white;
    padding: 25px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	max-height: 250px; 
	max-width: 370px; 
	-webkit-appearance: none;
	
}


.backbutton {
    background-color: #ff8000; /* dark orange original padding: 15px 32px; font-size: 24px; */
    border: none;
    color: black;
    padding: 25px 62px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
	max-height: 250px;
	max-width: 250px;
	-webkit-appearance: none;

}

.smallbutton {
    background-color:  #005D8B; /* Green original padding: 15px 32px; font-size: 24px; */
    border: none;
    color: black;
    padding: 25px 62px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
	max-height: 100px;
	max-width: 100px;
	-webkit-appearance: button;

}



.button:hover {
    background-color: #f44336; /* #f8ddb6" ORANGE COLOR */ 
    color: white;
}

.backbutton:hover {
    background-color: #f44336; /* #f8ddb6" ORANGE COLOR */ 
    color: white;
}

.addsub_button:hover {
    background-color: #f44336; /* #f8ddb6" ORANGE COLOR */ 
    color: white;
}

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
	color: white;
}