.icon,
.icon:before, 
.icon_after:after {
    width: var(--width-icon);
    height: var(--height-icon);

    margin: 2px;
    border-radius: 2px;

    background-size: 62%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: palegoldenrod;


    font: 20px "Material Icons";
    color: black;
    white-space: pre-wrap;

    !position: absolute;

	display: flex;
    justify-content: center;
    align-items: center;

    cursor: pointer;

    content: '\e5d2';
}



.icon:hover {
    background-color: #ecbeb0;
}





.clickable.icon {
    display: block;
}






.account.icon:before {
	content: '\e7fd';
}
.account_add.icon:before {
	content: '\e7fe';
}
.accounts.icon:before {
	content: '\e8d3';
}
.accounts_view.icon:before {
	content: '\e9ed';
}
.add:before {
    content: '\e146';
}
.alert:before {
    content: '\e146';
}
.app:before {
    content: '\ea67';
}
.back:before {
    content: '\e5e0';
}
.burger.icon:before {
    content: '\e5d2';
}
.call.icon {
    background-image: var(--icon-call);
}
.call.icon:before {
    display: none;
}
.call_add.icon:before {
    content: '\e0e8';
}
.calls.icon:before {
    content: '\e0d1';
}
.caption.icon:before {
    content: '\e0b7';
}
.cart.icon:before {
    content: '\e8cc';
}
.cart_add.icon:before {
    content: '\e854';
}
.close.icon:before {
    content: '\e5cd';
}
.completed.icon:before {
    content: '\e9aa';
}
.cottage.icon:before {
    content: '\e587';
}
.dashboard.icon:before {
    content: '\e871';
}
.delete.icon:before {
    content: '\e92b';
}
.devices.icon:before {
    content: '\e1b1';
}
.edit.icon:before {
    content: '\e745';
}
.enquiry_add.icon:before {
    content: '\e146';
}
.enquiry_view.icon:before {
    content: '\e146';
}
.facebook.icon {
    background-image: var(--icon-facebook);
}
.facebook.icon:before {
	display: none;
}
.failure.icon:before {
	content: '\e814';
}
.feedback.icon:before {
	content: '\e0cb';
}
.fullscreen.icon:before {
	content: '\e5d0';
}
.gallery.icon:before {
	content: '\e3f4';
}
.group_add.icon:before {
    content: '\e7f0';
}
.group.icon:before {
    content: '\e7ef';
}
.groups.icon:before {
    content: '\f233';
}
.groups_view.icon:before {
    content: '\e1a0';
}
.instagram.icon {
    background-image: var(--icon-instagram);
}
.instagram.icon:before {
    display: none;
}
.image_burst.icon:before {
    content: '\e43c';
}
.leads.icon:before {
    content: '\e03b';
}
.lecture_add.icon:before {
    content: '\e03b';
}
.lectures.icon:before {
    content: '\e06d';
}
.lectures_view.icon:before {
    content: '\e05f';
}
.logout.icon:before {
    content: '\e9ba';
}
.member_add.icon:before {
	content: '\e7fe';
}
.menu.icon:before {
	content: '\e5d2';
}
.new.icon:before {
	content: '\e031';
}
.next.icon:before {
    content: '\e315';
}
.open.icon:before {
	content: '\e89e';
}
.person.icon:before {
	content: '\e87c';
}
.play.icon:before {
	content: '\e037';
}
.previous.icon:before {
	content: '\e314';
}
.refresh.icon:before {
	content: '\e8ba';
}
.resize.icon:before {
	content: '\e5d1';
}
.scheduled.icon:before {
	content: '\f001';
}
.search.icon:before {
	content: '\e8b6';
}
.smile.icon:before {
	content: '\e813';
}
.success.icon:before {
	content: '\ef76';
}
.tripadvisor.icon {
    background-image: var(--icon-tripadvisor);
}
.tripadvisor.icon:before {
    display: none;
}
.twitter.icon {
    background-image: var(--icon-twitter);
}
.twitter.icon:before {
    display: none;
}
.view.icon:before {
	content: '\f001';
}
.yoga.icon:before {
	content: '\ea78';
}
.whatsapp.icon {
    /* background-image: url("../../images/icons/whatsapp-01.png"); */
	/* todo - icons should be in a suitable folder */
    background-image: url("whatsapp-01.png");
}
.whatsapp.icon:before {
    display: none;
}





.inline-edit.icon {
    background: unset;
    padding: 0;
    margin: 0;
    height: 10px;
}





[type='image_zoomer']:after {
    content: "\e8ff";
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}