/*
 * @package   ats
 * @copyright Copyright (c)2011-2019 Nicholas K. Dionysopoulos / Akeeba Ltd
 * @license   GNU GPL v3 or later
 */

/* @override
	http://dev17.local.web/media/com_ats/css/frontend.css?33043c304f97fec0bb154f84999abf4f
*/

/**
 * Common
 */
div.ats-clear {
	clear: both;
}

.akeeba-renderer-fef .akeeba-pull-right{
	float: right;
}

.akeeba-renderer-fef .akeeba-pull-left{
	float: left;
}

.akeeba-renderer-fef .akeeba-dropdown{
	min-width: auto;
	/*font-size: 0.75em;*/
	margin-top: 0;
	margin-bottom: 0;
}

/**
 * Categories view
 */
div.ats-category-levelpad {
	float: left;
	margin-right: 2px;
}

div.ats-category-quickbuttons {
	text-align: right;
}

div.ats-category-quickbuttons a {
	margin-bottom: 2px !important;
}

img.ats-category-image {
	float: left;
	max-width: 64px;
	max-height: 64px;
	margin: 0.25em 1em 1em 0.25em;
}

/**
 * Tickets view
 */
table.ats-tickets-table td {
	vertical-align: top;
}

table.ats-tickets-table tr+tr {
	border-top: 1px solid #cccccc;
}

table tr > td.high-priority{
	background: #e2363c !important;
	color: #ffffff;
	text-align: center;
}

table tr > td.low-priority{
	background: #40b5b8 !important;
	color: #ffffff;
	text-align: center;
}

h3.ats-ticket-title a {
	text-decoration: none;
	font-weight: bold;
}

/**
 * Buckets
 */
h3.ats-bucket-title > a {
	text-decoration: none;
}

/**
 * Canned replies
 */

.akeeba-renderer-fef tr.ats-selected td{
	background-color: #aad074 !important;
}

/*
 * Custom bbCode editor styling
 */
#markItUpBbcode .canned a,
#markItUpBbcodemn .canned a {
	background-image: url(../images/ats-black-16.png);
}

#markItUpBbcode .bucket a,
#markItUpBbcodemn .bucket a {
	background-image: url(../images/bucket.png);
}

#markItUpBbcode textarea,
#markItUpBbcodemn textarea {
	width: 94%;
	background-image: none;
	font: 11pt 'Helvetica Neue', Calibri, Arial, sans-serif;
	padding: 5px 5px 5px 5px;
}

div.markItUp {
	width: 100%;
	background-color: transparent;
	border: none;
}

div.markItUpContainer {
	border: none;
	background-image: none;
	background-color: white;
}

/*
 * InstantReply Lightbox
 */
#ats-instantreply-lightbox-wrapper {
	float: left;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

#ats-instantreply-lightbox-shader {
	float: left;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(0,0,0,0.8);
}

#ats-instantreply-lightbox-innerbox {
	width: 1024px;
	height: 75%;
	margin: 6.25% auto;
	background-color: white;
	border-radius: 10px;
	padding: 10px;
}

#ats-instantreply-lightbox-iframe {
	width: 100%;
	height: 90%;
	border: none;
}

#ats-instantreply-lightbox-close {
	float: right;
	cursor: pointer;
}

/**
 * Module overlay
 */
#ats-replyarea-overlay {
	width: 750px;
	height: 420px;
	background-color: #ffffff;
	float: left;
	position: absolute;
	margin-top: -20px;
	z-index: 10000;
	border: thick solid #333;
	padding: 10px;
	border-radius: 0;
	box-shadow: none;
}

/**
 * Posts view
 */
#atsTab li {
	list-style: none;
}

header.ats-post-header a {
	color: white !important;
	text-decoration: none;
	background-color: transparent !important;
}

header.ats-post-header a:hover {
	background: none !important;
}

div.ats-post-userinfo {
	border-left: thin dashed #ccc;
	z-index: 90;
	text-align: center;
}

