/* buttons */
button {
	/* all: unset; */
	background-color: unset;
    border: unset;
    padding: unset;
    margin: unset;
	cursor: pointer;
}

button[disabled] {
	cursor: unset;
}

button svg {
	height: 18px;
	width: 18px;
	fill: #6AC4DE;
}

button svg {
	/* cursor: pointer; */
}

button[disabled] svg,
button.disabled svg {
	fill: #CCCCCC !important;
	cursor: unset;
}

button.active svg {
	fill: #E06060;
}

button.hidden {
	display: none;
}

button,
button:focus {
	outline: none;
}

.unread button svg {
	fill: #6AC4DE !important;
}

.unread button[disabled] svg,
.unread button.disabled svg {
	fill: #CCCCCC !important;
}

.unread button svg.zol_icon_add {
	fill: #57C757 !important;
}

.unread button svg.zol_icon_edit {
	fill: #F0C504 !important;
}

.unread button svg.zol_icon_delete {
	fill: #E06060 !important;
}

button .loader {
	display: inline-block;
	border: 3px solid rgba(0, 0, 0, 0.1);
	border-left-color: #6AC4DE;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	animation: loader-spin 1.2s linear infinite;
	margin: 2px;
}