.payInvoiceSlipBody{
	font-family: Arial, Helvetica, sans-serif;
}
.payInvoiceSliptd1{
	padding-bottom: 10px; 
	font-size: 14px;
}
.payInvoiceSliptd2{
	padding-bottom: 10px; 
	padding-top: 10px; 
	color: #000; 
	font-size: 21px; 
	text-align: center;
}
.payInvoiceSliptd3{
	padding-bottom: 10px; 
	padding-top: 10px; 
	color: #000; 
	font-size: 16px; 
	border-bottom: 1px solid #ccc;
}
.payInvoiceSliptd4{
	/* width:50%; */
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif;
}
.payInvoiceSliptd5{
	font-size: 14px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
}
.payInvoiceSlipB1{
	margin-right: 10px; 
	font-size: 14px;
}
.payInvoiceSliptd6{
	padding-bottom: 10px; 
	padding-top: 10px; 
	color: #000; 
	font-size: 18px; 
	text-align: center;
}
.payInvoiceSliptd7{
	padding-bottom: 10px; 
	padding-top: 10px; 
	color: #000; 
	font-size: 16px; 
}
.payInvoiceSliptd8{
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif;
}
.payInvoiceSliptd9{
	padding-bottom: 10px; 
	padding-top: 20px; 
	color: #000; 
	font-size: 16px; 
}
.payInvoiceSlipbg{
	background-color: #ccc;
}
.payInvoiceSlipth1{
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000; 
	background-color: #f1f1f1; 
	padding: 10px; 
	text-align: center;
}
.payInvoiceSliptd10{
	 font-size: 13px; 
	 font-family: Arial, Helvetica, sans-serif;
	 color: #000;  
	 padding: 10px; 
	 text-align: center;
}
/*$TransDetailsData['TRANSACTION_MODE'] == 'C'*/
.text-center {
	text-align: center!important;
}
.m-auto {
	margin: auto!important;
}
.w-50 {
	width: 100%!important;
	margin-top:20px;
	margin-bottom:20px;
}
.bg-light {
	background-color: #f8f9fa!important;
}
#view-modal .table-bordered {
	border: 1px solid black;
}
#view-modal .table-bordered th, #view-modal .table-bordered td {
	border: 1px solid black;
}
#view-modal .table th, #view-modal .table td {
	padding: 0.5rem;
	vertical-align: top;
	border-top: 1px solid black;
}
/*END*/

.paymentOptionClrh1{
	color:#0062a8;
}

.paymentOptionReminderInfo{
	right: -10px !important; 
	font-size: 12px; 
	color: white;
}

/* .securityCheckBg{ */
	/* background-color: white;  */
    /* opacity: 0.9;  */
/* } */
/* .securityCheckChild{ */
    /* opacity: 1; */
/* } */
.modelSecurityBg{
	background:white;
	border: 2px solid black;
}
.modal-backdrop {
	background-color: #C3C3C3;
	opacity: 0.9 !important;
}
.modal-dialog-custom{
	max-width: 500px;
    margin: 1.75rem auto;
}
.text-muted-generate-code{
	position: absolute;
    left: 398px;
    margin-top: -26px;
    color: #007bff !important;
}
/*CSS for Security Page*/
   .security-tips {
  list-style: none;
}

 .security-tips li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
  .security-manual li 
  {text-decoration:underline;list-style:none; text-underline-position: under;}
  
 .main::after{width:50px;left:52%}
 .security-border{border:1px solid #007bff;padding:37px}

/*XOX CSS for Security Page XOX*/

.pop_up_qr_text {
	font-weight:normal;
	font-size:14px;	
}
.pop_up_qr_note {
	font-size: 18px;
}
/* #pop-details{
	top:-50px!important;
	left:20px!important;
} */

#pop{
	top:10px!important;
	position: relative;
    /* top: 2px!important; */
    background: #007bff;
    /* padding: 0px -115px; */
    border-radius: 50%;
    text-align: center;
    display: block;
    width: 15px;
    height: 15px;
    /* top: 2px; */
}
#icon-info{
	color: #fff;
    font-size: 12px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    top: -5px;
}
#pop-details {
	display: none;
	z-index: 10;
	padding: 14px 20px;
	line-height: 16px;
	color: #111;
	border: 1px solid #efd398;
	background: #fcf8e3;
  }
  
  #pop-details span {
	display: block;
	font-size: 13px;
	text-align: left
  }

 #pop:hover #pop-details {
	display: block;
	position: absolute;
	right: 21px;
	/* left: 20px; */
	height: min-content;
	width: 300px;
	top: -50px;
  }
.invoice-btn-primary{
	border-radius: 10px;
}