/* --------------Login.jsp-------------------- */
.login{
font-style:italic !important; 
font-size:medium !important; 
color: #861F41 !important;
}

.lock-axis {
    padding: 0px 5px;
}


/* --------------Main.jsp-------------------- */
.full-container {
    min-height: 100%;
    position: relative;
    height: 100%;
    width: 100%;
}

.full-width {
    width: 100%;
}

.menu-section {
    float: left;
    width: 13%;
}

.body-section {
    float: right;
    width: 86.5%;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

/* --------------PayProDashBoard.jsp-------------------- */
.PPDB-body{
	margin:0 auto;
}

.PPDB-ref-btn{
	vertical-align:top;
}

.PPDB-modalbox{
	display: none;
}

/* --------------ProductList.jsp-------------------- */
.mrqu{
	color:#97144d !important;
	font-size:16px !important;
}

.fldset{
	height: 100%;
}

.tbl-pdd{
	padding-left: 3px;
}

.tbl-width{
	width: 100%;
}

.td-ovrflw{
	overflow: hidden;
}

.fldset1{
	height: 144px;
}

.slct{
	border-bottom-color:#c8c8c8;
	border-right-color: #c8c8c8;
	border-left-color: #c8c8c8;
	border-top-color:#c8c8c8;
}

.fldset2{
	padding-left: 5px;
}
.tbl-dta{
	overflow: hidden;
}

.imp-updt{
	font-style:italic !important; 
	font-size:medium !important; 
	color: #A50039 !important;
}

/* --------------------------CorporateAuthorizationMatrixForm.jsp--------------------------------- */
.rdio-btn{
	margin-top: 0px; 
	height: 12px;
}

.btn-sec{
	vertical-align: middle;
}

.cncl-btn{
	margin-right: 2px !important;
}

/* --------------------------CorporateAuthorizationMatrixDetView.jsp--------------------------------- */

.CAMDV{
   display:none;
}

/* --------------------------BenificiaryForm.jsp--------------------------------- */
.info-tooltip{
	vertical-align: middle;
}

.tool-tiptext{
	font-style: italic; 
	text-decoration: underline;
}

/* --------------------------Uploadfile.jsp--------------------------------- */
.U-fstAdd{
	text-align: left;
}
.tbmrgn{
	margin-left: 360px;
}
.txtnot{
	border: 1px solid red !important; 
	font-size: 10px; 
	display: none;
}

/* --------------------------BeneficiaryPaymentMethodMappingForm.jsp--------------------------------- */
.chekbox{
	margin-left: 0px;
}
.disptchto{
	margin-left: 1px;
}
.BADM{
	padding-left: 8px;
}
.chekboxfrall{
	margin-left: 2px;
}

/* --------------------------BeneficiaryPaymentMethodMappingView.jsp--------------------------------- */
.BPMMV{
	padding-left: 1px;
}
.BPMMV1{
	padding-left: 0px;
}
.BPMMV2{
	margin-left: 3px;
}

/* --------------------------DataLayoutForm.jsp--------------------------------- */
.DLF{
	padding-left: 2px;
}

/* --------------------------DataLayoutFieldView.jsp--------------------------------- */

.DLFV{
	margin-right: 2px !important; 
	border-right-width: 1px !important;
}

/* --------------------------DataLayoutListing.jsp--------------------------------- */
.DLL{
	margin: 0px !important;
}

/* --------------------------ListContentDataDetails.jsp--------------------------------- */
.LCDD{
	padding-bottom: 5px;
}
.LCDD1{
	width: 15%;
	padding-left: 2px
}
.LCDD2{
	vertical-align:middle;
	margin-top: 0px;
}
.LCDD3{
	width: 44px;
	vertical-align:top;
}

/* --------------------------BeneUploadPaymentMethodAddlDetailForm.jsp--------------------------------- */
.BUPMAD{
	width:150px;
}
.BUPMAD1{
	display: inline-block;
}
.BUPMAD2{
	display: inline-block; 
	width: 10px; 
	float:left;
}
.BUPMAD3{
	padding-left:134px;
}

/* --------------------------BPaymentRequestDetailsForm.jsp--------------------------------- */
.BPRD{
	vertical-align: top;
}
.BPRD1{
	white-space: nowrap;
}
.BPRD2{
	vertical-align:middle; 
	padding-left: 0px;
	padding-right: 0px;
	height: 133px;
}
.BPRD3{
	display: none;
}

/* --------------------------BPaymentMethodAddlDetailForm.jsp--------------------------------- */
.BPMAD{
	display: inline-block !important; 
	width: 2px; 
	float:left;
}

/* --------------------------BAddiDetailsForm.jsp--------------------------------- */
.badf{
	display : none;
}

/* --------------------------BPaymentRequestModelForm.jsp--------------------------------- */
.PRM{
	margin-left: 0px;
	padding-left: 1px;
}

/* --------------------------BPaymentRequestDetailsView.jsp--------------------------------- */
.BPRDV0{
	vertical-align:top;
}
.BPRDV1{
	vertical-align: middle; 
	padding-left: 0px; 
	padding-right: 0px; 
	height: 133px;
}
.BPRDV2{
	vertical-align:middle; 
	padding-left: 0px; 
	padding-right: 0px;
	height: 123px;
}

/* --------------------------BBulkPaymentRequestForm.jsp--------------------------------- */
.BBPRF{
	height: 14px !important;
}
.BBPRF1{
	border-right: 1px solid #006666;
}

/* --------------------------BPaymentRequestBatchDetailsForm.jsp--------------------------------- */
.BPRBD{
	width: 180px;
}
.BPRBD1{
	font-size: 10px;
	text-align: left;
	display:none; 
	width:100px;
}
.BPRBD2{
	border: 1px solid red;
}

/* --------------------------BPaymentRequestBeneficiaryView.jsp--------------------------------- */
.BPRBV{
	height: 115px;
}

/* --------------------------BBulkPaymentRequestView.jsp--------------------------------- */
.BBPRV{
	visibility: visible; 
	position: absolute; 
	top: 40%; 
	left: 40%
}
.BBPRV1{
	background-color: White; 
	border-width: 4px; 
	border-style: outset; 
	color: #336699; 
	height: 100px; 
	width: 300px; 
	font: arial bold 16px;
}

/* --------------------------BulkPaymentRequestForm.jsp--------------------------------- */
.BPRF{
	border-right: 1px solid #006666;
}

/* --------------------------BBulkPaymentRequestBeneficiaryView.jsp--------------------------------- */
.BneDetlsFrame{
	vertical-align: middle; 
	padding-left: 0px; 
	padding-right: 0px; 
	height: 600px;
}

/* --------------------------ProcessExceptionQueryForm.jsp--------------------------------- */
.PEQF{
	padding-left: 6px;
}
.PEQF1{
	padding: 0px;
}

/* --------------------------ProcessExceptionQueryDetails.jsp--------------------------------- */
.PEQD{
	margin-bottom: 5px;
}
.PEQD1{
	width: 45px;
}

/* --------------------------SinglePaymentRequestViewPrint.jsp--------------------------------- */
.SPRVP{
	padding-left:10px; 
	padding-right:10px;
}
.SPRVP1{
	border-collapse:collapse;
}

/* --------------------------CorporateSpecialRequestUploadForm.jsp--------------------------------- */
.CSRUF{
	margin-left:182px;
}
.CSRUF1{
	border: 1px solid red !important; 
	font-size: 10px; 
	display: none !important;
}

/* --------------------------SearchDetails.jsp--------------------------------- */
.SD{
	vertical-align: left;
}

/* --------------------------BIndividualBenePaymentRequestView.jsp--------------------------------- */
.BIBPRV{
	width: 100%; 
	height: 150px;
}

/* --------------------------HardToken.jsp--------------------------------- */
.HT{
	font-weight:bold;
}

/* --------------------------HardToken1.jsp--------------------------------- */
.HT1{
	border-collapse: collapse;
}
.HT2{
	color: red;
}

/* --------------------------SecurityTokenList.jsp--------------------------------- */
.STL{
	background: none;
}

/* --------------------------CommonsDashBoard.jsp--------------------------------- */
.CDB{
	vertical-align: bottom;
}

/* --------------------------CorporateUserView.jsp--------------------------------- */
.CUV{
	border-left-width: 1px;
	border-top-width: 1px;
}
.CUV1{
	border-left-width: 1px;
}

/* --------------------------CorporateUserForm.jsp--------------------------------- */
.CUF{
	height: 22px;
}
.CUF1{
	width:250px;
}
.CUF2{
	width: 150px;
}
.CUF3{
	width: 100px;
}

/* --------------------------CorporateBranchForm.jsp--------------------------------- */
.CBF{
	background-color: white;
}

/* --------------------------CorpQueryBuilderView.jsp--------------------------------- */
.CQBV{
	padding-bottom: 2px;
}
.CQBV1{
	width:30px;
}
.CQBV2{
	width:60px;
}

/* --------------------------QueryBuilderData.jsp--------------------------------- */
.QBD{
	width: 100%; 
	overflow-x:auto !important; 
	-webkit-overflow-scrolling:touch !important;
	overflow-y:hidden;
	padding-bottom: 30px;
}

/* --------------------------OtpMobileValidationAuth.jsp--------------------------------- */
.OMVA{
	border-collapse:collapse; 
	margin: auto;
}
.OMVA1{
	text-align: center; 
	vertical-align: middle;
}
.OMVA2{
	padding-bottom: 3px;
}

/* --------------------------RejectReasonForMob.jsp--------------------------------- */
.RRFM{
	width: 400px; 
	height: 100px;
	padding: 10px; 
	resize: none;
}

/* --------------------------RejectReasonView.jsp--------------------------------- */
.RRV{
	padding-right: 1px;
}

/* --------------------------PaymentMethodAddlDetailsForm.jsp--------------------------------- */
.PMADF{
	display: inline-block; 
	width: 2px; 
	float:left;
}

/* --------------------------CommonReportForm.jsp--------------------------------- */
.CRF{
	width: 100%;  
	word-wrap: break-word; 
	white-space-collapse: discard; 
	white-space: nowrap;
}
.CRF1{
	overflow-x:auto !important; 
	-webkit-overflow-scrolling:touch !important;
	width: 100%;
}

/* --------------------------AuthorizersSelectionList.jsp--------------------------------- */
.ASL{
	color:#A50039;
}
.ASL1{
	height:15px;
	width:550px;
	border:1px solid #CC3333;
	padding-bottom: 25px;
}
.ASL2{
	height:150px;
	width:550px;
	overflow:scroll;
	border:1px solid #CC3333;
}

/* --------------------------BPaymentRequestDenominationView.jsp--------------------------------- */
.BPRDV{
	display:block;
}

/* --------------------------EnrichmentUploadView.jsp--------------------------------- */
.EUV{
	border: 1px solid;
}

/* --------------------------NextAuthorizerForm.jsp--------------------------------- */
.NAF{
	padding:10px;
}

/* --------------------------OldPayProDashBoard.jsp--------------------------------- */
.OPPDB{
	margin:0 auto;
}

/* --------------------------2FAMobileToken.jsp--------------------------------- */
.FAMT{
	visibility: visible;
}
.FAMT1{
	visibility: hidden;
}

/* --------------------------WireFramePage.jsp--------------------------------- */
.WFP{
	border: 1px solid #bf1a1a;
}

/* --------------------------CorporateDataLayoutView.jsp--------------------------------- */
.CDLV{
	border:none;
}

.alignment1{
	vertical-align: top;
}
.alignment2{
	vertical-align: middle;
}
.alignment3{
	vertical-align: left;
}
.leftpadding1{
	padding-left: 0px;
}
.leftpadding2{
	padding-left: 1px;
}
.margin1{
	margin:0px;
}
.leftmargin1{
    margin-left: 0px;
}
.topmargin1{
	margin-top: 0px;
}
.padding1{
	padding: 0px;
}
.bottompadding1{
	padding-bottom: 2px;
}
.bottompadding2{
	padding-bottom: 3px;
}
.padding2{
	padding-left: 10px; 
	padding-right: 10px;
}
.width1{
	width:69.2%;
}
.width2{
	width:56.4%;
}
.width3{
	width:30px;
}
.width4{
	width:60px;
}
.width5{
	width: 85px;
}
.textalign1{
	text-align:right;
}
.margin1{
	margin:0 auto;
}
.displaynone{
	display: none;
}
.border1{
	border:1px solid #a50039;
}
.border2{
	border-collapse: collapse;
}
.color1{
	color: red;
}
.fontcolor1{
	font-weight: bold;
	color:#0000FF;
}
.fontweight1{
	font-weight:bold;
}


/*----------------------------------CheckBox-----------------------------*/
.menu-link {
  color: #ffffff;
  text-decoration: none;
}

.menu-text {
  margin-left: 4px;
  font-size: 11px;
}

.submenu-link {
  font-size: 13px;
  text-decoration: none;
}

.hidden-checkbox {
  display: none;
}
/*----------------------------------calendar.js-----------------------------*/
/* host element to position the popup under the trigger */
.viccal-host { position: relative; }

/* popup container */
.vicpopcal {
  position: absolute;
  top: 100%;           /* show under the host */
  left: 0;
  z-index: 100;
  border: 1px solid #999;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  border-radius: 8px;
  padding: 8px;
}

/* visibility controlled via classes (no inline styles) */
.vicpopcal.is-hidden { display: none; }
.vicpopcal.is-open { display: block; }

.viccal-outer { border-collapse: collapse; width: 100%; }
.viccal-head, .viccal-foot { text-align: center; padding: 6px; }

.viccal-btn {
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f5f5f5;
  font-weight: bold;
  margin: 0 6px;
  cursor: pointer;
}

.viccal-select { margin: 0 6px; }

.viccal-grid-wrap { width: 100%; }
.viccal-grid { width: 100%; border-collapse: collapse; table-layout: fixed; }
.viccal-weekday { text-align: center; font: bold 12px Arial, sans-serif; padding: 6px 0; background: #f0f0f0; }

.viccal-day {
  text-align: center;
  padding: 8px 0;
  border: 1px solid #eee;
  cursor: pointer;
  user-select: none;
}
.viccal-day:hover { background: #e8f2ff; }       /* replaces onMouseOver gcToggle */
.gcBG2 { background: #ffffff; }                   /* your original classes */
.gcBG1 { background: #f9f9f9; }

.cellText { font: 12px Arial, sans-serif; }
.cellText.is-weekend { color: red; }
.cellText.is-outside { color: #99a; }             /* replaces gcGray */
.viccal-day.is-selected { outline: 2px solid #5b9; }  /* replaces aCell.bgColor = gcBG */

.viccal-today {
  background: none;
  border: none;
  cursor: pointer;
  font-weight: bold;
  padding: 6px 8px;
}

/* hide overlapping selects instead of style.visibility */
.vic-hidden-select { visibility: hidden !important; }


/*----------------------------------calendar_us.js-----------------------------*/
.tcalIcon { cursor: pointer !important; }
#tcal, #tcalShade { position: absolute; z-index: 1000; }
#tcal { background-color: #fff; border: 1px solid #aaa; padding: 5px; }
#tcalShade { background-color: rgba(0,0,0,0.2); }
.ctrl { width: 100%; border-collapse: collapse; }
.ctrl th, .ctrl td { padding: 2px; text-align: center; }
.othermonth { color: #ccc; }
.weekend { color: #000; }
.today { background-color: #eef; }
.selected { background-color: #bbf; }

/*----------------------------------------------------------30-08-2025----------------*/
	/* Tooltip container styling */
    .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }


.info-tooltip1 {
  vertical-align: middle;   /* makes the icon align with text baseline */
  cursor: pointer;
}

 /* Tooltip text styling */
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: #555;
        color: #fff;
        text-align: left;
        border-radius: 5px;
        padding: 8px;
        position: absolute;
        z-index: 1;
        bottom: 125%; /* Position tooltip above the image */
        right: 200%;
        margin-left: -210px;
        opacity: 0;
        transition: opacity 0.3s;
    }
 /* Tooltip arrow */
    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 0%;
        left: 0%;
        margin-left: -0px;
        border-width: 0px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

 /* Show tooltip on hover */
    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }