.bookingSuccess-pg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 35px 0 80px
}

.bookingSuccess-pg h2 {
	color: var(--main-light-blue2)
}

.bookingsuccess-pg-row {
	display: flex;
	flex-direction: row
}

.bookingsuccess-pg-row img {
	width: 15px;
	height: 15px;
	transform: translateY(5px);
}

.bookingsuccess-pg-row p {
	font-size: var(--main-font-size-10);
	margin-right: 10px
}

.bookingsuccess-info {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
}

.bookingsuccess-info-right, .bookingsuccess-info-left {
	display: flex;
	flex-direction: column
}

.bookingsuccess-info-right {
	width: 70%
}

.bookingsuccess-info-left {
	width: 30%
}

.bookingsuccess-info-left img {
	width: 143px;
	height: 120px;
	transform: translateY(7px);
}

.bookingsuccess-alert, .bookingsuccess-card {
	width: 600px;
	display: flex;
	border-radius: var(--main-border-radius);
	margin: 10px auto;
	padding: 10px;
}

.bookingsuccess-alert {
	flex-direction: row;
	background-color: var(--main-slow-orange);
	border: 1px solid var(--main-orange);
	direction: rtl;
	font-size: var(--main-font-size-8);
	margin-top: 50px
}

.bookingsuccess-alert h2 {
	color: var(--main-orange);
	font-size: var(--main-font-size-9)
}

.bookingsuccess-card {
	flex-direction: column;
	direction: rtl;
	background-color: var(--main-white);
	box-shadow: var(--main-box-shadow-slow);
	font-size: var(--main-font-size-8);
	color: var(--main-light-blue2);
	padding-bottom: 14px
}

.bookingsuccess-pg-row textarea {
	width: 100%;
	color: var(--main-light-blue2);
	border: 1px solid var(--main-slow-white);
	border-radius: var(--main-border-radius);
	padding: 10px;
	background-color: var(--main-back-input-login);
	margin-top: 20px;
	resize: none;
}

.bookingsuccess-pg-row textarea:hover, .bookingsuccess-pg-row textarea:focus {
	border-color: var(--main-blue);
	background-color: var(--main-white)
}

.bookingsuccess-pay {
	flex-direction: row;
	flex-wrap: wrap
}

.bookingsuccess-pay h2 {
	width: 100%
}

.bookingsuccess-pay .bookingsuccess-pg-row {
	width: 50%
}

.bookingsuccess-Complaint {
	margin-bottom: 60px
}

.appointment-Complaint {
	width: 100%;
	margin-bottom: 30px !important;
}

.ph-pro-Complaint {
	margin: 90px auto 20px;
	height: 400px;
}

.bookingsuccess-row {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}

#complaint-btn {
	width: 200px;
	padding: 8px 10px;
	background-color: var(--main-blue);
	color: var(--main-white);
	border-radius: var(--main-border-radius);
	margin-top: 20px;
	cursor: pointer;
	opacity: 0.9
}

#complaint-btn:hover {
	opacity: 1
}

.bookingsuccess-cancel {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.bookingsuccess-cancel-btn {
	width: 100px;
	padding: 8px 10px;
	background-color: var(--main-red);
	border-radius: var(--main-border-radius);
	color: var(--main-white);
	margin-top: 20px;
	cursor: pointer;
	opacity: 0.9
}

.bookingsuccess-cancel-btn:hover {
	opacity: 1
}

.bookingsuccess-Operation {
	/*position: fixed;*/
	/*left: 10px;*/
	/*top: 35%;*/
	padding: 10px;
	border-radius: var(--main-border-radius);
	box-shadow: var(--main-box-shadow-slow);
	background-color: var(--main-white);
	display: flex;
	flex-direction: column;
	overflow-x: auto;
}

.bookingsuccess-Operation h2 {
	font-size: var(--main-font-size-10);
	direction: rtl;
}

.bookingsuccess-Operation-bank {
	display: flex;
	justify-content: center;
	margin-top: 20px
}

.bookingsuccess-Operation-bank div {
	width: 30%;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--main-border-radius);
	padding: 10px 0;
}

.bookingsuccess-Operation-bank div.active {
	border-color: var(--main-blue);
	background-color: transparent;
	box-shadow: var(--main-box-shadow-dark-search);
}

.bookingsuccess-Operation-bank div img {
	width: 100%;
	height: 66px;
	margin: 0 auto;
	display: block;
}

.addmoney-Operation-bank {
	margin-bottom: 40px;
	justify-content: space-around;
}

.bookingsuccess-btn {
	width: 100%;
	padding: 8px 10px;
	border-radius: var(--main-border-radius);
	color: var(--main-white);
	margin-top: 20px;
	cursor: pointer;
	opacity: 0.9
}