div.ats-post-userinfo-avatar img {
	float: none;
	max-width: 64px;
	max-height: 64px;
	border: thin solid #333;
	border-radius: 3px;
	margin: 0 25px;
}

div.ats-post-userinfo-username a {
	font-weight: bold;
	word-wrap: break-word;
	text-decoration: none;
}

div.ats-post-userinfo-username, div.ats-post-userinfo-subscriptions, div.ats-post-userinfo-badge {
	margin: 0.2em;
}

div.ats-post-userinfo-badge img {
	margin:0 0 0.5em;
}

div.ats-post-content-html {
	margin: 0 0.5em;
}

div.ats-post-customfields{
	margin: 0.3em 0.5em;
	border-top: thin dashed #ccc;
	padding-top: 5px;
}

div.ats-post-customfields h6{
	margin: 0;
}

div.ats-post-customfields dd{
	font-style: italic;
}

div.ats-post-content-signature {
	margin: 0.3em 0.5em;
	padding-top: 0.3em;
	border-top: thin dotted #ccc;
}

div.ats-post-edits {
	margin: 0.5em;
	font-weight: normal;
	font-style: italic;
	font-size: 8pt;
	color: #999;
}

div.ats-post-status-unpublished,
.akeeba-renderer-fef div.ats-post-status-unpublished {
	background: repeating-linear-gradient(
			45deg,
			#fffafa,
			#fffafa 10px,
			#fff0f0 10px,
			#fff0f0 20px
	);
}

div.ats-post-attachments {
	margin: 0.3em 0.5em;
}

span.ats-post-attachments-head {
	display: block;
	font-weight: bold;
}

div.ats-post-buttons {
	border-top: #ccc;
	padding: 5px 3px;
}

form#ats_moveticket_form {
	margin: 0;
}

.ats-ticket-replyarea-attachment {
	clear: both;
}

span.ats-canned-reply-button {
    /**
	float: left;
	clear: left;
	**/
	margin: 5px 0 0.5em 5px;
}

.akeeba-bootstrap .form-horizontal .control-label.large{
	padding-top:0;
	margin-right:5px;
	width:320px;
}

/**
 * InstantReply Styling
 */

.ats-cannedreply-raw {
	margin: 5px;
	padding: 5px;
	border: thin solid #333;
	background-color: #f0f0f0;
	display: none;
}

#ats-ticket-display div.current {
	max-width: 100%;
}

#atsPreviewArea{margin:10px 0 25px}

/**
 * Modal dialogs using jsModal. Light version (should fit most, if not all, administrator themes)
 */
#akeeba-modal-overlay {
	background: #373637;
	filter: alpha(opacity=60);
	height: 100%;
	left: 0;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	-ms-filter: alpha(opacity=60);
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 998;
}

#akeeba-modal-container {
	background: #fff;
	border: 1px solid #d6d6d6;
	box-shadow: 0px 4px 16px rgba(55, 54, 55, 0.2);
	height: auto;
	max-height: 90%;
	overflow: auto;
	padding: 10px;
	font-family: arial,sans-serif;
	font-size: 14px;
	position: absolute;
	z-index: 998;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

#akeeba-modal-header {
	height: 20px;
	overflow: hidden;
	clear: both;
}

#akeeba-modal-close {
	background: #fff url('../images/modal-close.png') no-repeat center center;
	cursor: pointer;
	display: block;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	-ms-filter: alpha(opacity=60);
	opacity: 0.6;
	float: right;
	height: 20px;
	width: 20px;
}
#akeeba-modal-close:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-webkit-opacity: 1.0;
	-ms-filter: alpha(opacity=100);
	opacity: 1.0;
}

#akeeba-modal-content {
	display: block;
	padding: 0 20px 10px 20px;
	z-index: 999;
}

#akeeba-modal-container.modal-loading {
	background: #fff url('../images/loading.gif') no-repeat center center;
}