/***** BOOKINGS PAGE *****/

/** FILTERS **/
.bookacti-filter-container          { display: inline-block; vertical-align: top; margin-right: 10px; }
.bookacti-filter-container input,
.bookacti-filter-container select,
.bookacti-filter-container button,
.bookacti-filter-container .button,
.bookacti-filter-container textarea { width: 150px; }
.bookacti-filter-title              { font-weight: bold; line-height: 2.5em; }
.bookacti-filter-content select[multiple]        { height: 66px; box-sizing: border-box; padding: 0; margin: 0; }
.bookacti-filter-content select[multiple] option { height: 22px; box-sizing: border-box; padding: 2px 4px; margin: 0; }

#bookacti-booking-id-filter-content input                { min-height: 32px; }
#bookacti-booking-id-filter-input-container              { margin-bottom: 2px; }
#bookacti-booking-group-id-filter-input-container        { display: flex; align-items: center; }
#bookacti-booking-group-id-filter-input-container:before { content: '\0021AA'; width: 10px; display: inline-block; font-style: italic; font-size: .8em; }
#bookacti-booking-filter-booking-group-id                { width: 140px; }

#bookacti-event-filter-container          { margin: 20px 0 0 0; }
#bookacti-event-filter-container a        { text-align: center; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; height: 32px; line-height: 32px; }
#bookacti-pick-event-filter-instruction   { vertical-align: middle; margin-left: 8px; }
#bookacti-pick-event-filter::before       { font-family: 'dashicons'; content: "\f508"; margin-right: 4px; font-size: 1.2em; vertical-align: top; position: relative; top: -1px; }
#bookacti-bookings-calendar-settings      { margin-left: 3px; vertical-align: text-bottom; cursor: pointer; color: #565d61; }
#bookacti-picked-events-actions-container { vertical-align: top; }

#bookacti-actions-filter-container input			{ display: block; margin: auto; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; }
#bookacti-actions-filter-container input:last-child	{ margin-bottom: 0; }

label[for="bookacti-booking-filter-dates-from"],
label[for="bookacti-booking-filter-dates-to"] { display: inline-block; vertical-align: middle; width: 40px; max-width: 40px; }
#bookacti-booking-filter-dates-from, #bookacti-booking-filter-dates-to { min-height: 32px; }
#bookacti-booking-filter-dates-from { margin-bottom: 2px; }
label[for="bookacti-booking-filter-dates-from"] + input#bookacti-booking-filter-dates-from,
label[for="bookacti-booking-filter-dates-to"] + input#bookacti-booking-filter-dates-to { display: inline-block; vertical-align: middle; width: 148px; max-width: 148px; }

#bookacti-booking-filter-customer,
#bookacti-booking-filter-customer + .select2 .select2-selection,
#bookacti-booking-filter-customer + .select2 .select2-selection__rendered,
#bookacti-booking-filter-customer + .select2 .select2-selection__arrow { min-height: 32px; line-height: 32px; }

.bookacti-filter-container:nth-of-type(1) .select2.select2-container { z-index: 50; }
.bookacti-filter-container:nth-of-type(2) .select2.select2-container { z-index: 45; }
.bookacti-filter-container:nth-of-type(3) .select2.select2-container { z-index: 40; }
.bookacti-filter-container:nth-of-type(4) .select2.select2-container { z-index: 35; }
.bookacti-filter-container:nth-of-type(5) .select2.select2-container { z-index: 30; }
.bookacti-filter-container:nth-of-type(6) .select2.select2-container { z-index: 25; }
.bookacti-filter-container:nth-of-type(7) .select2.select2-container { z-index: 20; }
.bookacti-filter-container:nth-of-type(8) .select2.select2-container { z-index: 15; }
.bookacti-filter-container:nth-of-type(9) .select2.select2-container { z-index: 10; }




/** BOOKING SYSTEM **/
#bookacti-booking-system-filter-container                                    { margin-top: 20px; }
#bookacti-booking-system-bookings-page .bookacti-booking-system-title        { display: none; }
#bookacti-bookings-container .bookacti-picked-events                         { display: none !important; }
#bookacti-booking-system-bookings-page .bookacti-calendar .bookacti-availability-container 
.bookacti-not-booked .bookacti-active-bookings-number                        { font-weight: normal; font-size: 1em; }
#bookacti-booking-system-bookings-page .bookacti-calendar .bookacti-available-places.bookacti-booked { background-color: rgba(255,128,0,0.4); }
#bookacti-booking-system-reschedule-container,
#bookacti-booking-system-reschedule-container .bookacti-booking-system-title { margin-bottom: 20px; }




