.mgVisible0 { background-color: #FBE6E6 !important; }

.mgVisible2 { background-color:  #E8F5FD !important; }

.mgAdmin {
	padding: 2px;
	white-space: nowrap;
}
/*
div:has(> .mgAdmin.inline) {  styles to apply to the parent div tag
	position: relative;
}*/

/* INFO: public-admin buttons */
.mgItem { position: relative; }

.mgItem > .mgAdmin {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid #BBB;
	padding: 1px;
	background-color: rgba(230,230,230,0.8);
	z-index: 1;
	white-space: nowrap;
}

.mgItem:hover > .mgAdmin { display: block; }
/* *** */

.mgAdmin .visible0,
.mgAdmin .visible1,
.mgAdmin .visible2,
.mgAdmin .edit,
.mgAdmin .clone,
.mgAdmin .delete,
.mgAdmin .new,
.mgAdmin .list {
	border: 1px solid #BBB;
	background-color: #FFF;
	background-repeat: no-repeat;
	width: 29px;
	height: 29px;
	margin: 2px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.mgAdmin .visible0 {
	background-image: url(../../img/admin/visible1.png);
	background-position: bottom center;
}

.mgAdmin .visible1,
.mgAdmin .visible2 {
	background-image: url(../../img/admin/visible1.png);
	background-position: top center;
}

.mgAdmin .edit {
	background-image: url(../../img/admin/edit1.png);
	background-position: top center;
}

.mgAdmin .clone {
	background-image: url(../../img/admin/clone1.png);
	background-position: top center;
}

.mgAdmin .delete {
	background-image: url(../../img/admin/delete1.png);
	background-position: top center;
}

.mgAdmin .new {
	background-image: url(../../img/admin/new1.png);
	background-position: top center;
}

.mgAdmin .list {
	background-image: url(../../img/admin/list1.png);
	background-position: top center;
}

.mgAdmin .visible0:hover {
	background-position: top center;
	border-color: #999;
}

.mgAdmin .visible1:hover {
	background-position: bottom center;
	border-color: #999;
}

.mgAdmin .edit:hover,
.mgAdmin .delete:hover {
	background-position: bottom center;
	border-color: #999;
}

/* retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	.mgAdmin {
		padding: 2px;
		white-space: nowrap;
	}

	.mgAdmin .visible0,
	.mgAdmin .visible1,
	.mgAdmin .new,
	.mgAdmin .edit,
	.mgAdmin .clone,
	.mgAdmin .delete,
	.mgAdmin .list {
		width: 41px;
		height: 41px;
	}

	.mgAdmin .visible0,
	.mgAdmin .visible1 {
		background-image: url(../../img/admin/visible2.png);
	}

	.mgAdmin .edit {
		background-image: url(../../img/admin/edit2.png);
	}

	.mgAdmin .clone {
		background-image: url(../../img/admin/clone2.png);
	}

	.mgAdmin .delete {
		background-image: url(../../img/admin/delete2.png);
	}

	.mgAdmin .new {
		background-image: url(../../img/admin/new2.png);
	}

	.mgAdmin .list {
		background-image: url(../../img/admin/list2.png);
	}
}

.mgAdmin .visible0.disabled,
.mgAdmin .visible1.disabled,
.mgAdmin .edit.disabled,
.mgAdmin .clone.disabled,
.mgAdmin .delete.disabled,
.mgAdmin .new.disabled,
.mgAdmin .list.disabled {
	opacity: .5;
	cursor: default;
}