/* Action Buttons BEGIN */

:root {
	--button-generic-text-color:#fff;
	--button-generic-background-color:#a7cc3f;
	--button-info-background-color:#72bcd4;
	--button-info-border-color:#519bb3;
	--button-delete-background-color:#f00;
 	--button-edit-svg:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 348.882 348.882' style='enable-background:new 0 0 348.882 348.882;' xml:space='preserve'><g fill='%23fff'>   <path d='M333.988,11.758l-0.42-0.383C325.538,4.04,315.129,0,304.258,0c-12.187,0-23.888,5.159-32.104,14.153L116.803,184.231 c-1.416,1.55-2.49,3.379-3.154,5.37l-18.267,54.762c-2.112,6.331-1.052,13.333,2.835,18.729c3.918,5.438,10.23,8.685,16.886,8.685 c0,0,0.001,0,0.001,0c2.879,0,5.693-0.592,8.362-1.76l52.89-23.138c1.923-0.841,3.648-2.076,5.063-3.626L336.771,73.176 C352.937,55.479,351.69,27.929,333.988,11.758z M130.381,234.247l10.719-32.134l0.904-0.99l20.316,18.556l-0.904,0.99 L130.381,234.247z M314.621,52.943L182.553,197.53l-20.316-18.556L294.305,34.386c2.583-2.828,6.118-4.386,9.954-4.386 c3.365,0,6.588,1.252,9.082,3.53l0.419,0.383C319.244,38.922,319.63,47.459,314.621,52.943z'/><path d='M303.85,138.388c-8.284,0-15,6.716-15,15v127.347c0,21.034-17.113,38.147-38.147,38.147H68.904 c-21.035,0-38.147-17.113-38.147-38.147V100.413c0-21.034,17.113-38.147,38.147-38.147h131.587c8.284,0,15-6.716,15-15 s-6.716-15-15-15H68.904c-37.577,0-68.147,30.571-68.147,68.147v180.321c0,37.576,30.571,68.147,68.147,68.147h181.798 c37.576,0,68.147-30.571,68.147-68.147V153.388C318.85,145.104,312.134,138.388,303.85,138.388z'/></g></svg>");
	--button-edit-svg-hover:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 348.882 348.882' style='enable-background:new 0 0 348.882 348.882;' xml:space='preserve'><g fill='%23a7cc3f'><path d='M333.988,11.758l-0.42-0.383C325.538,4.04,315.129,0,304.258,0c-12.187,0-23.888,5.159-32.104,14.153L116.803,184.231 c-1.416,1.55-2.49,3.379-3.154,5.37l-18.267,54.762c-2.112,6.331-1.052,13.333,2.835,18.729c3.918,5.438,10.23,8.685,16.886,8.685 c0,0,0.001,0,0.001,0c2.879,0,5.693-0.592,8.362-1.76l52.89-23.138c1.923-0.841,3.648-2.076,5.063-3.626L336.771,73.176 C352.937,55.479,351.69,27.929,333.988,11.758z M130.381,234.247l10.719-32.134l0.904-0.99l20.316,18.556l-0.904,0.99 L130.381,234.247z M314.621,52.943L182.553,197.53l-20.316-18.556L294.305,34.386c2.583-2.828,6.118-4.386,9.954-4.386 c3.365,0,6.588,1.252,9.082,3.53l0.419,0.383C319.244,38.922,319.63,47.459,314.621,52.943z'/><path d='M303.85,138.388c-8.284,0-15,6.716-15,15v127.347c0,21.034-17.113,38.147-38.147,38.147H68.904 c-21.035,0-38.147-17.113-38.147-38.147V100.413c0-21.034,17.113-38.147,38.147-38.147h131.587c8.284,0,15-6.716,15-15 s-6.716-15-15-15H68.904c-37.577,0-68.147,30.571-68.147,68.147v180.321c0,37.576,30.571,68.147,68.147,68.147h181.798 c37.576,0,68.147-30.571,68.147-68.147V153.388C318.85,145.104,312.134,138.388,303.85,138.388z'/></g></svg>");
	--button-edit-commons:center center / 14px 14px no-repeat;
}

input.ActionButton {
	font-weight:bold;
	font-size:15px;
	width:30px;
	overflow:hidden;
	line-height:normal;
	border-radius:14px;
	padding:5px 7px;
	text-align:center;
	cursor:pointer;
	-webkit-transition:background-color 100ms linear;
	    -ms-transition:background-color 100ms linear;
	        transition:background-color 100ms linear;
}
input.ActionButton.SpaceLeft { margin-left:10px; }
input.ActionButton::-moz-focus-inner { border:0; }
input.ActionButton:hover {
	-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,0.33);
	   -moz-box-shadow:0 0 12px 0 rgba(0,0,0,0.33);
	        box-shadow:0 0 12px 0 rgba(0,0,0,0.33);
}

input.ActionButton.Info         { color:var(--button-generic-text-color);    background-color:var(--button-info-background-color); border-color:var(--button-info-border-color); }
input.ActionButton.Info:hover   { color:var(--button-info-background-color); background-color:var(--button-generic-text-color); }

input.ActionButton.Add          { color:var(--button-generic-text-color);       background-color:var(--button-generic-background-color); border-color:var(--button-generic-background-color); }
input.ActionButton.Add:hover    { color:var(--button-generic-background-color); background-color:var(--button-generic-text-color); }

input.ActionButton.Edit         { background:var(--button-generic-background-color) var(--button-edit-svg)       var(--button-edit-commons); border-color:var(--button-generic-background-color); }
input.ActionButton.Edit:hover   { background:var(--button-generic-text-color)       var(--button-edit-svg-hover) var(--button-edit-commons); }

input.ActionButton.Delete       { color:var(--button-generic-text-color);      background-color:var(--button-delete-background-color); border-color:var(--button-delete-background-color); }
input.ActionButton.Delete:hover { color:var(--button-delete-background-color); background-color:var(--button-generic-text-color); }

/* Action Buttons END */