/* ADMIN BUTTONS */
div.mgAdmin {
	display: none;
	position: absolute;
	border: 1px solid #BBB;
	padding: 1px;
	background-color: rgba(230,230,230,0.8);
	z-index: 1;
	white-space: nowrap;
}

div.mgAdmin:after {
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

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

.mgAdminFrame .visible0,
.mgAdminFrame .visible1,
.mgAdminFrame .edit,
.mgAdminFrame .delete,
.mgAdminFrame .new,
.mgAdminFrame .clone,
.mgAdminFrame .list,
.mgAdminFrame .delim {
	background-color: #FFF;
	background-image: url(../../img/admin_buttons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 25px;
	height: 25px;
	float: left;
	padding: 0 !important;
	margin: 2px;
}

.mgAdminFrame .visible1 { background-position: -13px -13px; border: 1px solid #BBB; }
.mgAdminFrame .visible0 { background-position: -63px -13px; border: 1px solid #BBB; }
.mgAdminFrame .edit { background-position: -113px -13px; border: 1px solid #BBB; }
.mgAdminFrame .delete { background-position: -163px -13px; border: 1px solid #BBB; }
.mgAdminFrame .new { background-position: -213px -13px; border: 1px solid #BBB; }
.mgAdminFrame .list { background-position: -263px -13px; border: 1px solid #BBB; }
.mgAdminFrame .clone { background-position: -313px -13px; border: 1px solid #BBB; }

.mgAdminFrame .visibleyes:hover { background-position: -13px -63px; border:1px solid #999; }
.mgAdminFrame .visibleno:hover { background-position: -63px -63px; border:1px solid #999; }
.mgAdminFrame .visible1:hover { background-position: -13px -63px; border:1px solid #999; }
.mgAdminFrame .visible0:hover { background-position: -63px -63px; border:1px solid #999; }
.mgAdminFrame .edit:hover { background-position: -113px -63px; border:1px solid #999; }
.mgAdminFrame .delete:hover { background-position: -163px -63px; border:1px solid #999; }
.mgAdminFrame .new:hover { background-position: -213px -63px; border:1px solid #999; }
.mgAdminFrame .list:hover { background-position: -263px -63px; border-color: #999; }
.mgAdminFrame .clone:hover { background-position: -313px -63px; border-color: #999; }
/*
form.admin {
	padding: 20px;
	background-color: #FCFCFC;
}*/

form.admin h3 {
	margin: 0;
	padding: 10px 20px;
	/*font-weight: normal;*/
	/*text-transform: uppercase;*/
}

form.admin h4 {
	margin: 0;
	padding: 10px 20px 0 20px;
}

form.admin h4.block {
	font-size: 16px;
	padding: 10px 20px;
	margin: 20px 0 0 0px;
	font-weight: normal;
	background-color: #EEE;
	max-width: calc(33.333% - 50px);
}

@media all and ( max-width: 599px){
	form.admin h3{ padding: 10px; }
}

/*@media all and (min-width: 1000px){
	form.admin { min-width: 1000px; }
}

@media all and (max-width: 999px) {
    form.admin {
    	width: 100%;
    	box-sizing: border-box;
    }
}*/

.delete-button {
    margin: 10px;
    display: inline-block;
    border-radius: 4px;
    color: #005957;
    padding: 8px 20px;
    line-height: 18px;
    text-decoration: none;
    background: linear-gradient(#f0f0f0, #cfcfcf);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    min-height: 18px;
}

form.admin #Delivery {
	padding: 10px 15px;
	width: 75%;
}

form.admin #Delivery > div {
	margin: 3px;
	border: 1px solid #dadada;
	border-radius: 2px;
}

form.admin #Delivery .c3 {
	padding: 5px 10px;
}

form.admin #Delivery .mgAdminFrame {
	position:  relative;
}

form.admin #Delivery .mgAdminFrame:hover .mgAdmin {
	display: block;
	top: 0;
	right: 0;
}