#thank_you_page_width{
  width:100%;
}
.bottom_thank_you_page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2rem;
}
#text_thank_you_page{
   z-index: 1;
}
/*#powered_by_hyp{
   z-index: 1;
   position: absolute;
   bottom: 0;
}*/
#right_circles_thank_you_page {
    right: 0;
    position: relative;
}
#trans_details{
    position: relative;
    z-index: 1;
} 
    
#large_circles_smaller {
    width: 10rem;
}
#success_img_thank_you_page {
   width: 12rem;
}

@media screen and (max-height: 700px) {
  #large_circles_smaller {
     width: 9rem;
     margin-top: -2rem;
 }
  #success_img_thank_you_page {
     width: 11rem;
  }
}


@media screen and (max-height: 500px) {
  #large_circles_smaller {
     width: 4rem;
     margin-top: -2rem;
 }
  #success_img_thank_you_page {
     width: 6rem;
  }
}




/*css MOBILE  PrintMobileHeader */

#header_m {
	box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.10);
	padding: 40px 20px 23px 20px;
}
#header_content_m {
	display: flex;
    justify-content: space-between;
	flex-direction: row-reverse;
}
.hello_section_m {
	display: flex;
    width: fit-content;
    padding-left: 1rem;
	border-radius: 50px;
	background: #FFF;
	align-items: center;
	gap: 10px;
	font-size: 16px;
}
#user_circle_m {
	height: 32px;
    width: 32px;
    background-color: #F8F8FC;
    border-radius: 50%;
    border: 4px solid #fff;
    display: flex;
    justify-content: center;
    filter: drop-shadow(0px 2px 14px rgba(0, 0, 0, 0.10));
}
#main_content_nd_m {
	padding: 2rem;
}
#blue_app {
	height: 12rem;
}
#app_image_blue {
	height: 12rem;
	margin-bottom: -1rem;
}

#blue_app_btn {
    position: relative;
    top: -3rem;
    left: -1rem;
    border-radius: 12.907px;
    background: #FFF;
    padding: 8px 16px;
    color: #4F3DD6;
    font-size: 14px;
    border: none;
    cursor: pointer;
    display: block;
}
#red_app {
	background: #FF6B5C;
	display: flex;
	padding: 12px 16px 12px 18px;
	align-items: center;
	justify-content: space-evenly;
	padding-bottom: 1.5rem;
}
#red_app_text {
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
}
#red_app_btn {
	border-radius: 12.907px;
	background: #FFF;
	padding: 5px 16px;
	color: #000;
	font-size: 12px;
	border: none;
	cursor: pointer;
}

/*PrintHead*/
@font-face {
  font-family: "Ploni11AAA-Regular";
  src: url("/yaadpay/7.0/Images/paybyqr/fonts/Ploni11AAA-Regular.ttf");
}
@font-face {
  font-family: "Ploni11AAA-U-Light";
  src: url("/yaadpay/7.0/Images/paybyqr/fonts/Ploni11AAA-U-Light.ttf");
}
* {
	font-family: "Ploni11AAA-Regular";
}


/*header DeskStop*/

#header_right_nd {
	display: flex;
    width: 30rem;
    justify-content: space-evenly;
	align-items: center;
}
#header_left_nd {
	display: flex;
    width: 35rem;
    gap: 15px;
    justify-content: flex-end;
    margin-left: 3rem;
}
.hello_section {
	display: flex;
    margin-right: 2rem;
    width: fit-content;
    padding-left: 1rem;
	border-radius: 50px;
	background: #FFF;
	align-items: center;
	gap: 10px;
	height: 2.5rem;
	font-size: 16px;
}
#hello_title {
	margin-bottom: revert;
	font-weight: unset;
}
#user_circle {
	height: 32px;
    width: 32px;
    background-color: #F8F8FC;
    border-radius: 50%;
    border: 4px solid #fff;
    display: flex;
    justify-content: center;
    filter: drop-shadow(0px 2px 14px rgba(0, 0, 0, 0.10));
}

