[class^="icon-"],[class*=" icon-"] {
   width: 30px;
   height: 30px;
   display: inline-table;
   vertical-align: middle;
   text-align: center;
}

.top-avatar img {
	vertical-align: middle;
}

/* Icon - edit */
.icon-edit {
    background: url(../images/icons/icon-edit.png) no-repeat center;
    text-align: right;
}

.icon-edit:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-edit.png) no-repeat center;
}

.icon-edit span {
	background: red;
	font-style: normal;
	display: inline-table;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
}

/* Icon - proposal */
.icon-proposal {
    background: url(../images/icons/icon-proposal.png) no-repeat center;
}
.icon-wmenu-proposal {
    background: #A60101 url(../images/wmenu/icon-proposal.png) no-repeat center;
    padding: 5px;
}
.icon-proposal:hover {
    background: #FF0000 url(../images/icons/icon-proposal.png) no-repeat center;
}

/* Icon - add-recipe */
.icon-add_recipe {
    background: url(../images/icons/icon-add_recipe.png) no-repeat center;
}
.icon-wmenu-add_recipe {
    background: #A60101 url(../images/wmenu/icon-add_recipe.png) no-repeat center;
    padding: 5px;
}
.icon-add_recipe:hover {
    background: #7F5548 url(../images/icons/icon-add_recipe.png) no-repeat center;
}

/* Icon - mail */
.icon-mail {
    background: url(../images/icons/icon-mail.png) no-repeat center;
    text-align: right;
}

.icon-mail:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-mail.png) no-repeat center;
}

.icon-mail span {
	background: red;
	display: inline-table;
	color: #fff;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
}

/* Icon - gifts */
.icon-gifts {
    background: url(../images/icons/icon-gifts.png) no-repeat center;
    text-align: right;
}

.icon-gifts:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-gifts.png) no-repeat center;
}

.icon-gifts span {
	background: red;
	font-style: normal;
	display: inline-table;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
	color: #fff;
}

/* Icon - notifiations */
.icon-notifications {
    background: url(../images/icons/icon-notifications.png) no-repeat center;
    text-align: right;
    color: #fff;
}

.icon-notifications:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-notifications.png) no-repeat center;
}

.icon-notifications span {
	background: red;
	color: #fff;
	font-style: normal;
	display: inline-table;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
}

/* Icon - points */
.icon-points {
    background: url(../images/icons/icon-points.png) no-repeat center;
    text-align: right;
}

.icon-points:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-points.png) no-repeat center;
}

.icon-points span {
	background: red;
	font-style: normal;
	display: inline-table;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
}

/* Icon - groups */
.icon-groups {
    background: url(../images/icons/icon-groups.png) no-repeat center;
    text-align: right;
}

.icon-groups:hover {
	color: #fff;
    background: #FF0000 url(../images/icons/icon-groups.png) no-repeat center;
}

.icon-groups span {
	background: red;
	color: #fff;
	font-style: normal;
	display: inline-table;
	border-radius: 50px;
	padding: 1px 4px 1px 4px;
}

/* Icon - faq */
.icon-faq {
    background: url(../images/icons/icon-faq.png) no-repeat center;
}
.icon-wmenu-faq {
    background: #A60101 url(../images/wmenu/icon-faq.png) no-repeat center;
    padding: 5px;
}
.icon-faq:hover {
    background: #FF0000 url(../images/icons/icon-faq.png) no-repeat center;
}

/* Icon - ingridients */
.icon-ingridients {
    background: url(../images/icons/icon-ingridients.png) no-repeat center;
}
.icon-wmenu-ingridients {
    background: #A60101 url(../images/wmenu/icon-ingridients.png) no-repeat center;
    padding: 5px;
}
.icon-ingridients:hover {
    background: #FF0000 url(../images/icons/icon-ingridients.png) no-repeat center;
}

/* Icon - order */
.icon-order {
    background: url(../images/icons/icon-order.png) no-repeat center;
}
.icon-wmenu-order {
    background: #A60101 url(../images/wmenu/icon-order.png) no-repeat center;
    padding: 5px;
}
.icon-order:hover {
    background: #FF0000 url(../images/icons/icon-order.png) no-repeat center;
}

/* Icon - cart */
.icon-cart {
    background: url(../images/icons/icon-cart.png) no-repeat center;
}
.icon-wmenu-cart {
    background: #A60101 url(../images/wmenu/icon-cart.png) no-repeat center;
    padding: 5px;
}
.icon-cart:hover {
    background: #FF0000 url(../images/icons/icon-cart.png) no-repeat center;
}

/* Icon - logout */
.icon-logout {
    background: url(../images/icons/icon-logout.png) no-repeat center;
}

.icon-logout:hover {
    background: #FF0000 url(../images/icons/icon-logout.png) no-repeat center;
}