/** BOOKINGS TOOLTIP **/
.bookacti-tooltips-container { margin-top: 20px; }
.bookacti-tooltip-mouseover { 
	z-index: 10000; 
	min-width: 320px;
	max-width: 480px;
	max-height: 480px;
	padding: 15px 10px 15px 20px; 
	box-sizing: border-box;
	
	background-color: #fff; 
	border: 1px solid #aaa; 
	border-radius: 3px; 
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.18); 
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.18); 
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.18);
}

.bookacti-tooltip-mouseover .bookacti-tooltip-content { max-width: 450px; max-height: 450px; overflow: auto; padding-right: 10px; }
.bookacti-tooltip-mouseover .bookacti-tooltip-arrow {
	content: '';
	position: absolute;
	left: calc( 50% - 5px );
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	background-color: #fff;
}
.bookacti-tooltip-mouseover .bookacti-tooltip-arrow-top    { top: -6px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; }
.bookacti-tooltip-mouseover .bookacti-tooltip-arrow-bottom { bottom: -6px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }

.bookacti-booking-list-tooltip.bookacti-tooltip-mouseover                           { max-height: 300px; }
.bookacti-booking-list-tooltip.bookacti-tooltip-mouseover .bookacti-tooltip-content { max-height: 270px; }

.bookacti-booking-list-tooltip .bookacti-column-status label,
.bookacti-booking-list-tooltip .bookacti-column-payment_status label { display: none; }




/** BOOKING LIST **/
#bookacti-booking-list-container { margin-bottom: 40px; }
#bookacti-booking-list-container .row-actions { display: none; position: static; }
#bookacti-booking-list-container tr.is-expanded .row-actions { display: block; }
#bookacti-booking-list-container .has-row-actions { position: relative; }
#bookacti-booking-list-container .column-quantity .sorting-indicator { display: inline-block; vertical-align: top; float: none; }
#bookacti-booking-list-container .column-quantity { width: 40px; white-space: nowrap; text-align: center; }
#bookacti-booking-list-container .column-payment_status,
#bookacti-booking-list-container .column-state { width: 50px; text-align: center; }
#bookacti-booking-list-container .column-event_title,
#bookacti-booking-list-container .column-activity_title,
#bookacti-booking-list-container .column-template_title,
#bookacti-booking-list-container .column-product,
#bookacti-booking-list-container .column-email,
#bookacti-booking-list-container .column-phone,
#bookacti-booking-list-container .column-start_date,
#bookacti-booking-list-container .column-end_date,
#bookacti-booking-list-container .column-creation_date { width: 12%; }
#bookacti-booking-list-container .column-actions       { width: 250px; }

@media screen and ( max-width: 1280px ) {
	#bookacti-booking-list-container .column-quantity	{ width: 30px; }
	#bookacti-booking-list-container .column-payment_status,
	#bookacti-booking-list-container .column-state		{ width: 40px; }
	#bookacti-booking-list-container .column-actions	{ width: 106px; }
}

#bookacti-booking-list-container .column-id .bookacti-booking-group-id::before { content: '\0021AA  '; }
#bookacti-booking-list-container .column-id .bookacti-booking-group-indicator,
#bookacti-booking-list-container .column-id .bookacti-booking-group-id,
.bookacti-user-booking-list-table .bookacti-column-booking_id .bookacti-booking-group-indicator,
.bookacti-user-booking-list-table .bookacti-column-booking_id .bookacti-booking-group-id         { display: block; font-size: 0.8em; font-style: italic; }
.bookacti-user-booking-list-table .bookacti-column-booking_id .bookacti-booking-group-id::before { content: '\0021AA  '; }

.bookacti-nb-selected      { margin-right: 8px; }
.rtl .bookacti-nb-selected { margin-left: 8px; }
.bookacti-select-all-container,
.bookacti-select-all,
.bookacti-unselect-all,
.bookacti-nb-selected { display: inline-block; vertical-align: middle !important; }

