a.button {
    padding: 1px 6px;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    border-color: black;
    background-color: #BADA55;
    color: white;
}

.substitutes_button{
    background-color: #BADA5520;
    border-color: black;
}

body{
    background-color: black;
    color: #FFFFFF;
}

.clickable{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 5px;
}

.clickable:hover{
    background-color: #BADA558A;
    cursor: pointer;
}

.item_form{
    border-color: #AAAAAA88;
}

div{
    background-color: #BADA550A;
}

.type_bottom_div{
    border-bottom-color: black;
}

.type_div{
    border-left-color: black;
}

.type_name_p:hover{
    background-color: #AAAAAAAA;
    cursor: pointer;
}

.recipe_overview_div{
    border-color: black;
}

.recipe_overview_div:hover{
    background-color: #AAAAAAAA;
    cursor: pointer;
}

.step_div, .recipe_item_div{
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #00000088;
    border-left: 1px solid #00000088;
}

.other_selecion{
    border-color: black;
}

.title{
    border: black;
    background: #BADA55AA;
}

input, select, textarea, button{
    background: #7A8A15;
    color: white;
    font-weight: bolder;
}

select{
    border-radius: 7px;
}

.footer{
    border-top: 2px solid #7A8A15;
    background: black;
}

#header{
    border-bottom: 2px inset #7A8A15;
    background-color: black;
    opacity: 1;
}

.login_buttons, .link_buttons{
    background: none;
}

.button_container{
    background: none;
}

.popup_content {
	background: #7A8A15;
	border-color: black;
	border-radius: 15px;
}