/**
 * This CSS file was auto-generated via PostCSS
 *
 * Contributors should avoid editing this file, but instead edit the associated
 * src/resources/postcss/ file. For more information, check out our engineering
 * docs on how we handle CSS in our engineering docs.
 *
 * @see: https://the-events-calendar.github.io/products-engineering/docs/code-standards/css/
 */

.tribe-report-panel {
	overflow: visible;
	padding: 0;
	position: relative;
}

	.tribe-report-panel.welcome-panel {
		overflow: visible;
	}

	.tribe-report-panel .about-description {
		width: 66%;
	}

	.tribe-report-panel .about-description a {
		color: inherit;
	}

	.tribe-report-panel .welcome-panel-column-container {
		display: flex;
		flex-flow: row;
		justify-content: space-between;
		position: initial;
		*zoom: 1;
	}

	.tribe-report-panel .welcome-panel-column {
		padding: 20px 10px;
	}

	.tribe-report-panel .welcome-panel-column li {
			line-height: 1.4em;
			margin-bottom: 6px;
			padding: 0;
		}

	.tribe-report-panel .welcome-panel-column .tribe-event-meta-note div {
				padding: 0 0 0 15px;
			}

	.tribe-report-panel .welcome-panel-last {
		border-left: 1px solid #eee;
		display: flex;
		flex-flow: row wrap;
		padding: 10px 20px 5px;
		*zoom: 1;
	}

	.tribe-report-panel .welcome-panel-last li {
			margin-bottom: 2px;
		}

	.tribe-report-panel .welcome-panel-last .totals-header {
			flex: 0 0 100%;
		}

	.tribe-report-panel .welcome-panel-last .totals-header h3 {
				display: inline-block;
				width: auto;
			}

	.tribe-report-panel .welcome-panel-last .totals-header .order-total {
				font-size: 16px;
				margin: 1.2em 0 0;
				font-weight: 600;
			}

	.tribe-report-panel .welcome-panel-last h4 {
			font-size: 1.5em;
			text-align: center;
		}

	.tribe-report-panel .welcome-panel-last li {
			font-size: 1.1em;
		}

.tribe-report-page .welcome-panel-content h3 {
		margin-top: 0;
	}

.tribe-report-page h4.tickets-summary {
		margin: 0;
	}

.tribe-report-page .tickets_checkin {
		min-width: 87px;
		text-align: center;
		white-space: nowrap;
	}

.tribe-report-page .tickets_uncheckin {
		display: none;
		height: auto;
		line-height: 1.5;
		white-space: normal;
	}

.tribe-report-page .tickets_checked td {
			opacity: 0.6;
		}

.tribe-report-page .tickets_checked td.check_in {
			opacity: 1;
		}

.tribe-report-page .tickets_checked .tickets_checkin {
			display: none;
		}

.tribe-report-page .tickets_checked .tickets_uncheckin {
			display: block;
			opacity: 1;
		}

.tribe-report-page .tickets_checked .inline .tickets_uncheckin {
			display: inline;
		}

.tribe-report-page .cancelled {
		font-style: italic;
	}

.tribe-report-page .cancelled .check_in {
			font-style: normal;
		}

.tribe-report-page .column-attendee_id,
	.tribe-report-page .column-order_id {
		width: 70px;
	}

.tribe-report-page td[class*='column'] {
		word-break: break-word;
	}

.tribe-report-page td.column-status {
		font-size: 13px;
		width: 80px;
	}

.tribe-report-page .column-security {
		width: 120px;
	}

.tribe-report-page .column-check_in {
		min-width: 90px;
		width: auto;
	}

.tribe-report-page .attendees-actions input.print,
		.tribe-report-page .attendees-actions a.email,
		.tribe-report-page .attendees-actions a.export {
			float: left;
			margin: 1px 8px 0 0;
		}

.tribe-attendees-email .tribe-attendees-email-message {
		float: left;
		margin: 0;
	}

.tribe-attendees-email .button-primary {
		margin-top: 3px;
	}

.tribe-attendees-email-message ul {
		font-size: 13px;
		line-height: 1.5;
		margin: 0.5em 0;
		padding: 2px;
	}

.tribe-attendees-email-message ul li:last-child {
			margin-bottom: 0;
		}

#attendees_email_wrapper {
	margin-top: 10px;
	overflow: hidden;
	padding: 20px;
}

#attendees_email_wrapper label {
		display: block;
	}

#attendees_email_wrapper label span {
			display: inline-block;
			width: 105px;
		}

#attendees_email_wrapper select,
	#attendees_email_wrapper input[type='text'] {
		width: 285px;
	}

#attendees_email_wrapper .attendees_or {
		display: block;
		font-size: 20px;
		margin: 20px 0;
		text-align: center;
	}

.wp-list-table {
	font-size: 14px;
}

.wp-list-table td.check_in .delete {
			text-align: center;
		}

.welcome-panel .welcome-panel-content {
		margin: 0;
		*zoom: 1;
	}

/*
 * Preserves utility of modal windows, especially the "Email Attendees" modal, in views above the
 * mobile view but under the upper limits of "tablet" views. The weird class names and !important declarations
 * are unfortunately needed to override Thickbox's inline styles.
 */

/*
 * Preserves utility of modal windows in mobile view. !important declarations
 * are unfortunately needed to override Thickbox's inline styles.
 */

table.orders tr.refunded,
		table.orders tr.denied,
		table.orders tr.pending {
			font-style: italic;
		}

@media screen and (max-width: 768px) {

	.tribe-report-panel .welcome-panel-column-container {
			flex-wrap: wrap
	}

	.tribe-report-panel .welcome-panel-column {
			padding: 20px 0;
			width: 100%
	}

	.tribe-report-panel .welcome-panel-column h3 {
				display: inline-block;
				padding-left: 15px
		}

	.tribe-report-panel .welcome-panel-column ul {
				padding: 0 15px
		}

	.tribe-report-panel .welcome-panel-column .tribe-event-meta-note div {
					padding: 0 15px
			}

	.tribe-report-panel .welcome-panel-middle > div {
				padding: 0 15px
		}

	.tribe-report-panel .welcome-panel-last {
			width: 100%
	}

.welcome-panel .welcome-panel-content {
			margin-left: 0;
			max-width: 100%
	}
		}

@media screen and (min-width: 1024px) {

	.tribe-report-panel .welcome-panel-column {
			display: inline-block;
			padding: 20px 2%;
			width: 29%;
			min-width: 29%
	}
		}

@media screen and (max-width: 870px) {

	.tribe-report-panel .welcome-panel-column li {
				display: list-item
		}

	.tribe-report-panel .welcome-panel-last ul {
				width: 50%
		}
			}

@media screen and (min-width: 870px) {
				.tribe-report-panel .welcome-panel-last ul:first-child {
					margin-bottom: 0;
				}

				.tribe-report-panel .welcome-panel-last ul:last-child {
					margin-top: 0;
				}
			}

@media screen and (max-width: 782px) {
		.tribe-attendees-email-message .notice-dismiss {
			padding: 9px;
		}
	#TB_window {
		height: auto !important;
	}

	#plugin-information-title {
		height: auto !important;
		overflow: hidden !important;
	}

	#plugin-information-footer {
		position: relative !important;
	}
	}

@media screen and (max-width: 440px) {
	#TB_window {
		left: 0 !important;
		margin-left: 0 !important;
		width: 100% !important;
	}

	#TB_iframeContent {
		width: 100% !important;
	}
}
