.merchant-order-details-main .order-products-toolbar {
	margin-top: 30px;
}
.merchant-order-details-main .order-products-toolbar .pager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.merchant-order-details-main .actions .action-button {
	padding: 7px 9px;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #FFFFFF;
	border-radius: 5px;
	font-weight: 600;
	transition: all 0.5s;
	display: inline-flex;
	align-items: center;
	min-width: 92px;
	justify-content: center;
	background: linear-gradient(90deg,#C23E8C 0%,#4F3C8C 100%);
}
.merchant-order-details-main .actions .action-button svg {
	margin-left: 8px;
}
.merchant-order-details-main .actions .action-button.paid {
	background: #92949C;
}
.merchant-order-details-main .actions .action-button.pay-now svg {
	margin-left: 4px;
}
.merchant-order-details-main .actions .action-button.view-detail {
	background: linear-gradient(white,white) padding-box, linear-gradient(90deg,#C23E8C 0%,#4F3C8C 100%) border-box;
	border: 1px solid transparent;
	padding: 6px 8px;
	color: #4F3C8C;
}
.merchant-order-details-main .actions .action-button.view-detail:hover {
	background: #1f1f1f;
	color: #FFFFFF;
}
.merchant-order-details-main .actions .action-button:hover {
	background: #1f1f1f;
	color: #FFFFFF;
}
.merchant-order-details-items {
	padding: 20px 30px;
	background: #FFFFFF;
	border-radius: 10px;
}
.merchant-order-details-items .table-wrapper {
	border: none !important;
}
.merchant-order-details-items .table-wrapper .data.table > thead > tr > th {
	background: #F3F6F9;
	border: none !important;
	padding: 15px !important;
	text-align: left;
	width: auto;
	max-width: inherit;
}
.merchant-order-details-items .table-wrapper .data.table > thead > tr > th:last-child {
	border-radius: 0px 5px 5px 0px;
}
.merchant-order-details-items .table-wrapper .data.table > thead > tr > th:first-child {
	border-radius: 5px 0px 0px 5px;
}
.merchant-order-details-items .table-wrapper .data.table > tbody > tr {
	background: #FFFFFF;
}
.merchant-order-details-items .table-wrapper .data.table > tbody > tr > td {
	padding: 15px !important;
	text-align: left;
	border-bottom: solid 1px rgba(0,0,0,0.25) !important;
	color: #121127;
	font-size: 14px;
	width: auto;
	max-width: inherit;
}
.merchant-order-details-items .table-wrapper .data.table > tbody > tr > td.invoice_id {
	font-weight: 600;
}
.merchant-invoice-view .page-title-wrapper {
	border-bottom: solid 1px #000000;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions {
	display: flex;
	align-items: center;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action {
	border: none;
	color: #FFFFFF;
	background: linear-gradient(90deg,#C23E8C 0%,#4F3C8C 100%);
	padding: 8px 16px;
	margin: 0;
	border-radius: 6px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	display: flex;
	align-items: center;
	text-decoration: none;
	box-shadow: none;
	margin-right: 20px;
	float: none;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action svg {
	margin-right: 5px;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action:hover, 
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action:focus, 
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action:active {
	background: #1f1f1f;
	border-color: #1f1f1f;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action:last-child {
	margin-right: 0;
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action.pay-now {
	border: none;
	color: #FFFFFF;
	background: linear-gradient(90deg,#C23E8C 0%,#4F3C8C 100%);
}
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action.pay-now:hover, 
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action.pay-now:focus, 
.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action.pay-now:active {
	background: #1f1f1f;
	border-color: #1f1f1f;
}
.payment-detail-modal .modal-inner-wrap {
	max-width: 540px;
	width: 96%;
	border-radius: 12px;
}
.payment-detail-modal .modal-inner-wrap .modal-header {
	padding: 0;
	border: none;
	height: 42px;
}
.payment-detail-modal .modal-inner-wrap .modal-content {
	padding: 30px;
	border: none;
	background: transparent;
}
.payment-detail-modal .modal-inner-wrap .modal-content .actions {
	padding-top: 30px;
}
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action {
	border: solid 1px #FF5F00;
	color: #FFFFFF;
	background: #FF5F00;
	padding: 7px 15px;
	margin: 0;
	border-radius: 6px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	display: flex;
	align-items: center;
	text-decoration: none;
	box-shadow: none;
	margin-right: 20px;
	float: none;
	width: 100%;
	justify-content: center;
}
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action svg {
	margin-right: 5px;
}
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action:hover, 
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action:focus, 
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action:active {
	background: #000000;
	border-color: #000000;
}
.payment-detail-modal .modal-inner-wrap .modal-content .actions .action:last-child {
	margin-right: 0;
}
.payment-detail-modal .wpwl-form {
	margin: 0 !important;
	max-width: 100%;
}
.payment-detail-modal .wpwl-control-cvv, 
.payment-detail-modal .wpwl-control-cardNumber {
	height: 48px;
	font-size: 14px;
}
.hyperpay-method__visamaster {
	display: flex;
	align-items: center;
	column-gap: 15px;
}
.hyperpay-method__visamaster label {
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
.hyperpay-method__visamaster input[type="radio"] {
	margin: 0;
}
.hyperpay-method__visamaster img {
	max-width: 100px;
	height: auto;
	position: relative;
	top: -6px;
}
.hyperpaymsgs.messages {
	padding-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
}
.hyperpaymsgs.messages .error {
	color: #FF0000;
}
.wpwl-label-brand, 
.wpwl-wrapper-brand {
	display: none !important;
}
.wpwl-button-pay {
	width: 100%;
	box-shadow: none !important;
	outline: none;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	border: solid 1px #FF5F00;
	color: #FFFFFF;
	background: #FF5F00;
}
.wpwl-button-pay:hover, 
.wpwl-button-pay:focus, 
.wpwl-button-pay:active {
	background: #000000;
	border-color: #000000;
}
.rtl-body .payment-detail-modal .modal-inner-wrap .action-close {
	left: 0;
	right: auto;
}
.rtl-body .payment-detail-modal .modal-inner-wrap .modal-content .actions .action svg {
	margin-left: 4px;
	margin-right: 0;
}
@media only screen and (max-width: 1023px) {
	.merchant-order-details-items .table-wrapper .data.table > tbody > tr > td {
		padding: 10px !important;
		font-size: 12px;
	}
	.merchant-order-details-items {
		padding: 15px !important;
	}

}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 639px) {
	.merchant-order-details-items .table-wrapper .data.table > tbody > tr > td {
		padding: 10px 0 !important;
		border-bottom: none !important;
	}
	.merchant-order-details-items .table-wrapper .data.table > tbody > tr > td:last-child {
		border-bottom: solid 1px rgba(0, 0, 0, 0.25) !important;
	}
	.merchant-invoice-view .page-title-wrapper .order-actions-toolbar .actions .action {
		margin-right: 10px;
		font-size: 14px;
		padding: 5px 10px;
	}
	.payment-detail-modal .modal-inner-wrap .modal-content {
		padding: 15px;
	}
}