/*
 * CSS for Zeno Report Post plugin.
 *
 * This plugin uses as little styling as possible.
 * Styling should be done by the theme for form elements.
 *
 * This CSS file is used on frontend and dashboard.
 *
 */


/* Report Post link */
a.zeno-report-post-link-frontend {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 20px;
	vertical-align: middle;
}


/* Report Post button */
input.zeno-report-post-button-frontend {
	font: inherit;
	display: inline-block;
	overflow: visible;
	cursor: pointer;
	text-align: center;
	outline: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* Modal with form */
div.zeno-report-post-modal {
	position: fixed;
	top: 200px;
	left: 200px;
	visibility: hidden;
	opacity: 0;
	width: 600px;
	height: auto;
	background-color: #f0f0f0;
	border: 10px #999 solid;
	border-radius: 14px;
	padding: 30px;
	z-index: 9900;
}
div.zeno-report-post-modal.visible {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease;
}
@media only screen and (max-width: 1000px) {
	div.zeno-report-post-modal {
		left: 100px;
	}
}
@media only screen and (max-width: 900px) {
	div.zeno-report-post-modal {
		left: 100px;
		width: 500px;
	}
}
@media only screen and (max-width: 800px) {
	div.zeno-report-post-modal {
		left: 60px;
		width: 400px;
	}
}

a.zeno-report-post-modal-close {
	float: right;
	font-weight: 800;
	font-size: 20px;
	padding: 5px;
	cursor: pointer;
}
h2.zeno-report-post-modal-title {
	margin-top: 0;
}

div.zeno-report-post-half-left {
	width: 48%;
	float: left;
}
div.zeno-report-post-half-right {
	width: 48%;
	float: right;
}

form.zeno-report-post-form p {
	padding-bottom: 5px;
	margin-top: 16px;
	margin-bottom: 0;
}

div.zeno-report-post-textarea {
	padding-top: 20px;
}

form.zeno-report-post-form input,
form.zeno-report-post-form textarea {
	width: 100%;
	font-size: 1em;
	padding: 5px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

p.zeno-report-post-modal-desc {
	margin-bottom: 0;
	padding-bottom: 0;
}

p#zeno-report-post-modal-feedback {
	border-left: 4px solid #eee;
	padding: 1px 12px;
	margin: 15px 0 25px;
}
p#zeno-report-post-modal-feedback.zeno-report-post-error {
	border-left: 4px solid #dd3d36;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
p#zeno-report-post-modal-feedback.zeno-report-post-success {
	border-left: 4px solid #7ad03a;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}


/* Dashboard */
div.zeno-report-post-report {
	padding: 4px 2px;
	border-bottom: dotted #135e96 1px;
}
div.zeno-report-post-report:last-child {
	border-bottom: 0px;
}




/* Old stuff, is it needed? */

.report-post-form {
text-align:left;
}
.report-post-form input:read-only {
background-color:#f0f0f0 !important;
}
.report-post-control-error {
border-color:red !important;
background-color:#FFE4E1 !important;
}
.report-user-hidden {
display:none;
border:1px solid #eee;
background-color:#f0f0f0;
padding:5px;
margin-bottom:10px;
}
.reported_post #post_status,
.reported_post #post_date {
width:10%;
}
.reported_post #post_author {
width:15%;
}
h1.report-post-ip {
font-size:18px;
margin:0;
padding:0;
margin-top:29px;
text-align:right;
}
p.report-post-ip {
text-align:right;
}
/* Highlight effect */
.highlighted_ {
    background-image:none !important;
    -webkit-animation: fadeIt 2s ease-in-out;
       -moz-animation: fadeIt 2s ease-in-out;
         -o-animation: fadeIt 2s ease-in-out;
            animation: fadeIt 2s ease-in-out;
}
.wp-report-post-options-table th {
padding: 10px 10px 10px 0 !important;
vertical-align:middle;
}
.wp-report-post-options-table td {
padding: 10px 10px !important;
vertical-align:middle;
}
.wp-report-post-options-table input[type=text],
.wp-report-post-options-table textarea {
width:100%;
}
.wp-report-post-options-section {
border-bottom:1px solid #ccc;
padding-bottom:10px;
margin-bottom:10px;
}