.header_btn_nd {
	display: flex;
    justify-content: space-between;
	border-radius: 5px;
	border: 1px solid #000;
	background: rgba(255, 255, 255, 0.33);
	height: 33px;
	width: 102px;
	padding: 7px 10px;
	align-items: center;
	cursor: pointer;
	font-family: "Ploni11AAA-Regular";
	font-size: 12px;
	font-weight: 600;
}
#market_btn {
	background: #B48CFF;
	font-weight: 300;
}
#market_btn_href {
	display: flex;
    justify-content: space-between;
	font-family: "Ploni11AAA-Regular";
	width: 102px;
	text-decoration: none;
	color: #FFFFFF;
}
.black_btn_href {
	display: flex;
    justify-content: space-between;
	font-family: "Ploni11AAA-Regular";
	width: 102px;
	text-decoration: none;
	color: #000000;
}
#email_btn {
	width: 163px;
}
#email_btn_href {
	width: 163px;
}
.masof_test {
	background-image: url("/yaadpay/images/new_style/masof_tst.svg");
}
#masof_tst {
	padding: 6px 10px;
	background: #ffb4a8;
	border-radius: 12px;
	font-size: 16px;
}

/*searchbar ui*/
				.toggle2 {
					--width: 80px;
					--height: calc(var(--width) / 3);
					position: relative;
					display: inline-block;
					width: var(--width);
					height: var(--height);
					box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
					cursor: pointer;
				}	
				.toggle2 input {
					display: none;
				}
				.toggle2 .labels {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 140%;
					font-size: 12px;
					font-family: sans-serif;
					transition: all 0.4s ease-in-out;
					overflow: hidden;
				}	
				.toggle2 .labels::after {
					content: attr(data-off);
					position: absolute;
					display: flex;
					justify-content: center;
					align-items: center;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					color: #ffffff;
					background-color: #8a2a74;
					text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
					transition: all 0.4s ease-in-out;
				}
				.toggle2 .labels::before {
					content: attr(data-on);
					position: absolute;
					display: flex;
					justify-content: center;
					align-items: center;
					top: 0;
					left: calc(var(--width) * -1);
					height: 100%;
					width: 100%;
					color: #ffffff;
					background-color: #8a2a74;
					text-align: center;
					text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
					transition: all 0.4s ease-in-out;
				}
				.toggle2 input:checked + .labels::after {
					transform: translateX(var(--width));
				}
				.toggle2 input:checked +.labels::before {
					transform: translateX(var(--width));
				}
    
    .alertPopupWrapper_loader {
					position: fixed;
					width: 100%;
					height: 100%;
					background: rgb(255 255 255 / 68%);
					top: 0;
					left: 0;
					opacity: 0;
					z-index: -1;
					transition: .5s all;
				}
			  
				.alertPopupWrapper_loader.visiblePopup {
					opacity: 1;
					z-index: 9999;
				}
				.activeSearchBtn {
					border: 1px solid #5C64FF;
					color: #5C64FF;
				}
				.activeSearchBar {
					border-radius: 10px;
					border: 1px solid #5C64FF;
					background: #FFF;
					box-shadow: 0px 0px 20px 0px rgba(92, 100, 255, 0.10);
				}
				.searchBar {
					left: 45px!important;
					overflow: unset;
				}
				#searchBar::placeholder {
					color: #232323;
				}
				.search_item {
					border-radius: 5px;
					border: 0.5px solid #999!important;
					background: rgba(255, 255, 255, 0.38);
					display: flex;
					width: 180px!important;
					padding: 10px 15px;
					justify-content: space-between;
					align-items: center;
					color: #232323;
					font-family: Ploni11AAA-Regular;
					font-size: 14px!important;
				}
				.toggle2 .labels::before {
					background: #5C64FF;
				}
				.toggle2 .labels::after {
					background: #5C64FF;
				}
				.toggle2 .labels {
					font-family: Ploni11AAA-Regular;
					font-size: 14px!important;
					border-radius: 5px;
					width: 90px;
					height: 38px;
				}
				form.searchForm {
					align-items: stretch;
				}
				.search_text {
					margin-right: 1rem;
				}
				#searchButton {
					width: 68px;
					height: 38px;
					border-radius: 5px 0px 0px 5px;
					background: #5C64FF!important;
					margin-right: -0.5rem;
					font-family: Ploni11AAA-Regular;
					font-size: 14px!important;
					font-weight: 300!important;
				}
				.activeSearch {
					opacity: 0.5;
					z-index: -1;
					position: relative;
				}
				#div_pic_date {
					width: 485px;
					margin: 0 -0.5rem 0 -1rem;
					display:none;
				}
				#dateType {
					margin-left:0.5rem;
					width:169px;
					height:38px;
					font-size:21px;
				}
				#SearchType {
					width: 175px;
					height: 38px;
					font-size:21px;
				}
				#content_nd {
					display: flex;
					flex-direction: row;
					gap: 20px;
				}
				#side_menu_nd {
					width: 230px;
					border-radius: 20px 0px 0px 0px;
					background: #FFF;
					padding: 2rem 0 2rem 0;
					overflow-y: scroll;
					overflow-x: hidden;
					direction: ltr;
					min-width: min-content;
				}
				#side_menu_nd::-webkit-scrollbar {
					width: 8px;
				}
				#side_menu_nd::-webkit-scrollbar-track {
					background: #F8F8FC; 
				}
				#side_menu_nd::-webkit-scrollbar-thumb {
					background: #5C64FF;
					border-radius: 50px;
				}
				#side_menu_nd::-webkit-scrollbar-thumb:hover {
					background: #B48CFF; 
				}
				#main_content_nd {
					flex: 1;
					border-radius: 20px 20px 0px 0px;
					background: #FFF;
					padding: 2rem;
					height: fit-content;
					min-height: 80vh;
					margin-left: 1.25rem;
				}
				#path_nd {
					display: flex;
					justify-content: flex-end;
					align-items: center;
					gap: 5px;
					direction: ltr;
					margin-bottom: 1rem;
					font-size: 16px;
				}
				.dateFrom_div_nd {
					border-radius: 5px;
					width: 192px;
					padding: 8px 10px;
					border: 0.5px solid #999!important;
					margin-left: 1rem;
				}
				.date-input_header_nd {
					margin-left: 1rem;
					pointer-events: none;
				}
				.calendar_header_nd {
					width: 208px;
					position: absolute;
					display: none;
					box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
					right: -0.5rem;
					background: #fff;
					border: 1px solid #e6e6e9;
					box-sizing: border-box;
					border-radius: 10px;
				}
				.openCalender_header_nd {
					cursor: pointer;
					margin-bottom: 0.2rem;
				}
				.date_t_nd {
					color: #232323;
					font-size: 14px;
				}
				.calendar_content_nd {
					display: flex;
				}
				@media screen and (max-width:1400px) {
					.searchBar {
						scale: 0.9;
						left: 0!important;
					}
     #policy_popup {
       scale: 0.9;
     }
     #popupTitle_policy {
        font-size:28px;
     }
     .popUpContactText {
        font-size:18px;
     }
     .popUpInnerText {
        color:#ffffff;
       font-size:18px;
     }
     .policy_contact_info{
      font-size:20px;
     }
				}
		
  /*mainMenu */
  	img {
		user-select: none;
	}
	.mainMenu {
		flex-direction: column;
		align-items: center;
		float: none!important;
		margin: 10px!important;
		padding: 10px!important;
	}
	.menu_header_nd {
		border-radius: 5px;
		background: #F6F6F6;
		display: flex;
		width: 80%!important;
		padding: 7px 10px 7px 20px;
		align-items: center;
		margin-bottom: 0.5rem;
		cursor: pointer;
		justify-content: space-between;
	}
	.last_menu_header_nd {
		width: 80%;
		align-items: center;
		margin-bottom: 0.5rem;
	}
 
 .menu_group_nd {
		display: flex;
		flex-direction: column;
		width: 90%;
		margin: 0.3rem 0 0.3rem 0;
	}
	.menu_group_li_nd {
		padding-right: 10%!important;
		padding-left: 5%!important;
		width: 80%;
		border-radius: 5px;
		margin: -0.2rem 0 0.3rem 0;
	}
	.li_text_nd {
		color: #999!important;
		font-family: "Ploni11AAA-Regular";
		font-size: 12px!important;
		display: flex;
		justify-content: space-between;
		user-select: none;
	}
	.li_text_header_nd {
		color: #999!important;
		font-family: "Ploni11AAA-Regular";
		font-size: 14px!important;
		display: flex;
		user-select: none;
	}
	.last_enter_nd {
		color: #999;
		font-size: 12px;
		margin-right: 2rem;
		margin-top: -0.5rem;
	}
	ul.mainMenu li {
		display: flex!important;
	}
	ul.mainMenu li a {
		padding:0;
		display: flex!important;
	}
	ul.mainMenu li:hover {
		background: #B58DFF!important;
		color: #FFF!important;
	}
	ul.mainMenu li:hover a {
		color: #FFF!important;
	}
	ul.mainMenu li.last_menu_header_nd:hover {
		background: initial!important;
	}
	ul.mainMenu li.last_menu_header_nd:hover a {
		color: #B58DFF!important;
	}
	.active_li_nd {
		background: #5C64FF!important;
		color: #FFFFFF!important;
	}
	.active_a_nd {
		color: #FFFFFF!important;
		font-size: 14px!important;
		font-family: "Ploni11AAA-Regular";
	}
	#mini_side_menu_nd {
		border-radius: 20px 0px 0px 0px;
		background: #FFF;
		padding-top: 1rem;
		text-align: center;
		width: 76px;
		cursor: pointer;
	}
	.mini_li_text_header_nd {
		width: auto;
		margin-bottom: 1rem;
		border-radius: 5px;
		padding: 7px 10px;
	}
 
 /*PrintFoot*/
   
   #mini_footer_nd {
    display: flex;
    width: 23rem;
    justify-content: space-evenly;
    align-items: center;
}
#takanon_p {
	color: #757575;
	font-size: 14px;
	letter-spacing: -0.28px;
	text-decoration: none;
}
.confirmButtonPopupez {
	width: 200px;
	height: 40px;
	background-color: #8A2A74;
	display: inline-block;
	margin-top: 8px;
	line-height: 2.4;
	color:white;
	margin-right: 62px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: none;
	border-radius: 5px;
	transition: .5s background-color;
	text-decoration: none;
	cursor: pointer;
}
.footerMenuWrapper_nd {
	position: relative;
    top: -2rem;
	float: left;
	left: 1rem;
}
.popup_nd {
	width: 690px;
	height: 354px;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	position: absolute;
/*	top: 40%;
	left: 50%;
 right: 0;
transform: translate(-50%, -50%);*/
	display:none;
 margin-top: -10rem;
}
.PopupContent_nd {
	display: flex;
	flex-direction: column;
    align-items: center;
	position: relative;
    top: 11rem;
}
.PopupLoader_nd {
	height: 150px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -100%);
}
#popupBtns_nd {
	margin: 0 auto;
    position: relative;
    top: 9rem;
    display: flex;
    justify-content: space-between;
    width: 27rem;
}
.popupText {
	margin: 5px;
    text-align: center;
    padding: 0 5rem;
}

