/* Akeeba Ticketing System Custom CSS */

/* All */
#sp-main-body {
	background-color: #f2f2f2;
}
.ats joomla-tab {
	box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2);
}
.ats button, .ats .btn {
	font-size: 14px;
	padding: 6px 10px !important;
}
#ats-user-close {
	box-shadow: 0 0px 8px 1px rgba(0,0,0,0.25),inset 0 -1px 0 0 #690707,inset 0 0 0 1px #39719663,0 0.5px;
}
.ats > h2 {
	color: var(--primary-color);
	font-size: 30px;
	margin-bottom: 50px;
	text-align: center;
}
.ats #adminForm > .card > .card-header {
	background: transparent;
	color: var(--primary-color);
	display: table;
	margin: 50px auto;
}
#sp-left .mod_atstickets {
	text-align: center;
	width: 180px;
}
#sp-left .mod_atstickets .mod_atstickets-open.mb-3 {
	margin-bottom: 0px !important;
}
.mod_atstickets-buttons .col {
	margin: 15px auto;
}
.mod_atstickets-buttons {
	margin-left: 0;
	margin-right: 0;
}
.mod_atstickets .btn {
	background-color: #337ab7;
}
.mod_atstickets-pretext h3 {
	margin: 22px -30px 0;
}

.ats .choices__button_joomla,
.ats .field-user-wrapper .btn.btn-primary.button-select,
.ats-ticket-new #jform_created_by-lbl, .ats-ticket-new #jform_created_by,
#adminForm > .card > .card-body > .card-body > .control-group > .controls > .input-group > span.input-group-text,
#jform_public-lbl, #jform_public,
#jform_replyText-lbl,
#jform_timespent-lbl, #jform_timespent, #jform_timespent-startstop-button,
#jform_usertags-lbl, joomla-field-fancy-select { /* Hide all tag UI elements */
	display: none;
}
.ats .card-body > .control-group:nth-child(2), .ats .card-body {
	line-height: 35px;
}


/* Ticket Pages */
.ats-ticket-new .card-body > .control-group > .control-label > label {
	display: table-cell;
	padding-left: 2px;
}
.ats-ticket-new .card:nth-of-type(1) > .card-body {
	margin: 0 auto -50px;
	width: 670px;
}
.ats-my-tickets > h2 {
	margin-bottom: 50px;
	text-align: center;
}
.ats-my-tickets .ats-ticket .dropdown-toggle {
	background-color: #253762;
	border-radius: 22px;
	width: 80px;
}
.ats-ticket .atsStatusDropdown .badge.bg-info {
	display: none; /* Hide the 'Pending' option */
}
.ats-ticket .dropdown .dropdown-menu.show {
	min-width: 90px;
	padding-top: 0;
	text-align: center;
	width: 90px;
}
.ats .ats-ticket-info-and-button-container > span {
	display: block;
}
/* .ats-ticket-management-buttons .dropdown:nth-of-type(1), /* pointer-events: none; */
.ats-ticket-new #adminForm > .alert-info,
.ats-ticket-management-buttons .dropdown:nth-of-type(2),
.ats .ats-ticket-info-small-sizes,
.ats-my-tickets #ats-category-filters,
.ats-my-tickets .ats-ticket-title .ats-opened-ago
.ats-my-tickets .ats-latest-category,	/* Hide category and 'IFS Support Center' */
.ats-my-tickets .ats-badges,	/* Hide 'Public' */
.ats-my-tickets .table caption.visually-hidden,
.ats-my-tickets .ats-latest-category,
.ats-my-tickets .ats-ticket-info-small-sizes,	/* Duplicated info */
#atsTicketToolbarAdminCluster, /* Buttons: Make Private, Unpublish, Edit Ticket */
#atsTicketToolbarAdminAssigned, /* Button: "Admin assigned" */
#atsTicketToolbarAdminVisibility, /* "Public" */
.ats-post-userinfo-stats,
.ats-ticket .alert-success,
.ats-total-timespent,
.alert.alert-warning, /* "This is a public ticket" */
#com_ats_site_ticket #replyForm .alert.alert-warning, /* "This is a public ticket" */
.ats-ticket-view-postedin,	/* "Posted in ‘IFS Support’" */
.ats-threaded-item-userinfo-avatar > img, /* avatars */
.ats-post-columns-container .ats-post-userinfo-stats, /* Useless user stats and duplicate email */
.ats-post-columns-container .user-select-all.ats-post-header-email {
	display: none;
}
.table .ats-ticket-in-list {
	display: flex;
}
.ats-ticket-management-buttons {
	margin: 15px;
	order: 1;
}
.ats-ticket-in-list div:first-child { /* Ticket status (Open, Pending, Closed) */
	order: 2;
}
.ats-post-content-html {
	margin: 30px auto;
}
#sp-main-body .ats .badge {
	background-color: #148EDD;
	color: #fff;
	font-size: 13px;
	padding-bottom: 5px;
	text-transform: lowercase;
}
.ats-ticket-title .link-primary {
	font-size: 22px;
}
.ats-post-columns-container .ats-threaded-item-userinfo {
	max-width: 300px;
}
.ats-post-columns-container .ats-threaded-item-body-container {
	width: calc(100% - 300px);
}
.alert.alert-info.small { /* "Total time spent on the ticket" */
	background-color: transparent;
	border-color: transparent;
}
.card-body .ats-post-body-container {
	background-color: #fff;
	border: 1px inset rgba(0,0,0,0.3);
}
.ats-threaded-item-container .ats-threaded-item-header-fullname {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.ats-ticket joomla-tab > joomla-tab-element {
	background-color: rgba(0,0,0,0.001);
}
#atsTicketToolbarAdminStatus::before {
	content: "Ticket Status";
	display: block;
	margin-top: 20px;
	width: 100px;
}
.card-body > .control-group > .control-label {
	float: left;
	margin-right: 20px;
}
.card-body > .control-group > .controls input, .card-body > .control-group > .controls select { /* Ticket Title */
	max-width: 600px;
}
#jform_priority {
	border-radius: 3px;
	padding: 3px 40px;
}
#atsReplyArea > .control-group:last-child > .controls { /* The SEND YOUR REPLY button */
	display: table;
	margin: -20px auto 0;
}
.ats-ticket-new .card > .control-group:last-of-type > .controls {
	display: table;
	margin: 25px auto;
}
.ats > .table.table-striped.table-hover {
	box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
}

