@media (max-width: 920px) {
	.mphb-account-menu {
		overflow-x: auto;
	}
}

	.js-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 0;
        list-style: none; /* If using <ul> */
        margin-top: 1rem;
    }

    .js-pagination .prev,
    .js-pagination .next,
    .js-pagination .number {
        /* Your base button styles: padding, margin, border, etc. */
        margin: 0 2px;
        padding: 5px 10px;
        border: 1px solid #ccc;
        background-color: rgb(245, 245, 245);
        cursor: pointer;
		border-radius: 4px;
		color: #000;
    }

	.js-pagination .prev:hover,
    .js-pagination .next:hover,
    .js-pagination .number:hover {
		border: 1px solid #ccc;
	}

    .js-pagination .prev:disabled,
	.js-pagination .prev:hover:disabled,
    .js-pagination .next:disabled,
	.js-pagination .next:hover:disabled{
        cursor: not-allowed;
        opacity: 0.6;
		background-color: #e8e8e8;
		color: #ccc ;
    }

    .js-pagination .number.active {
        /* Styles for the active page number */
        background-color: #CCB873;
        color: #fff;
        border-color: #CCB873;
        
    }

    .js-pagination .numbers {
        display: flex;
        align-items: center;
    }

    .js-pagination .number-first,
    .js-pagination .number-last {
        padding: 5px;
        margin: 0 2px;
    }

	


		select {
 			background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMC40MzIwMDAwMDAwMDAwMDAwNSIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNNyAxMEwxMiAxNUwxNyAxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==");
			background-size: 25px;
			background-repeat: no-repeat;
			background-position-x: 96%;
			background-position-y: center;
			-webkit-appearance: none;
			-moz-appearance: none;
			-o-appearance: none;
			appearance: none;
			accent-color: #AE9F6F !important;
		}
		select option:hover, select option:checked {
			accent-color: #AE9F6F !important;
			color:white;
			background-color: #AE9F6F !important;
		}
		

			.chosen-container{
				min-width: 275px;
			}
			.chosen-search-input {
				border: 1px solid #d2d2d2;
				padding: 4px 8px;
				font-weight: 300;
				display: block;
				font-size: 14px;
			}
			.chosen-search-input:focus-visible {
				border-color: #382673 !important;
			}
		  @media (max-width:767px){
			.chosen-container{
				min-width: 100%;
				
			}
			
		}  


.owner-bookings, .owner-total {
	margin-bottom: 1.2rem !important;
	margin-top: 2.5rem;
}
.owner-bookings:first-child {
	margin-top: 0;
}
		
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/* @media only screen and (max-width: 1200px), */
/* (min-device-width: 768px) and (max-device-width: 1200px)  */
@media  (max-width: 1200px)
 {

	

	/* Force table to not be like tables anymore */
	table.owner-bookings caption,
	table.owner-total caption {
		width: 100%;
		display: block;
		text-align: center !important;
	}
	table.owner-bookings, .owner-bookings thead, .owner-bookings tbody, .owner-bookings th, .owner-bookings td, .owner-bookings tr,  
	table.owner-total, .owner-total thead, .owner-total tbody, .owner-total tfoot, .owner-total th, .owner-total td, .owner-total tr { 
		display: block ; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.owner-bookings thead tr , 
	.owner-total thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/* //tr { border: 1px solid #ccc; } */
	.owner-bookings tbody tr:nth-child(even) td,
	.owner-total tbody tr:nth-child(even) td{
		background-color: #dcdcdc ; 
	}

	.owner-bookings tbody tr:nth-child(odd) td,
	.owner-total tbody tr:nth-child(odd) td {
		background-color: #FFF 
	}

	.owner-bookings tbody tr td,
	.owner-total tbody tr td{
		border-width: .5px !important;
	}

	.owner-bookings tbody tr ,
	.owner-total tbody tr ,
	.owner-total tfoot tr {
		border: none !important;
	} 
	.owner-bookings tbody td ,
	.owner-total tbody td , 
	.owner-total tfoot th { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #d2d2d2 !important; 
		position: relative;
		padding-left: 50%; 
	}
	
	.owner-bookings tbody td:before ,
	.owner-total tbody td:before ,
	.owner-total tfoot th:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.owner-total tfoot th:before { 
		font-weight: bold !important; 
		color: #302926 !important;
	}
	
	

	.hide-md {
		display: none !important;
	}
}

.spinner {
   width: 26px;
   height: 26px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#706c6a 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,#706c6a);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}