/*POLICY POPUP*/
#overlay_policy {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
}
 
#policy_popup {
	width: 40rem;
	height: 33.5rem;
	padding: 2.063rem 5.375rem 4.813rem 5.75rem;
	background-image: linear-gradient(to top, #242b6f, #5c63ff);
	position: fixed;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
	border-radius: 5px;
	text-align: center;
	transition: opacity 1s ease-in-out;
    animation: fadeInOut 3s forwards;
}

#policy_popup_btn {
	height: 2.563rem;
	padding: 1rem 3.25rem 0.75rem;
	border-radius: 20.4px;
	background-color: #ff6d5e;
	font-size: 1.188rem;
	font-weight: bold;
	line-height: 0;
	border: none;
	cursor: pointer;
	margin-top: 1rem;
}
 
#policy_popup_message {
	color:#ff6b5c;
	font-size:20px;
	margin:0;
	display:none;
	position: absolute;
	left: 16.5rem;
}
#closeConditions {
    position: relative;
    right: 10rem;
    top: -1rem;
	cursor: pointer;
}
#closeConditionsS {
    position: relative;
    right: 17rem;
    top: 0rem;
	cursor: pointer;
}
#popupTitle_policy {
	color:#9ecfff;
	font-size:36px;
}
.popUpInnerText {
	color:#ffffff;
	font-size:22px;
}
.popUpContactText {
	color:#9ecfff;
	font-size:26px;
}
#policy_popup_message{
	color:#ff6b5c;
	font-size:20px;
	margin:0;
	display:none;
	top: 25rem;
}
.policy_contact_info {
	color:#9ecfff;
	font-size:26px;
}

