/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 09:43:52 */
/* Filter Form Styles */
.parcel-filters {
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 5px;
}
.parcel-filters form {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: flex-end;
}
.parcel-filters .filter-item {
	display: flex;
	align-items: center;
}
.parcel-filters .search-item {
	flex-grow: 1; /* Allows the search box to take up available space */
}
.parcel-filters input[type="search"] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.filter-parcel-records {
	display: inline-block;
	padding: 8px 12px !important;
	background: #2C89B7 !important;
	color: #FFF !important;
	border-radius: 4px !important;
	text-align: center;
	border: unset !important;
	margin:0 5px !important;
	font-size:16px !important;
	line-height:24px !important;
	font-weight:normal !important;
}

/* Table Styles */
.parcel-bookings-table-wrapper {
	overflow-x: auto; /* For responsiveness on small screens */
}
.parcel-bookings-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 0.9em;
}
.parcel-bookings-table th,
.parcel-bookings-table td {
	padding: 12px 15px;
	border: 1px solid #ddd;
	text-align: left;
}
.parcel-bookings-table .button {
	white-space: nowrap; /* Prevents button text from wrapping */
}

/* Pagination */

.pagination-container {
    text-align: right;
}

.page-numbers:not(.next):not(.prev) {
    padding: 8px 14px;
    border: 1px solid #2c89b7;
    border-radius: 4px;
	margin:0px 3px !important;
}

.page-numbers.current{
	background: #2c89b7 !important;
	color: #FFF !important;
}
/* END Pagination */ 

/* login logout button */

.account-login-logout-btn .um-locked-content{
	display:none !important;
}

.account-login-logout-btn p {
	margin:0 !important;
}

.account-login-logout-btn.account-login-logout-icon a{
	padding: unset !important;
	background:unset !important;
}

.account-login-logout-btn.account-login-logout-icon a img{
	width: 40px !important;
}

/* END:: login logout button */

.flex_row{
	display: flex;
	gap:20px;
}
.flex_row div{
	width: 100%;
}
.request_quote{
	color: #fff;
}
.request_quote form input,
.request_quote form select,
.request_quote form textarea {
	border-radius: 12px !important;
	outline:0 !important;
	height:50px !important;
}
.request_quote form textarea{
	height: 120px !important;
}
.request_quote form .submit{
	margin-top: 30px !important;
    border: 1px solid #fff;
    background-color: #fff !important;
    color: #2c89b7 !important;
    margin-top: 20px;
    transition: all .3s;
}
.request_quote form p{
	margin:0 !important;
}
form.wpcf7-form br{
	display: none;
}
.request_quote form .wpcf7-radio input,
.request_quote form .wpcf7-checkbox input {
	height: auto !important;
}
.request_quote form .wpcf7-radio{
	display:flex;
	flex-direction:column;
}
.request_quote form .wpcf7-list-item{
	margin:0;
}
.request_quote form label{
	margin:15px 0 5px;
	width:100%;
}
.request_quote .country-select .country-list .country-name, .country-select .country-list .flag{
	color:#000;	
}

/* Responsive Table for Mobile */
@media screen and (max-width: 768px) {
	.parcel-bookings-table thead {
		display: none; /* Hide table headers */
	}
	.parcel-bookings-table,
	.parcel-bookings-table tbody,
	.parcel-bookings-table tr,
	.parcel-bookings-table td {
		display: block;
		width: 100%;
	}
	.parcel-bookings-table tr {
		margin-bottom: 15px;
		border: 1px solid #ddd;
	}
	.parcel-bookings-table td {
		text-align: right;
		padding-left: 50%;
		position: relative;
		border: none;
		border-bottom: 1px solid #eee;
	}
	.parcel-bookings-table td::before {
		content: attr(data-label);
		position: absolute;
		left: 10px;
		width: calc(50% - 20px);
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	.flex_row{
		flex-flow:wrap;
		gap:0;
	}
}

.my-booking-list-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.my-booking-list-header a.btn-parcel-booking {
    padding: 10px 15px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
}

a.track-parcel {
    padding: 7px 10px;
    border: 1px solid;
    border-radius: 4px;
}

.flex_wrapped {
    display: flex;
    gap: 20px;
}
.button_white {
	background-color:#fff !important;
	border:0;
	color:#2C89B7 !important;
    font-family: "Chivo", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    padding: 20px 40px 20px 40px !important;
}
.button_white:hover{
	background-color:#EAA220 !important;
	color:#fff !important;
}

@media screen and (max-width: 600px) {
	 .flex_wrapped {
		flex-flow:wrap;
		 gap:0;
	}
	.flex_wrapped label,
	.flex_wrapped p{
		width:100%;
	}
}