/* HTML Editor */

.mceToolbarRow {
	background-color: #cfcfcf;
}
.mceToolbar .mceToolbarRow button {
	background: #f2f2f2;
	max-height: 32px;
}
#tinymce.mceContentBody {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
}
.js-editor-tinymce > .toggle-editor,
.mceDefaultSkin .mceLayout .mceBranding,
#com_ats_site_ticket button[aria-controls="managernotes"],
.ats .js-editor-tinymce .tox-tbtn.tox-tbtn--select, /* Hide the Joomla CMS Content tool in the HTML editor toolbar */
#com_ats_site_ticket .js-editor-tinymce .tox-statusbar__path-item,
#atsReplyArea > .control-group > .controls > .alert.alert-info, /* Hide the 9 billion forbidden file types */
#subfieldList_jform_attachments > caption,
#jform_attachments-lbl,
#jform_attachments-desc,
.group-move.btn,
img[src*="gravatar"] { /* Hide Avitars */
	display: none;
}
#subfieldList_jform_attachments {
	background-color: #253762;
	border: 3px inset #e2e2e2;
	color: #fff;
	display: block;
	padding: 5px 25%;
}
#subfieldList_jform_attachments .subform-repeatable-group .control-group {
	display: table;
	width: 100%;
}
#subfieldList_jform_attachments .control-group > .visually-hidden {
	display: table-cell;
}
#subfieldList_jform_attachments .btn-group {
	width: 100px;
}
#subfieldList_jform_attachments .icon-minus::before {
	content: "\2212";
	font-size: 22px;
}
#subfieldList_jform_attachments .icon-plus::before {
	content: "\002B";
	font-size: 22px;
}
.card-body .form-control-feedback {
	color: #b40000;
	width: fit-content;
}
.mceContentBody img {
	height: auto;
	max-width: 100%;
}
.wf-editor-container,
.mceIframeContainer iframe {
	max-width: 100% !important;
}
#subfieldList_jform_attachments th {
	border: none;
}


/* Single Ticket Page */
.ats-ticket-view-postedin,
#atsTicketToolbarUserSpacer,
#atsTicketToolbarUserVisibility,
.ats-post-footer .ats-post-buttons,
.ats-pseudotoolbar #atsTicketToolbarUserCluster #ats-edit-ticket {
	display: none;
}
.ats-pseudotoolbar #atsTicketToolbarUserCluster {
	display: inline-block;
}
#atsTicketToolbarUserStatus {
	display: inline-block;
	margin: 0 20px;
}
.ats_ticket_frontend_conversation h3.card-header.ats-post-header {
	font-size: 15px;
/*	margin: -15px -15px 0; */
	padding: 10px 10px 15px;
}
.ats .card-body {
	margin-bottom: 50px;
}
.ats .card-body > .control-group:nth-child(2), .ats .card-body {
	line-height: 35px;
}
.ats_ticket_frontend_conversation h3.card-header {
	font-size: 15px;
	margin: -15px -15px 0;
	padding: 10px 10px 15px;
}
.ats-post .card-body {
	line-height: 35px;
	margin-bottom: 50px;
}
.ats-post-columns-container {
	box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
	background-color: #148edd;
}
.ats-post-columns-container > .ats-post-userinfo {
	color: #fff;
	max-width: 300px;
	padding: 10px 10px 50px;
}
.ats-post-columns-container > div {
	display: inline-block;
	vertical-align: top;
}
.card-body .ats-post-body-container {
	background-color: #fff;
	width: calc(100% - 300px);
}
.ats-post-content-html {
	margin: 5px auto 10px;
}


/* My Tickets page */
.ats-my-tickets > .ats-pseudotoolbar {
	display: none;
}


/* Single Ticket */
.ats-ticket > .ats-pseudotoolbar {
	display: block;
	margin-bottom: 20px;
}
div[class*="ats-category-details"] .ats-pseudotoolbar,
div[class*="ats-category-details"] table > caption,
div[class*="ats-category-details"] table .hasTooltip.badge.bg-warning {
	display: none;
}


/* Hide the 'category' field on new tickets till we figure out how to disable it on the live site */
.ats-ticket-new .card > .card-body > .control-group:nth-child(1) {
	display: none;
}


/* Module called Status, All Tickets */
#sp-left .support-staff-tickets-mod a {
	margin-top: 20px;
	max-width: 100%;
	min-width: 180px;
}