.wp-admin a.bookacti-show-booking-group-bookings.active,
.wp-admin a.bookacti-show-booking-group-bookings.active:hover { background-color: #3689b1; }
.wp-admin a.bookacti-show-booking-group-bookings.active:after { color: #fff; }
#bookacti-booking-list-container .bookacti-gouped-booking:not(.hidden) .check-column   { border-left: 2px solid #3689b1; }
#bookacti-booking-list-container .bookacti-gouped-booking:not(.hidden) .column-actions { border-right: 2px solid #3689b1; }
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-last td,		
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-last th     { border-bottom: 2px solid #3689b1 !important; }
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-first td,
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-first th,
#bookacti-booking-list-container .bookacti-booking-group + tr.bookacti-gouped-booking:not(.hidden) td,
#bookacti-booking-list-container .bookacti-booking-group + tr.bookacti-gouped-booking:not(.hidden) th { border-top: 2px solid #3689b1; }
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-first th.column-id,
#bookacti-booking-list-container .bookacti-booking-group + tr.bookacti-gouped-booking:not(.hidden) th.column-id { position: relative; }
#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking-first th.column-id:before,
#bookacti-booking-list-container .bookacti-booking-group + tr.bookacti-gouped-booking:not(.hidden) th.column-id:before { content: 'group'; position: absolute; top: 0; left: 0; padding: 0 5px 2px 3px; font-size: 0.8em; font-style: italic; background-color: #3689b1; color: #fff; border-bottom-right-radius: 4px; }

.bookacti-payment-status.bookacti-tip,
.bookacti-booking-status.bookacti-tip     { padding: 0; }
.bookacti-payment-status,
.bookacti-booking-status                  { font-weight: bold; }
.bookacti-booking-status label            { display: inline; vertical-align: middle; margin: 0; font-weight: initial; }

.bookacti-payment-status-paid,
.bookacti-booking-status-booked,
.bookacti-booking-status-delivered        { color: #82c818; }
.bookacti-payment-status-owed,
.bookacti-booking-status-pending,
.bookacti-booking-status-in_cart          { color: #f89b2f; }
.bookacti-booking-status-cancelled,
.bookacti-booking-status-refunded,
.bookacti-booking-status-refund_requested,
.bookacti-booking-status-expired,
.bookacti-booking-status-removed          { color: #b81c23; }
.bookacti-payment-status-none             { color: #555; }

.bookacti-payment-status:before,
.bookacti-booking-status:before                   { font-size: 1.5em; font-weight: bold; white-space: nowrap; vertical-align: middle; vertical-align: middle; margin: 0; }
.bookacti-payment-status-none:before              { content: '\004b  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-delivered::before        { content: '\0048  '; font-family: 'booking_activities_icons'; }
.bookacti-payment-status-paid:before,
.bookacti-booking-status-booked::before           { content: '\0049  '; font-family: 'booking_activities_icons'; }
.bookacti-payment-status-owed:before,
.bookacti-booking-status-pending::before          { content: '\0047  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-cancelled::before        { content: '\004a  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-refunded::before         { content: '\0041  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-refund_requested::before { content: '\0042  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-in_cart::before          { content: '\0045  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-expired::before          { content: '\0046  '; font-family: 'booking_activities_icons'; }
.bookacti-booking-status-removed::before          { content: '\0044  '; font-family: 'booking_activities_icons'; }

#bookacti-booking-list .bookacti-refund-coupon-code { display: block; font-size: 0.8em; font-style: italic; white-space: nowrap; overflow-x: auto; }
.bookacti-refund-coupon-not-valid                   { text-decoration: line-through; }
#bookacti-booking-list-container .column-state .bookacti-loading-container { padding: 0; }
#bookacti-booking-list-container .column-state .bookacti-loading-text      { display: none; }

.wp-admin a.bookacti-booking-action, 
.wp-admin a.bookacti-booking-group-action              { width: 2em; height: 2em; padding: 0; text-align: center; }
.wp-admin a.bookacti-booking-action:after,
.wp-admin a.bookacti-booking-group-action:after        { font-family: 'dashicons'; }
.wp-admin a.bookacti-change-booking-status:after       { content: '\f464'; }
.wp-admin a.bookacti-change-booking-quantity:after     { content: '\f156'; }
.wp-admin a.bookacti-refund-booking:after              { content: '\f526'; }
.wp-admin a.bookacti-send-booking-notification:after   { content: '\f466'; }
.wp-admin a.bookacti-delete-booking:after              { content: '\f182'; }
.wp-admin a.bookacti-view-booking-order:after          { font-family: 'WooCommerce'; content: '\e03d'; }
.wp-admin a.bookacti-reschedule-booking:after          { content: '\f469'; }
.wp-admin a.bookacti-show-booking-group-bookings:after { content: '\f163'; }

a.bookacti-booking-group-action[disabled],
a.bookacti-booking-action[disabled]         { opacity: 0.4; pointer-events: none; }
a.bookacti-booking-group-action,
a.bookacti-booking-action                   { display: inline-block; word-spacing: 0; margin: 5px 0; vertical-align: middle; }
.wp-core-ui .button.bookacti-booking-group-action,
.wp-core-ui .button.bookacti-booking-action { margin: 5px 0; vertical-align: middle; }

.bookacti-booking-price-details-title { font-weight: 600; }


/* Shortcode Booking list */
.bookacti-user-booking-list             { width: 100%; margin-bottom: 20px; }
.bookacti-user-booking-list-table       { width: 100%; background-color: rgba( 255,255,255,0.5 ); border: none; border-collapse: collapse; border-radius: 5px; }
.bookacti-user-booking-list-table thead { background-color: rgba( 255,255,255,0.5 ); }
.bookacti-user-booking-list-table th,
.bookacti-user-booking-list-table td    { padding: 8px; text-align: center; border: none; }
.bookacti-user-booking-list-table tr td { border-top: 1px solid #e5e5e5; vertical-align: middle; }
.bookacti-user-booking-list-table .bookacti-column-events { text-align: left; }

.bookacti-user-booking-list-table .bookacti-booking-events-list                       { margin: 0; }
.bookacti-user-booking-list-table .bookacti-booking-events-list li:only-of-type       { list-style-type: none; }
.bookacti-user-booking-list-table .bookacti-booking-events-list li:not(:only-of-type) { margin-left: 18px; }

tr.bookacti-booking-list-selected-row                             { background-color: rgba( 65, 143, 182, 0.1 ); }
.striped>tbody>:nth-child(odd).bookacti-booking-list-selected-row { background-color: rgba( 65, 143, 182, 0.12 ); }

.bookacti-user-booking-list-table .bookacti-private-value::before { content: '<'; }
.bookacti-user-booking-list-table .bookacti-private-value::after  { content: '>'; }
.bookacti-user-booking-list-table .bookacti-private-value { font-style: italic; font-size: small; }
.bookacti-user-booking-list-table .bookacti-private-value { font-style: italic; font-size: small; }
.bookacti-user-booking-list-table .bookacti-empty-row { display: none; }




/** DIALOGS **/
/* BOOKING ACTIONS DIALOGS */
#bookacti-refund-amount-container,
#bookacti-refund-options-title, 
.bookacti-refund-option              { margin-bottom: 15px; }
.bookacti-refund-options             { display: table; }
.bookacti-refund-option              { display: table-row; }
.bookacti-refund-option-radio, 
.bookacti-refund-option-text         { display: table-cell; vertical-align: top; }
.bookacti-refund-option-text         { padding: 0 0 15px 15px; }
.bookacti-refund-option-label        { font-weight: bold; margin-right: 2px; }
.bookacti-refund-option-label span:first-of-type::after { content: ': '; }
.bookacti-refund-option-description  { font-size: 0.85em; font-style: italic; font-weight: normal; }
.bookacti-refund-option-label,
.bookacti-refund-option-description  { display: block; }
.bookacti-refund-option-warning      { display: block; margin-top: 10px; }
#bookacti-refund-message textarea    { display: block; width: 100%; }
.bookacti-refund-table               { margin: 20px 0; border: none; }
.bookacti-refund-table th            { padding: 5px 0; padding-inline-end: 20px; text-align: start; border: none; }
.bookacti-refund-table td            { padding: 5px 0; padding-inline-end: 20px; border: none; }




/***** RESPONSIVE DESIGN *****/

/* Wordpress breakpoint for responsive WP List Table */
@media screen and ( max-width: 782px ) {
	/* Backend booking list filters */
	#bookacti-bookings-filters-container              { width: 100%; text-align: center; }
	.bookacti-filter-title                            { text-align: left; }
	#wpbody .bookacti-filter-content select[multiple] { height: 75px; }
	
	/* Backend booking list */
	#bookacti-booking-list-container .column-state,
	#bookacti-booking-list-container .column-payment_status,
	#bookacti-booking-list-container .column-quantity,
	#bookacti-booking-list-container .column-state.hidden ~ .column-primary .bookacti-booking-status,
	#bookacti-booking-list-container .column-payment_status.hidden ~ .column-primary .bookacti-payment-status { display: none !important; }
	#bookacti-booking-list-container .bookacti-booking-group-indicator,
	#bookacti-booking-list-container .bookacti-booking-group-id { display: inline; margin-left: 4px; }
	
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status::before        { content: '$'; font-weight: 600; }
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status::after         { font-size: smaller; vertical-align: super; }
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status-good:after     { content: '\0049  '; font-family: 'booking_activities_icons'; }
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status-warning:after  { content: '\0047  '; font-family: 'booking_activities_icons'; }
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status-bad:after      { content: '\004a  '; font-family: 'booking_activities_icons'; }
	#bookacti-booking-list-container .bookacti-primary-data .bookacti-payment-status-disabled:after { content: '\004b  '; font-family: 'booking_activities_icons'; }
	
	#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking:last-child:not(.hidden) td                       { border-bottom: none !important; }
	#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking:last-child:not(.hidden):not(.is-expanded) td.column-primary,
	#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking:last-child:not(.hidden) td.column-actions        { border-bottom: 2px solid #3689b1 !important; }
	#bookacti-booking-list-container tbody#the-list > .bookacti-gouped-booking:first-child:not(.hidden) td:not(.column-primary),
	#bookacti-booking-list-container .bookacti-booking-group + tr.bookacti-gouped-booking:not(.hidden) td:not(.column-primary)  { border-top: none; }
	#bookacti-booking-list-container .bookacti-gouped-booking:not(.hidden) td                                                   { border-right: 2px solid #3689b1; }
	
	/* Frontend booking list */
	.bookacti-user-booking-list-table tr td:not(:first-child)       { border: none; }
	.bookacti-user-booking-list-table thead                         { display: none; }
	.bookacti-user-booking-list-table td                            { display: block; text-align: right; padding: 4px 8px; border: none; }
	.bookacti-user-booking-list-table td.bookacti-empty-column      { display: none; }
	.bookacti-user-booking-list-table td:first-child                { text-align: center; font-weight: 700; }
	.bookacti-user-booking-list-table tr:first-child td:first-child { border-top: none; }
	.bookacti-user-booking-list-table td:first-child *              { display: inline-block; vertical-align: middle; }
	.bookacti-user-booking-list-table td:before                     { content: attr(data-column-label) ":"; float: left; margin-right: 6px; font-weight: 700; vertical-align: middle; }
	.bookacti-user-booking-list-table td:first-child:before         { content: ''; }
	.bookacti-user-booking-list-table td:first-child.bookacti-column-booking_id:before { content: '\2013'; float: none; margin-right: 0; }
	.bookacti-user-booking-list-table td:first-child.bookacti-column-booking_id:after  { content: '\2013'; vertical-align: middle; }
	.bookacti-user-booking-list-table td.bookacti-column-booking_id .bookacti-booking-group-indicator        { display: inline-block; margin-left: 5px; }
	.rtl .bookacti-user-booking-list-table td.bookacti-column-booking_id .bookacti-booking-group-indicator   { margin-left: 0; margin-right: 5px; }
	.bookacti-user-booking-list-table td.bookacti-column-booking_id .bookacti-booking-group-indicator:before { content: '('; }
	.bookacti-user-booking-list-table td.bookacti-column-booking_id .bookacti-booking-group-indicator:after  { content: ')'; }
	.bookacti-user-booking-list-table td.bookacti-column-actions        { text-align: center; } /* Center booking actions */
	.bookacti-user-booking-list-table td.bookacti-column-actions:before { content: ''; }
	.bookacti-user-booking-list-table .bookacti-booking-grouped-events-list,
	.bookacti-user-booking-list-table .bookacti-booking-events-list li:not(:only-of-type) { margin: 0; }
	.bookacti-booking-list-tooltip .bookacti-column-status label,
	.bookacti-booking-list-tooltip .bookacti-column-payment_status label { display: inline; }
}

/* Smartphone only */
@media screen and ( max-width: 460px ) {
	#bookacti-event-filter-container a, 
	#bookacti-event-filter-container input,
	#bookacti-picked-events-actions-container { display: block; margin: auto; margin-bottom: 2px; width: 250px; }
	#bookacti-picked-events-actions-container { margin-top: 8px; }
}

/* Smartphone only */
@media screen and ( max-width: 360px ) {
	.bookacti-filter-container { display: block; margin: auto; width: 80%; }
	.bookacti-filter-content select, 
	.bookacti-filter-content input, 
	.bookacti-filter-content a { width: 100%; }
	#wpbody .bookacti-filter-content select[multiple] { height: 60px; }
}