table.dataTable tbody td { border-left:1px solid #000;border-bottom:1px solid #000;text-align:center; }
table.dataTable tbody td:last-child { border-right:1px solid #000; }
table.dataTable tbody tr:last-child td { border-bottom:0px; }
table.dataTable { width:98% !important; }
.animdelete { background:#FF0000;margin:1px;color:#FFF;padding:5px;border:1px solid #FF0000;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;text-decoration:none; }
.animdelete:hover { color:#FF0000;background:#fff; }
.animupdate {background:#0000cc;margin:1px;color:#FFF;padding:5px;border:1px solid #0000cc;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;text-decoration:none; }
.animupdate:hover { color:#0000cc;background:#fff; }
pre { padding:10px;background:#eee;border:1px solid #eee; }
pre:hover { background:#FFF;border:1px solid #07bee5;color:#07bee5;font-weight:bold;}
.hypeanimbloc { display:inline-block;padding:10px;background:#FFF;border:1px solid #000;color:#000; }
.eraabout { float:right; padding-right:20px; }
.eraabout h2 { text-align:right; }
.eralink { color:#07bee5; }
.eralogo {
	position:absolute;
	top:10px;
	right:20px;
	width:100px;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.hypeanimupdated {
	margin-left:5px;
	color:#009933;
	font-weight:bold;
	display:inline-block;
}

#add_hypeanimations_shortcode_button i::before {
	margin-top: 3px;
}
#add_hypeanimations_shortcode_newbutton i::before {
	margin-top: 3px;
}
#choosehypeanimation {
	background:#336699;
	color:#FFF;
	padding:5px;
	border:0;
	cursor:pointer;
}
/*#hypeanimdropzone,#hypeanimdropzone2 {
	text-align: center;
	font-weight:bold;
}*/
.dropzone,.dropzone2 {
	text-align: center;
	font-weight:bold;
    min-height: 100px !important;
	background:#eee !important;
    border: 2px dotted rgba(0, 0, 0, 0.3) !important;
}

.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droitefermer {
  float:right;
}
 
.oModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
 
.oModal:target {
  opacity:1;
  pointer-events: auto;
}
 
.oModal:target > div {
  margin: 10% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 
.oModal > div {
  max-width: 600px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: #eee;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 
.oModal > div header,.oModal > div footer {
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0 0;
}
.oModal .footer {
  border:none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}
 
.oModal > div h2 {
  margin:0;
}
 
.oModal > div .btn {
  float:right;
}
 
.oModal > div section,.oModal > div > header, .oModal > div > footer {
  padding:15px;
}