/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#recipeDetail .edit-recipe input, 
#recipeDetail .edit-recipe textarea,
#recipeDetail .edit-recipe select {
	color: #fff;
}

#updateToastMessage {
	position: fixed; 
	top: 30px; 
	right: 30px; 
	z-index:999;
}

.edit-recipe .form-control {
	margin-top: 0.5rem;
}

.recipe-category {
	cursor: pointer;
}

@media (max-width: 992px) {
	.recipe-category-icon {
		position: absolute;
		left: 20px;
	}
}