/* Bookings Table (originally from events-manager.css) */
.em_obj { position:relative; }
.em-bookings-table .em-bookings-table-trigger {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	width: 24px;
	height: 24px;
	background-size: 24px;
	&:first-child{
		margin-left: 5px;
	}
}

.em-bookings-table {

	.tablenav {
		margin-bottom: 12px;
		.actions input, .actions select {
			float: left;
			margin-right: 6px;
			max-width: 12.5rem;
			&:first-child{
				margin-left: 10px;
			}
		}
	}
	&.frontend {
		.bulkactions {
			display:none;
		}
		.tablenav .alignleft {
			float: left;
			margin-right: 10px;
		}
	}

	.table-wrap {
		margin-top:5px;
		clear: both;

		thead {
			.check-column {
				padding: 0 0 0 3px;
			}
		}
		tr {
			transition: opacity 800ms ease-out;
		}
		tr.faded-out {
			opacity: 0;
		}
		.check-column {
			width: 5.5rem;
			padding: 10px 0 10px 3px;

			button {
				font-family: "Arial", sans-serif !important;
				transform: rotate(-90deg) !important;
				border: 0 !important;
				background: none !important;
				width: 22px !important;
				height: 16px !important;
				font-size: 16px !important;
				line-height: 3px !important;
				font-weight: bold !important;
				color: #aaa !important;
				padding: 0 3px !important;
				cursor: pointer !important;

				&:active, &:focus {
					border: none !important;
					box-shadow: none !important;
				}
			}
		}
		tr.loading {
			pointer-events: none;
			cursor: not-allowed;
			td:not(.check-column) {
				opacity: 0.5;
			}
			.check-column {
				input {
					opacity : 0.3;
				}
				button {
					background: var(--icon-spinner) 3px 0 no-repeat;
					background-size: 16px;
					text-indent: -99999px;
					overflow: hidden;
				}
			}
		}

		.em-icon {
			width: 18px;
			height: 18px;
			margin-right: 5px;
			background-size: 18px;
			&.em-icon-updated { background : green; -webkit-mask-image: var(--icon-updated); mask-image: var(--icon-updated); }
			&.em-icon-cross-circle { background : red; -webkit-mask-image: var(--icon-cross-circle); mask-image: var(--icon-cross-circle); }
			&.em-icon-trash { background : red; -webkit-mask-image: var(--icon-trash); mask-image: var(--icon-trash); }
		}
	}

	&.size-small {
		.em-table-row-responsive-meta {
			display: block;
			visibility: visible;
		}
	}
}

.em-bookings-table-cols {
	display: grid;
	width:  100%;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;

	p {
		margin-bottom: 15px !important;
	}

	.em-bookings-cols-selected {
		.item {
			width: 100%;
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row-reverse;
			align-items: center;
			cursor: pointer;
			margin: 0 0 8px 0;
			padding: 5px 0 5px 8px;
			border-radius: calc(0.25rem - 1px);
			background: #dff4fd;
			border: 1px solid #97dbf9;
			color: #0095c3;

			> span {
				flex: 1 1 auto;
			}

			.remove {
				flex: 0 0 auto;
				color: inherit !important;
				background-color: inherit !important;
				text-decoration: none;
				vertical-align: middle;
				display: inline-block;
				padding: 0;
				border: none;
				box-sizing: border-box;
				margin-right: 10px;
			}
		}
	}

	.em-bookings-cols-select{
		.selectize-input.items {
			.item {
				display: none !important;
			}
			input {
				margin-top: 0 !important;
			}
		}
		.selectize-dropdown {
			.optgroup:before {
				display:none;
			}
			.optgroup-header {
				display: block;
				width: 95%;
				padding: 0 0 6px;
				margin: 10px auto 6px;
				border-bottom: 1px solid #ddd;
			}
			.optgroup:first-child {
				.optgroup-header {
					margin-top: 5px;
				}
			}
		}
	}
}

