.left-patient-wallet {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-evenly
}

.left-patient-wallet .patient-wal-right {
	min-height: 300px
}

.left-patient-wallet .patient-wal-left {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: row;
}

.patient-wal-left-pic img {
	width: unset !important;
	height: unset !important;
	transform: rotateY(180deg);
}

.patient-wal-left-data {
	width: 480px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.left-patient-wallet .patient-wal-left h2 {
	font-size: var(--main-font-size-head);
	color: var(--main-blue)
}

.patient-wal-left h2, .patient-wal-left p, .patient-wal-left .patient-wal-btn, .patient-wal-btn-edit {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.patient-wal-btn-edit img {
	width: 25px;
	height: 25px;
	transform: translateY(6px);
}

.patient-wal-btn {
	padding: 0 15px;
	margin: 20px 0;
	flex-direction: row !important;
}

.patient-wal-btn a {
	opacity: 0.9
}

.patient-wal-btn a:hover {
	opacity: 1
}

.patient-wal-btn img {
	width: 25px !important;
	height: 25px !important;
	margin-bottom: -7px;
	margin-left: 10px;
}

.patient-wal-btn .patient-wal-btn-deposit img {
	margin-left: -1px;
	/*transform: translateX(17px);*/
}

.patient-wal-btn-deposit, .patient-wal-btn-withdraw {
	padding: 7px 10px;
	border-radius: var(--main-border-radius);
	width: 45%;
	margin: 0 auto
}

.patient-wal-btn-edit a {
	color: var(--main-blue)
}

.patient-wal-btn-deposit {
	background-color: var(--main-green);
	color: var(--main-white);
	margin: 0 auto
}

.patient-wal-btn-withdraw {
	background-color: var(--main-slow-red);
	color: var(--main-red)
}

.patient-wal-left p {
	direction: rtl;
	color: var(--main-light-blue2)
}

.left-patient-wallet .patient-wal-right {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 50px
}

.patient-wal-right h2 {
	font-size: var(--main-font-size-head);
	width: 100%;
	text-align: right;
	color: var(--main-light-blue2);
	margin-bottom: 20px
}

.patient-wal-data {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap
}

.patient-wal-right .patient-wal-data-head {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
	justify-content: space-between;
	margin-top: 20px;
	color: var(--main-light-blue2)
}

.patient-wal-data-row {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 49.5%;
	border-radius: var(--main-border-radius);
	box-shadow: var(--main-box-shadow-slow2);
	padding: 8px 10px;
	margin-bottom: 10px
}

.patient-wal-data-row-cl {
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 20px
}

.patient-wal-cl-1 {
	width: 100%
}

.patient-wal-cl-2, .patient-wal-cl-3, .patient-wal-cl-4, .patient-wal-cl-5 {
	width: 49%
}

.patient-wal-data-row-cl h3, .patient-wal-data-row-cl p {
	text-align: right;
	width: 100%;
	color: var(--main-light-blue2)
}

.patient-wal-data-row-cl h3 {
	font-size: 10pt
}

.patient-wal-data-row-cl p {
	font-size: 9pt
}

.patient-wal-cl-1 h3 {
	text-align: center
}

.patient-wal-C-Shaba {
	display: flex;
	flex-direction: column;
	width: 100%
}

.patient-wal-C-Shaba p {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 375px;
	margin: 0 auto
}

#patient-wal-card-number {
	direction: ltr
}

.patient-wal-val {
	flex-direction: row !important;
	justify-content: center
}

@media screen and (max-width: 1138px) {
	.left-patient.left-patient-wallet {
		width: 100% !important;
	}

	.left-patient-wallet .patient-wal-left {
		width: 70%;
		margin: 0 auto
	}

	.left-patient-wallet .patient-wal-right {
		width: 100%;
		margin-top: 20px
	}
}

@media screen and (max-width: 1043px) {
	.left-patient-wallet .patient-wal-left {
		flex-direction: column;
		width: 100%
	}

	.patient-wal-left-pic img {
		width: 225px !important;
		height: 186px !important;
		margin: 0 auto;
		display: block;
	}

	.patient-wal-data {
		flex-direction: column;
	}

	.patient-wal-data-row {
		width: 480px;
		margin: 0 auto 10px
	}

	.patient-wal-right h2 {
		margin: 30px 0 10px;
		text-align: center
	}

	.patient-wal-left-data {
		margin: 0 auto
	}
}

@media screen and (max-width: 767px) {
	.left-patient-wallet {
		padding: 0
	}

	.left-patient-wallet .patient-wal-left {
		width: 100%;
		margin: 0 auto
	}
}

@media screen and (max-width: 608px) {
	.patient-wal-left-data {
		width: 100%
	}

	.patient-wal-data-row {
		width: 100%
	}

	.patient-wal-data-row-cl p {
		text-align: left;
		padding-left: 14px;
	}
}

@media screen and (max-width: 515px) {
	.patient-wal-btn {
		flex-direction: column !important;
	}

	.patient-wal-btn-deposit {
		margin: 0 auto 10px
	}

	.patient-wal-btn-deposit, .patient-wal-btn-withdraw {
		width: 220px
	}

	.patient-wal-C-Shaba p {
		flex-direction: column;
		margin: 20px auto;
		width: 100%
	}

	.patient-wal-data-row {
		flex-direction: column;
		justify-content: center
	}

	.patient-wal-cl-1 h3 {
		text-align: right
	}

	.patient-wal-cl-2, .patient-wal-cl-3, .patient-wal-cl-4, .patient-wal-cl-5 {
		width: 100%
	}

	.patient-wal-right h2 {
		font-size: 11pt;
	}
}

@media screen and (max-width: 310px) {
	.patient-wal-data-row-cl, .patient-wal-cl-2, .patient-wal-cl-3, .patient-wal-cl-4, .patient-wal-cl-5 {
		flex-direction: column
	}

	.patient-wal-data-row-cl p, .patient-wal-data-row-cl h3, .patient-wal-cl-1 h3 {
		text-align: center
	}

	.patient-wal-C-Shaba p {
		font-size: 10pt
	}

	.patient-wal-btn-deposit, .patient-wal-btn-withdraw {
		width: 100%
	}
}

/*  Start the En Langُ*/
body[my_dir=ltr] .patient-wal-left p {
	direction: ltr;
}

body[my_dir=ltr] .patient-wal-cl-1 p {
	direction: ltr;
}

body[my_dir=ltr] .patient-wal-left-pic img {
	transform: rotateY(0);
}

body[my_dir=ltr] .patient-wal-btn-edit img {
	transform: translateY(6px) rotateY(180deg);
}

body[my_dir=ltr] .patient-wal-btn img {
	margin-left: unset;
	margin-right: 10px;
	transform: unset
}

body[my_dir=ltr] .patient-wal-C-Shaba p {
	justify-content: start;
}

body[my_dir=ltr] .patient-wal-C-Shaba p span:first-child {
	direction: ltr;
}

body[my_dir=ltr] .patient-wal-right h2 {
	text-align: left;
	direction: ltr;
}

body[my_dir=ltr] .patient-wal-data-row-cl h3, body[my_dir=ltr] .patient-wal-data-row-cl p {
	text-align: left;
}

@media screen and (max-width: 1043px) {
	body[my_dir=ltr] .patient-wal-right h2 {
		margin: 30px 0 10px;
		text-align: center
	}
}

@media screen and (max-width: 515px) {
	body[my_dir=ltr] .patient-wal-right h2 {
		font-size: 11pt
	}
}

@media screen and (max-width: 310px) {
	body[my_dir=ltr] .patient-wal-data-row-cl p, body[my_dir=ltr] .patient-wal-data-row-cl h3, body[my_dir=ltr] .patient-wal-cl-1 h3 {
		text-align: center
	}
}

/*  End the En Langُ*/