@media (max-width: 1600px) {
  #policy_popup {
    scale: 0.8;
    left: 45%;
  }
}

.alertPopupWrapper_newStyle {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.68);
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: 0.5s all;
}

.alertPopupWrapper_newStyle.visiblePopup {
  opacity: 1;
  z-index: 9998;
}

#new_login_otp_popup {
  display: flex;
  width: 450px;
  height: 580px;
  align-items: center;
  flex-direction: column;
  border-radius: 30px;
  border: 1px solid #f5f5f5;
  padding: 2rem 5rem;
  user-select: none;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background: white;
}

#new_login_otp_finish_popup {
  display: flex;
  width: 450px;
  height: 285px;
  align-items: center;
  flex-direction: column;
  border-radius: 30px;
  border: 1px solid #f5f5f5;
  padding: 3rem;
  user-select: none;
  background: white;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.new_login_otp_popup_main_h {
  color: #2e3376;
  font-size: 36px;
  letter-spacing: -0.72px;
  margin: 1rem 0;
  text-align: center;
}

.new_login_otp_popup_second_h {
  color: #2e3376;
  font-size: 20px;
  letter-spacing: -0.4px;
  margin: -1rem 0 1rem 0;
  text-align: center;
}

.new_login_otp_popup_input_label {
  position: relative;
  top: -2rem;
  color: #888888;
  transition: 0.2s ease;
  pointer-events: none;
  padding-right: 0.5rem;
}