.em-booking-table.size-small {
	/* WP List Table Options & Filters */
	.tablenav {
		height: auto;
	}

	.tablenav.top {
		margin: 20px 0 5px;
	}

	.tablenav.bottom {
		position: relative;
		margin-top: 15px;
	}

	.tablenav br {
		display: none;
	}

	.tablenav br.clear {
		display: block;
	}

	.tablenav.top .actions,
	.tablenav .view-switch {
		display: none;
	}

	.view-switch a {
		width: 36px;
		height: 36px;
		line-height: 2.53846153;
	}

	/* Pagination */
	.tablenav.top .displaying-num {
		display: none;
	}

	.tablenav.bottom .displaying-num {
		position: absolute;
		left: 0;
		top: 11px;
		margin: 0;
		font-size: 14px;
	}

	.tablenav .tablenav-pages {
		width: 100%;
		text-align: center;
		margin: 0 0 25px;
	}

	.tablenav.bottom .tablenav-pages {
		margin-top: 25px;
	}

	.tablenav.top .tablenav-pages.one-page {
		display: none;
	}

	.tablenav.bottom .tablenav-pages.one-page {
		margin-top: 15px;
		height: 0;
	}

	.tablenav-pages .pagination-links {
		font-size: 16px;
	}

	.tablenav .tablenav-pages .button,
	.tablenav .tablenav-pages .tablenav-pages-navspan {
		min-width: 44px;
		padding: 12px 8px;
		font-size: 18px;
		line-height: 1;
	}

	.tablenav-pages .pagination-links .current-page {
		min-width: 44px;
		padding: 12px 6px;
		font-size: 16px;
		line-height: 1.125;
	}

	/* WP List Table Adjustments: General */
	.form-wrap > p {
		display: none;
	}

	.wp-list-table th.column-primary ~ th,
	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
		display: none;
	}

	.wp-list-table thead th.column-primary {
		width: 100%;
	}

	/* Checkboxes need to show */
	.wp-list-table tr th.check-column {
		display: table-cell;
	}

	.wp-list-table .check-column {
		width: 2.5em;
	}

	.wp-list-table .column-primary .toggle-row {
		display: block;
	}

	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.check-column) {
		position: relative;
		clear: both;
		width: auto !important; /* needs to override some columns that are more specifically targeted */
	}

	.wp-list-table td.column-primary {
		padding-left: 50px; /* space for toggle button */
	}

	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
		padding: 3px 35% 3px 8px;
	}

	.wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
		position: absolute;
		right: 10px; /* match padding of regular table cell */
		display: block;
		overflow: hidden;
		width: 32%; /* leave a little space for a gutter */
		content: attr(data-colname);
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.wp-list-table .is-expanded td:not(.hidden) {
		display: block !important;
		overflow: hidden; /* clearfix */
	}

	/* Special cases */
	.widefat .num,
	.column-posts {
		text-align: right;
	}

	#comments-form .fixed .column-author,
	#commentsdiv .fixed .column-author {
		display: none !important;
	}

	.fixed .column-comment .comment-author {
		display: block;
	}

	/* Comment author hidden via Screen Options */
	.fixed .column-author.hidden ~ .column-comment .comment-author {
		display: none;
	}

	#the-comment-list .is-expanded td {
		box-shadow: none;
	}

	#the-comment-list .is-expanded td:last-child {
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	}

	/* Show comment bubble as text instead */
	.post-com-count .screen-reader-text {
		position: static;
		-webkit-clip-path: none;
		clip-path: none;
		width: auto;
		height: auto;
		margin: 0;
	}

	.column-response .post-com-count-no-comments:after,
	.column-response .post-com-count-approved:after,
	.column-comments .post-com-count-no-comments:after,
	.column-comments .post-com-count-approved:after {
		content: none;
	}

	.column-response .post-com-count [aria-hidden="true"],
	.column-comments .post-com-count [aria-hidden="true"] {
		display: none;
	}

	.column-response .post-com-count-wrapper,
	.column-comments .post-com-count-wrapper {
		white-space: normal;
	}

	.column-response .post-com-count-wrapper > a,
	.column-comments .post-com-count-wrapper > a {
		display: block;
	}

	.column-response .post-com-count-no-comments,
	.column-response .post-com-count-approved,
	.column-comments .post-com-count-no-comments,
	.column-comments .post-com-count-approved {
		margin-top: 0;
		margin-left: 0.5em;
	}

	.column-response .post-com-count-pending,
	.column-comments .post-com-count-pending {
		position: static;
		height: auto;
		min-width: 0;
		padding: 0;
		border: none;
		border-radius: 0;
		background: none;
		color: #b32d2e;
		font-size: inherit;
		line-height: inherit;
		text-align: right;
	}

	.column-response .post-com-count-pending:hover,
	.column-comments .post-com-count-pending:hover {
		color: #d63638;
	}

	.widefat thead td.check-column,
	.widefat tfoot td.check-column {
		padding-top: 10px;
	}

	.row-actions {
		margin-right: -8px;
		margin-left: -8px;
		padding-top: 4px;
	}

	/* Make row actions more easy to select on mobile */
	body:not(.plugins-php) .row-actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		color: transparent;
	}

	.row-actions span a,
	.row-actions span .button-link {
		display: inline-block;
		padding: 4px 8px;
		line-height: 1.5;
	}

	.row-actions span.approve:before,
	.row-actions span.unapprove:before {
		content: "| ";
	}

	/* Quick Edit and Bulk Edit */
	#wpbody-content .quick-edit-row-post .inline-edit-col-left,
	#wpbody-content .quick-edit-row-post .inline-edit-col-right,
	#wpbody-content .inline-edit-row-post .inline-edit-col-center,
	#wpbody-content .quick-edit-row-page .inline-edit-col-left,
	#wpbody-content .quick-edit-row-page .inline-edit-col-right,
	#wpbody-content .bulk-edit-row-post .inline-edit-col-right,
	#wpbody-content .bulk-edit-row .inline-edit-col-left,
	#wpbody-content .bulk-edit-row-page .inline-edit-col-right,
	#wpbody-content .bulk-edit-row .inline-edit-col-bottom {
		float: none;
		width: 100%;
		padding: 0;
	}

	#the-list .inline-edit-row .inline-edit-legend,
	.inline-edit-row span.title {
		font-size: 16px;
	}

	.inline-edit-row p.howto {
		font-size: 14px;
	}

	#wpbody-content .inline-edit-row-page .inline-edit-col-right {
		margin-top: 0;
	}

	#wpbody-content .quick-edit-row fieldset .inline-edit-col label,
	#wpbody-content .quick-edit-row fieldset .inline-edit-group label,
	#wpbody-content .bulk-edit-row fieldset .inline-edit-col label,
	#wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
		max-width: none;
		float: none;
		margin-bottom: 5px;
	}

	#wpbody .bulk-edit-row fieldset select {
		display: block;
		width: 100%;
		max-width: none;
		box-sizing: border-box;
	}

	.inline-edit-row fieldset input[name=jj],
	.inline-edit-row fieldset input[name=hh],
	.inline-edit-row fieldset input[name=mn],
	.inline-edit-row fieldset input[name=aa] {
		font-size: 16px;
		line-height: 2;
		padding: 3px 4px;
	}

	#bulk-titles .ntdelbutton,
	#bulk-titles .ntdeltitle,
	.inline-edit-row fieldset ul.cat-checklist label {
		padding: 6px 0;
		font-size: 16px;
		line-height: 28px;
	}

	#bulk-titles .ntdelitem {
		padding-right: 37px;
	}

	#bulk-titles .ntdelbutton {
		width: 40px;
		height: 40px;
		margin: 0 -40px 0 0;
		overflow: hidden;
	}

	#bulk-titles .ntdelbutton:before {
		font-size: 20px;
		line-height: 28px;
	}

	.inline-edit-row fieldset label span.title,
	.inline-edit-row fieldset.inline-edit-date legend {
		float: none;
	}

	.inline-edit-row fieldset .inline-edit-col label.inline-edit-tags {
		padding: 0;
	}

	.inline-edit-row fieldset label span.input-text-wrap,
	.inline-edit-row fieldset .timestamp-wrap {
		margin-right: 0;
	}

	.inline-edit-row .inline-edit-or {
		margin: 0 0 0 6px;
	}

	#edithead .inside,
	#commentsdiv #edithead .inside {
		float: none;
		text-align: right;
		padding: 3px 5px;
	}

	#commentsdiv #edithead .inside input,
	#edithead .inside input {
		width: 100%;
	}

	#edithead label {
		display: block;
	}

	/* Updates */
	#wpbody-content .updates-table .plugin-title {
		width: auto;
		white-space: normal;
	}

	/* Links */
	.link-manager-php #posts-filter {
		margin-top: 25px;
	}

	.link-manager-php .tablenav.bottom {
		overflow: hidden;
	}

	/* List tables that don't toggle rows */
	.comments-box .toggle-row,
	.wp-list-table.plugins .toggle-row {
		display: none;
	}

	/* Plugin/Theme Management */
	#wpbody-content .wp-list-table.plugins td {
		display: block;
		width: auto;
		padding: 10px 9px; /* reset from other list tables that have a label at this width */
	}

	/* Plugin description hidden via Screen Options */
	#wpbody-content .wp-list-table.plugins .desc.hidden {
		display: none;
	}

	#wpbody-content .wp-list-table.plugins .column-description {
		padding-top: 2px;
	}

	#wpbody-content .wp-list-table.plugins .plugin-title,
	#wpbody-content .wp-list-table.plugins .theme-title {
		padding-left: 12px;
		white-space: normal;
	}

	.wp-list-table.plugins .plugin-title,
	.wp-list-table.plugins .theme-title {
		padding-top: 13px;
		padding-bottom: 4px;
	}

	.plugins #the-list tr > td:not(:last-child),
	.plugins #the-list .update th,
	.plugins #the-list .update td,
	.wp-list-table.plugins #the-list .theme-title {
		box-shadow: none;
		border-top: none;
	}

	.plugins #the-list tr td {
		border-top: none;
	}

	.plugins tbody {
		padding: 1px 0 0;
	}

	.plugins tr.active + tr.inactive th.check-column,
	.plugins tr.active + tr.inactive td.column-description,
	.plugins .plugin-update-tr:before {
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	}

	.plugins tr.active + tr.inactive th.check-column,
	.plugins tr.active + tr.inactive td {
		border-top: none;
	}

	/* mimic the checkbox th */
	.plugins .plugin-update-tr:before {
		content: "";
		display: table-cell;
	}

	.plugins #the-list .plugin-update-tr .plugin-update {
		border-right: none;
	}

	.plugin-update-tr .update-message {
		margin-right: 0;
	}

	.plugins .active.update + .plugin-update-tr:before,
	.plugins .active.updated + .plugin-update-tr:before {
		background-color: #f0f6fc;
		border-right: 4px solid #72aee6;
	}

	.plugins .plugin-update-tr .update-message {
		margin-right: 0;
	}

	.wp-list-table.plugins .plugin-title strong,
	.wp-list-table.plugins .theme-title strong {
		font-size: 1.4em;
		line-height: 1.5;
	}

	.plugins tbody th.check-column {
		padding: 8px 5px 0 0;
	}

	.plugins thead td.check-column,
	.plugins tfoot td.check-column,
	.plugins .inactive th.check-column {
		padding-right: 9px;
	}

	/* Add New plugins page */
	table.plugin-install .column-name,
	table.plugin-install .column-version,
	table.plugin-install .column-rating,
	table.plugin-install .column-description {
		display: block;
		width: auto;
	}

	table.plugin-install th.column-name,
	table.plugin-install th.column-version,
	table.plugin-install th.column-rating,
	table.plugin-install th.column-description {
		display: none;
	}

	table.plugin-install td.column-name strong {
		font-size: 1.4em;
		line-height: 1.6em;
	}

	table.plugin-install #the-list td {
		box-shadow: none;
	}

	table.plugin-install #the-list tr {
		display: block;
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	}

	.plugin-card {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	table.media .column-title .has-media-icon ~ .row-actions {
		margin-right: 0;
		clear: both;
	}
}


// Stop cols for booking cols selector for very small screens only
@media only screen and (max-width: 800px) {
	.em-bookings-cols-selected {
		.item {
			display: block;
		}
	}
}

// Stop cols for booking cols selector for very small screens only
@media only screen and (max-width: 380px) {
	.em-bookings-cols-selected {
		.item {
			display: block;
		}
	}
}