.bookingsuccess-btn:hover {
	opacity: 1
}

.bookingsuccess-btn-wallet {
	background-color: var(--main-orange)
}

.bookingsuccess-btn-pay {
	background-color: var(--main-green);
	/*margin-top: 40px*/
}

.bookingsuccess-btn-cancel {
	background-color: var(--main-red);
	width: 150px !important;
}

.hidden {
	display: none !important;
}

.bookingsuccess-btn-par {
	display: flex;
	gap: 20px;
	justify-content: space-between
}

@media screen and (max-width: 1150px) {
	.bookingsuccess-alert {
		margin-top: 90px
	}

	.bookingsuccess-Operation {
		position: unset;
		margin: 0 auto 60px;
		width: 600px;
	}

	.bookingsuccess-Complaint {
		margin-bottom: 20px
	}

	.ph-pro-Complaint {
		margin: 135px auto 20px;
	}

	.bookingsuccess-Operation-bank div img {
		width: 66px;
		height: 66px;
	}

	.bookingsuccess-btn {
		margin-top: 40px;
		width: 45%
	}
}

@media screen and (max-width: 1138px) {
	.patient-add-wal-money-card {
		margin-top: 80px;
	}
}

@media screen and (max-width: 768px) {
	.bookingsuccess-alert, .bookingsuccess-card, .bookingsuccess-Operation {
		width: 90%
	}

	.bookingsuccess-Operation-bank div img {
		width: 66px;
		height: 66px;
	}

	.bookingSuccess-pg h2 {
		margin-bottom: 10px
	}

	.bookingsuccess-info {
		flex-direction: column-reverse !important;
	}

	.bookingsuccess-info-left, .bookingsuccess-info-right {
		width: 100%
	}

	.bookingsuccess-info-left img {
		width: 200px;
		height: 200px;
		transform: translateY(0px);
		margin: 0 auto;
	}

	.bookingsuccess-btn-par {
		flex-direction: column;
		justify-content: center
	}

	.bookingsuccess-btn {
		margin-top: 20px;
		width: 100%
	}

	.bookingsuccess-btn-pay {
		margin-top: 40px
	}

	.bookingsuccess-info :nth-child(1) {
		order: 1;
	}

	.bookingsuccess-info :nth-child(2) {
		order: 2;
	}

	.bookingsuccess-info :nth-child(3) {
		order: 0;
	}
}

@media screen and (max-width: 480px) {
	.bookingsuccess-pay {
		flex-direction: column
	}

	.bookingsuccess-pay .bookingsuccess-pg-row {
		width: 100%
	}
}

@media screen and (max-width: 370px) {
	.ph-profile-st2-r3 {
		flex-direction: column !important;
	}

	.ph-profile-st2-r3 button {
		margin: 10px auto
	}
}

/*  Start the En Langُ*/
body[my_dir=ltr] .bookingsuccess-alert, body[my_dir=ltr] .bookingSuccess-pg h2 {
	direction: ltr
}

body[my_dir=ltr] .bookingsuccess-Operation {
	right: 10px;
	left: unset
}

body[my_dir=ltr] .bookingsuccess-card {
	direction: ltr
}

/*  End the En Langُ*/

.cancel-fee {
	font-family: IRANSansX, Arial, sans-serif;
	width: 100%;
}

.cancel-fee-role {
	display: flex;
	flex-direction: column;
	justify-content: inherit;
	/*align-items: baseline;*/
	border: 1px;
	border: 1px solid #f39e35;
	border-radius: 3px;
	background-color: #dc3545;
	color: #fff;
	gap: 5px;
	padding: 5px;
}

body[my_dir=rtl] .cancel-fee-role {
	direction: rtl;
}

body[my_dir=ltr] .cancel-fee-role {
	direction: ltr;
}


.cancel-fee-role-percent {
	background: linear-gradient(300deg, #f39e35, #fdc830);
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%), 0 1px 1px -1px rgb(0 0 0 / 12%), 0 1px 3px 0 rgb(0 0 0 / 20%);
	color: #111;
	border-radius: .215rem;
	font-size: 14px;
	padding: 2px 6px;
	margin: 0 2px;
}

.accordion button {
	position: relative;
	text-align: right;
	width: 100%;
	padding: 18px 0;
	color: #022f47;
	font-size: 14px;
	font-weight: 800;
	background: none;
	cursor: pointer;
}

.accordion button .icon::after {
	position: absolute;
	content: "";
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}

.accordion .accordion-item {
	border-bottom: 1px solid #e5e5e5;
}

.accordion button .icon::before {
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}

.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 50%;
}

span.icontoggle:after {
	background: unset !important;
}