.new_login_otp_popup_input {
  margin-bottom: 8px;
  border: none !important;
  border-bottom: 1px solid #000 !important;
  border-radius: unset !important;
  outline: none;
}

.new_login_otp_popup_input:focus + label,
.new_login_otp_popup_input:not(:placeholder-shown) + label {
  top: -3.7rem;
  font-size: 12px;
}

.new_login_otp_popup_input_icon {
  position: absolute;
  left: 6.5rem;
  width: 18px;
  height: 16px;
}

#new_login_otp_popup_tooltip_header {
  color: #2e3376;
  font-size: 18px;
  margin: 1rem 0 0 0;
  font-weight: bold;
}

#new_login_otp_popup_tooltip {
  visibility: hidden;
  background-color: #252b70;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  position: absolute;
  left: 0.5rem;
  top: 22.5rem;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
}

#new_login_otp_popup_tooltip_icon:hover + #new_login_otp_popup_tooltip {
  visibility: visible;
  opacity: 1;
}

#new_login_otp_popup_more_auth {
  display: flex;
  padding: 12px 48px 10px 12px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #c4c4c4;
  padding: 10px;
  visibility: hidden;
  transition: visibility 0.2s ease;
}

.new_login_otp_popup_btn {
  display: flex;
  height: 42px;
  padding: 8px 38px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: #5c64ff;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  margin-top: 1rem;
  outline: none;
  border: none;
  cursor: pointer;
}

#new_login_otp_popup_input_container {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
}

.new_login_otp_popup_input_err {
  color: red;
  visibility: hidden;
  position: relative;
  top: -2rem;
  margin: 0 0.5rem -1rem 0;
}

#new_login_otp_popup_otp_err {
  color: red;
  visibility: hidden;
  text-align: center;
}

@media only screen and (max-width: 1400px) {
  #new_login_otp_popup {
    scale: 0.8;
    margin-top: -4rem;
  }
  #loaderlo {
    right: 55%;
  }
}

.objbox:has(img[src*="/yaadpay/7.0/Images/ipay/user_profile_active.svg"])
  table
  tr:nth-child(2) {
  background-color: aliceblue;
}