/*********************************** CSS Browser Reset Styles *************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @font-face { font-family: 'ZurichBT-Roman'; src: url('../fonts/Robofont/zurchn.TTF') format('truetype'); } body { line-height: 1;font-size:14px;font-family:ZurichBT-Roman ; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a, a:hover,a:focus{text-decoration:none;} /******************************* End of CSS Browser Reset Styles *******************************/ /* .brand-icon{background: url(../images/eazy-pay.png) no-repeat 10px center; background-size: 100px auto; float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; width: 120px; border-right: lightgrey 1px solid;} .icici-icon{background: url(../images/ICICI_Logo.png) no-repeat 10px center;background-size: 100px auto;float: left;height: 50px;padding: 15px 15px;font-size: 18px;line-height: 20px;width: 110px;} */ .pntr{cursor: pointer;} .red-color{color: red;} .green-color{color: green;} /**** Loading CSS ****/ .spinner {position: fixed;top: 0px;left: 0;bottom:0;background: RGBA(0, 0, 0, 0.8);height: 100%;width: 100%;opacity: 0.7;z-index: 99999;} .spinner-img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .errorMsg{padding-left: 10px;color: red; width: 220px;} .mtop{margin-top:15px;} .mtop10{margin-top:10px;} .mbtm{margin-bottom:15px;} .pad-l10{padding-left:10px;} /**** Loading CSS Ends ****/ .dashboardwhite-icon{background: url('../images/dashboard-white.png') no-repeat center;background-size: 24px auto;} .dashboard-icon{background: url('../images/dashboard.png') no-repeat center;background-size: 24px auto;} .transaction-icon{background: url('../images/transactionsicon.png') no-repeat center;background-size: 24px auto;} .transactionwhite-icon{background: url('../images/transactions-white.png') no-repeat center;background-size: 24px auto;} .reports-icon{background: url('../images/reportsicon.png') no-repeat center;background-size: 24px auto;} .reportswhite-icon{background: url('../images/reports-white.png') no-repeat center;background-size: 24px auto;} .userProfile-icon{background: url('../images/side-menu-user.png') no-repeat center;background-size: 24px auto;} .userProfileWhite-icon{background: url('../images/side-menu-user-white.png') no-repeat center;background-size: 24px auto;} .manageUsers-icon{background: url('../images/ManageUsers.png') no-repeat center;background-size: 24px auto;} .manageUsersWhite-icon{background: url('../images/ManageUsersWhite.png') no-repeat center;background-size: 24px auto;} .ctcnvgraph-icon{background: url('../images/collect-transaction-count-and-value-graph.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .rtcnvgraph-icon{background: url('../images/refund-transaction-count-and-value.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .lst10trans-icon{background: url('../images/last-10-transactions.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .suctrans-icon{background: url('../images/success.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .pendtrans-icon{background: url('../images/pending.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .failtrans-icon{background: url('../images/fail.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .delete-icon{background: url('../images/Delete1.png') no-repeat center;background-size: 24px auto;width: 30px;height: 30px;} .upitrans-icon{background: url('../images/upi.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .collectTransactionCount{border-radius: 4px;background-color: #efc164;margin-bottom: 20px;overflow:auto;color:#fff;} .collectTransactionValue{border-radius: 4px;background-color: #4077b2;margin-bottom: 20px;overflow:auto;color:#fff;} .refundTransactionCount{border-radius: 4px;background-color: #0397bc; margin-bottom: 20px;overflow:auto;color:#fff;} .refundTransactionValue{border-radius: 4px;background-color: #51bead;margin-bottom: 20px;overflow:auto;color:#fff;} .collectTransactionCount-icon{background:url('../images/collecttransactioncount.png') no-repeat center;height: 50px;width:50px;background-size: 23px 23px;} .collectTransactionValue-icon{background:url('../images/collecttransactionvalue.png') no-repeat center;height: 50px;width:50px;background-size: 23px 23px;} .refundTransactionCount-icon{background:url('../images/refundtransactioncount.png') no-repeat center;height: 50px;width:50px;background-size: 23px 23px;} .refundTransactionValue-icon{background:url('../images/refundtransactionvalue.png') no-repeat center;height: 50px;width:50px;background-size: 23px 23px;} /****************** side menu css**********************/ .tble{display:table;width: 100%;} .tble-row{display:table-row;} .tble-cell{display:table-cell;vertical-align:middle !important;} .side-tble .tble-row{color:#333;} .side-tble .tble-cell:nth-child(1){width:50px;height:50px;} .side-tble .tble-cell:nth-child(2){width:200px;} .collectTransactionCount.tble .tble-cell:nth-child(3),.collectTransactionValue.tble .tble-cell:nth-child(3),.refundTransactionCount.tble .tble-cell:nth-child(3),.refundTransactionValue.tble .tble-cell:nth-child(3){padding:0 10px;} text.highcharts-credits {display: none;} g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-3,g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-4,g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-5{display:none;} #rfndTransStatus g.highcharts-legend-item.highcharts-column-series.highcharts-color-undefined.highcharts-series-2{display:none;} .tableBorderNone{border: none !important; } .tabletrBorder{border: 1px solid #ddd;} .trBorder{background-color: #efefef;} .collectionDetails{ width: 2%;height: 23px;border: 1px solid;margin-left: 3%;border-radius: 4px;} /****************************** Jagan Customized Styles *******************************/ html,body{width:100%;height:100%;background-color:#fff;} header{position:absolute;left:0;top:0;width:100%;height:70px;-webkit-box-shadow: 0px 2px 2px 2px rgba(204,204,204,1);-moz-box-shadow: 0px 2px 2px 2px rgba(204,204,204,1);box-shadow: 0px 2px 2px 2px rgba(204,204,204,1);z-index:1;} footer{position:absolute;left:0;bottom:0;width:100%;height:70px;-webkit-box-shadow: 0px -2px 2px 2px rgba(204,204,204,1);-moz-box-shadow: 0px -2px 2px 2px rgba(204,204,204,1);box-shadow: 0px -2px 2px 2px rgba(204,204,204,1);} .wrapper.container-fluid{height:100%;} .wrapper.container-fluid >div,.cntnt-wrap{height:100%;} .ovrflw{/* overflow-y: auto;overflow-x: hidden; */} .cntnt-wrap{padding-top:70px;padding-bottom:70px;} /************************ Color Codes ********************/ .white-bg{background-color:#fff;} .whte{color:#fff;} .org-bg,.activeTab, .side-tble.activeTab a:hover{background-color:#e77817;} .blu-clr{color:#053c6d;} .org-clr{color:#e77817;} .gry{color: #666666 !important;} /********************* End of color codes *****************/ /********************************** Login *******************************/ header >img{/* height: auto;width: 300px; */height: 50px;width: 200px;position: relative;top: 50%;left: 15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);} footer >span.pull-left,footer >span.pull-right{display:inline-block;position:relative;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);} footer >span.pull-right >img{width:auto;height:25px;padding-right:15px;} footer >span.pull-left{padding-left:15px;} .nameDtls{height:100%;} .nameDtls >div{position: relative;height: auto;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);} .nameDtls >div >p:nth-child(1){font-size:16px;margin-bottom:5px;} .login-wrapper{background:url('../images/loginbg.jpg') no-repeat center;background-size:cover;/* background-size:100% 78%; */} /* .login-wrapper{background:url('../images/loginbg.png') no-repeat center;background-size:cover;} */ .login-panel{margin-top: 0;top: 50%;position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);right: 15%;background: transparent;border: none;box-shadow:none;border: 1px solid #ccc;background-color:#fff;border-radius: 20px;} .login-panel .form-group input{border-radius: 15px;padding: 8px 10px 8px 30px;height:40px;width:220px;} .login-panel .form-group input.user{background:url('../images/user.png') no-repeat 10px center;background-size:auto 15px;} .login-panel .form-group input.pwd{background:url('../images/password.png') no-repeat 10px center;background-size:auto 15px;} .login-panel button{border-radius:15px; outline: 0 !important;} .login-panel .panel-body >div >p{padding:10px;} .login-panel .panel-body >div >p:nth-child(1){border-bottom:2px solid #ccc;} /****************************Login *************************************/ /************************Dashbpoard************************/ #page-wrapper{padding:70px 30px !important;} .fa.fa-user.fa-fw{font-size:1.4em;} .cust-sel select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;padding-right: 25px;} .cust-sel .glyphicon.glyphicon-menu-down{position:absolute;right: 20px;top: 24px;pointer-events:none;} .hidden-visible{visibility:hidden;} .form-control.pntr{width:30px;line-height:30px;padding:0;border-color:#053c6d;} .form-control.pntr >span{line-height:30px;} form[name="monthly_ReportForm"] input, form[name="TMFailureReportForm"] input, form[name="orangeSoundBoxReportForm"] input,form[name="creditLineMdrDeductionForm"] input,form[name="creditLineForm"] input,form[name="dlyMdrGstCdtDbtForm"] input,form[name="singleCreditReportForm"] input,form[name="qrRegstReportForm"] input,form[name="rupayCCTransReportForm"] input,form[name="PosOnboardingPanForm"] input,form[name="posOnboardingForm"] input,form[name="iciciRegstReportForm"] input,form[name="deInstallReportForm"] input,form[name="reconInstallationReportForm"] input,form[name="reconApprovalReportForm"] input,form[name="mdrChangeRequestForm"] input,form[name="customisePricingForm"] input,form[name = "mdrReportsForm"] input,form[name="guestMerchantReportsForm"] input,form[name="selectDateForm"] input,form[name="selectWeekForm"] input,form[name="selectMonthForm"] input,form[name="subMerchantForm"] input,form[name="dateForm"] input,form[name="dateForm1"] input,form[name="dateForm2"] input,form[name="reportsForm"] input ,form[name="custVPAForm"] input ,form[name="addMerchantForm"] input,,form[name="reportsDayForm"] input,form[name="reportsSubmerchantForm"] input,form[name="statusForm"] input,form[name="refundReportsDayForm"] input ,form[name="UPITransForm"] input ,form[name="UPITransStlmntForm"] input,form[name="merchantAccountNumberForm"] input,form[name="rfndMISReportForm"] input,form[name="rfndRtrnMISReportForm"] input,form[name="rfndMISReportForm1"] input,form[name="fromToDateForm"] input,form[name="mtdMISReportForm"] input,form[name="prin1Form"] input,form[name="prin2Form"] input,form[name="busiDetailsForm"] input,form[name="reportForm"] input,form[name="reschedulePastDaysFrom"] input, form[name = "customisePricingForm"] input, form[name = "srDetailsRequestForm"] input, form[name = "srvRqstsForm"] input, form[name = "futurerefundForm"] input,form[name = "tatDateForm"] input,form[name = "reportsDayForm"] input,form[name = "settlementForm"] input ,form[name = "offAdditionalMidTid"] input,form[name = "regstReportForm"] input{background-color:#fff !important;} form[name="monthly_ReportForm"] .glyphicon-calendar, form[name="TMFailureReportForm"] .glyphicon-calendar, form[name="orangeSoundBoxReportForm"] .glyphicon-calendar,form[name="creditLineMdrDeductionForm"] .glyphicon-calendar,form[name="creditLineForm"] .glyphicon-calendar,form[name="dlyMdrGstCdtDbtForm"] .glyphicon-calendar,form[name="singleCreditReportForm"] .glyphicon-calendar,form[name="qrRegstReportForm"] .glyphicon-calendar,form[name="rupayCCTransReportForm"] .glyphicon-calendar,form[name="PosOnboardingPanForm"] .glyphicon-calendar,form[name="posOnboardingForm"] .glyphicon-calendar,form[name="iciciRegstReportForm"] .glyphicon-calendar,form[name="deInstallReportForm"] .glyphicon-calendar,form[name="reconInstallationReportForm"] .glyphicon-calendar,form[name="reconApprovalReportForm"] .glyphicon-calendar,form[name="selectDateForm"] .glyphicon-calendar,form[name="selectWeekForm"] .glyphicon-calendar,form[name="selectMonthForm"] .glyphicon-calendar,form[name = "reportsDayForm"] .glyphicon-calendar,form[name = "settlementForm"] .glyphicon-calendar,form[name = "offAdditionalMidTid"] .glyphicon-calendar,form[name="futurerefundForm"] .glyphicon-calendar,form[name="regstReportForm"] .glyphicon-calendar{position:absolute;top:24px;right:20px;pointer-events:none;} form[name="creditLineMdrDeductionForm"] .glyphicon-calendar,form[name="creditLineForm"] .glyphicon-calendar,form[name="dlyMdrGstCdtDbtForm"] .glyphicon-calendar,form[name="singleCreditReportForm"] .glyphicon-calendar,form[name="qrRegstReportForm"] .glyphicon-calendar,form[name="rupayCCTransReportForm"] .glyphicon-calendar,form[name="PosOnboardingPanForm"] .glyphicon-calendar,form[name="posOnboardingForm"] .glyphicon-calendar,form[name="iciciRegstReportForm"] .glyphicon-calendar,form[name="deInstallReportForm"] .glyphicon-calendar,form[name="reconInstallationReportForm"] .glyphicon-calendar,form[name="reconApprovalReportForm"] .glyphicon-calendar,form[name="mdrChangeRequestForm"] .glyphicon-calendar, form[name="customisePricingForm"] .glyphicon-calendar,form[name = "mdrReportsForm"] .glyphicon-calendar,form[name="guestMerchantReportsForm"] .glyphicon-calendar,form[name = "reportsDayForm"] .glyphicon-calendar{position:absolute;top:8px;right:20px;pointer-events:none;} form[name="creditLineMdrDeductionForm"] .glyphicon-calendar,form[name="creditLineForm"] .glyphicon-calendar,form[name="dlyMdrGstCdtDbtForm"] .glyphicon-calendar,form[name="singleCreditReportForm"] .glyphicon-calendar,form[name="qrRegstReportForm"] .glyphicon-calendar,form[name="rupayCCTransReportForm"] .glyphicon-calendar,form[name="PosOnboardingPanForm"] .glyphicon-calendar,form[name="posOnboardingForm"] .glyphicon-calendar,form[name="iciciRegstReportForm"] .glyphicon-calendar,form[name="deInstallReportForm"] .glyphicon-calendar,form[name="reconInstallationReportForm"] .glyphicon-calendar,form[name="reconApprovalReportForm"] .glyphicon-calendar,form[name="subMerchantForm"] .glyphicon-calendar,form[name="merchantTranIdForm"] .glyphicon-calendar,form[name="bankRRNForm"] .glyphicon-calendar,form[name="dateForm"] .glyphicon-calendar,form[name="dateForm1"] .glyphicon-calendar,form[name="dateForm2"] .glyphicon-calendar,form[name="addMerchantForm"] .glyphicon-calendar,form[name="custVPAForm"] .glyphicon-calendar,form[name="reportsDayForm"] .glyphicon-calendar,form[name="reportsSubmerchantForm"] .glyphicon-calendar,form[name="statusForm"] .glyphicon-calendar, form[name="refundReportsDayForm"] .glyphicon-calendar, form[name="UPITransForm"] .glyphicon-calendar, form[name="UPITransStlmntForm"] .glyphicon-calendar,form[name="merchantAccountNumberForm"] .glyphicon-calendar,form[name="rfndMISReportForm"] .glyphicon-calendar,form[name="rfndRtrnMISReportForm"] .glyphicon-calendar,form[name="rfndMISReportForm1"] .glyphicon-calendar,form[name="fromToDateForm"] .glyphicon-calendar,form[name="mtdMISReportForm"] .glyphicon-calendar,form[name="prin1Form"] .glyphicon-calendar,form[name="prin2Form"] .glyphicon-calendar,form[name="busiDetailsForm"] .glyphicon-calendar,form[name="reportForm"] .glyphicon-calendar,form[name="reschedulePastDaysFromform"] .glyphicon-calendar,form [name = 'customisePricingForm'] .glyphicon-calendar,form[name="srDetailsRequestForm"] .glyphicon-calendar,form[name = "srvRqstsForm"] .glyphicon-calendar,form[name = "tatDateForm"] .glyphicon-calendar,form[name="futurerefundForm"] .glyphicon-calendar,form[name = "settlementForm"] .glyphicon-calendar, form[name = "offAdditionalMidTid"] .glyphicon-calendar,form[name = "regstReportForm"] .glyphicon-calendar{position:absolute;top:10px;right:20px;pointer-events:none;} form[name="creditLineMdrDeductionForm"] .glyphicon-calendar,form[name="creditLineForm"] .glyphicon-calendar,form[name="dlyMdrGstCdtDbtForm"] .glyphicon-calendar,form[name="singleCreditReportForm"] .glyphicon-calendar,form[name="qrRegstReportForm"] .glyphicon-calendar,form[name="rupayCCTransReportForm"] .glyphicon-calendar,form[name="PosOnboardingPanForm"] .glyphicon-calendar,form[name="posOnboardingForm"] .glyphicon-calendar,form[name="iciciRegstReportForm"] .glyphicon-calendar,form[name="deInstallReportForm"] .glyphicon-calendar,form[name="reconInstallationReportForm"] .glyphicon-calendar,form[name="reconApprovalReportForm"] .glyphicon-calendar,form[name="reportsForm"] .glyphicon-calendar,form[name = "reportsDayForm"] .glyphicon-calendar,form[name ="settlementForm"] .glyphicon-calendar,form[name="futurerefundForm"] .glyphicon-calendar,form[name="regstReportForm"] .glyphicon-calendar{position:absolute;top:22px;right:20px;pointer-events:none;} .radio-main p{display:inline-block;margin:10px 0 0 10px;} [type="radio"]:checked,[type="radio"]:not(:checked) {position: absolute; left: -9999px;} [type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position: relative;padding-left: 28px;cursor: pointer;line-height: 20px; display: inline-block;color: #666;} [type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 2px solid #ccc;border-radius: 50%;background: #fff;} [type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #e77817;position: absolute;top: 5px;left: 5px;border-radius: 50%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);} [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);} /************************ End of Dashboard ************************/ /************************ Side menu *********************/ .navbar,.navbar-header{height:70px;width:100%;} .sidebar{margin-top:73px;} .navbar-top-links{margin-top:15px;} .navbar-default .navbar-toggle{margin-top:20px;margin-right: 0;border: 0;} .navbar-header >img{width: auto;/* height: 43px; */height: 50px;padding-left: 15px;margin-top: 12px;} .navbar-header .navbar-top-links li a{padding:15px 10px;} /*********************End of Side menu ******************/ /************************* POP UP *************************/ .popup{position:fixed;width:100%;height:100%;top:0;left:0;background: transparent;z-index: 999;} .mask{position:absolute;width:100%;height:100%;background:#000;opacity:0.4;} .pop-main{position:absolute;width:40%;min-width:300px;min-height:200px;max-height:70%;background:#fff;;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);} .pop-main .header,.pop-main .footer{position:absolute;width:100%;height:50px;line-height:50px;left:0;background:#f1f1f1;padding:0 15px;} .pop-main .header .glyphicon.glyphicon-remove{font-size:20px;line-height:50px;} .pop-main .header{top:0;} .pop-main .footer{bottom:0;} .pop-main .pop-cntnt{width:100%;height:100%;padding:50px 15px;/* overflow:auto; */} .mer-name{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /********************** End of POP UP *********************/ .manualRefund{position: absolute;width: 80% !important;background: #fff;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} /* .sidebarDesktop{position:absolute;top:73px;bottom:0;overflow-y:auto;width:250px;left:0;right:0;margin-top:0;} */ @media (max-width: 767px) { .sidebar{margin-top:0;} /* .navbar-header >img{width: 53%;height: 43px;padding-top: 20px;margin-top:0;} */ .navbar-header >img{width: 37%;height: 50px;padding-top: 20px;margin-top:0;} .navbar-header .navbar-top-links li a{padding:15px 0px;} .mer-name{max-width:60px;} .lastLoginFont{font-size:10px;} /* .sidebarMobile{position:absolute;top:73px;bottom:0;overflow-y:auto;width:100%;left:0;right:0;margin-top:0;} */ } @media (max-width: 320px) { .lastLoginFont{font-size:7px;} } @media (min-width: 360px) and (max-width: 766px) { .lastLoginFont{font-size:9px;} .navbar-header >img{width: 20%;height: 50px;padding-top: 20px;margin-top:0;} .pop-main-vpaauthorize{width: 70% !important;} } /************************** End of Jagan Customized Styles ***************************/ /* Supraja */ .gtStyling{font-weight: 500;font-size: 18px; padding: 1px 6px;} .NoWrapSpaces{white-space: nowrap;} .NoWrapSpaces > span{padding-left:0 !important} .aa > table.ui-datepicker-calendar{display:none;} .collectionSuccess{border: 1px solid green;border-radius: 2px;text-align: center;color: green;} .collectionFailure{border: 1px solid red;border-radius: 2px;text-align: center;color: red;} .collectionPending{border: 1px solid orange;border-radius: 2px;text-align: center;color: orange;} .collectionRefunded{border: 1px solid;border-radius: 2px;text-align: center;} .collectionStatusFont{font-size: 12px;font-weight: 600;} #dataTables-Collections .tabletrBorder {border: 1px solid #ddd;border-left: none;border-right: none;} #dataTables-Collections{border:none;} /* Supraja */ .fntwght{font-weight:600;} .pad0{padding: 0 !important;} .marginBtm0{margin-bottom: 0px;} .bld{font-weight : bold;} .fnt10{font-size:10px;} .whte{color:#fff !important;} /* Pagination */ .paginationclass{margin: 15px 28px; } .paginationclass div{border-bottom:1px solid silver;} .paginationclass span{margin:0px 15px; display:inline-block; padding:5px 0px; text-align:left; width:70px;} .pagination-controle li{display: inline-block;} .pagination-controle button{width: 63px;font-size: 12px;margin-left: 13px;cursor:pointer;} .pagination-div{margin-right:0px;} /* Pagination */ form[name="newPasswordForm"] >div >span{width: 220px !important;} .mtopneg{margin-top:-15px ! important;} .sendNotifyBtn{position:absolute;top:0;bottom:0;right:0;width:50px;background-color: #efefef;margin: 0 !important;height: auto !important;border-radius: 0 5px 5px 0;} .sendNotifyBtn span{background-image:url('../images/delete.png');background-size:20px auto;background-position:50% 50%;background-repeat:no-repeat;height: 20px;width: 20px;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } /* Manage Users */ .addUserBtn { border: 1px solid #053c6d;border-radius: 2px;text-align: center;color: #053c6d;padding: 5px; font-weight: 600;} .addUserTxtBox{width : 90%} .pdngLeft5Pct{ padding-left : 5%} .tabletrBorderManageUsers{border-bottom: 1px solid #ddd;} /* Manage Users */ .brkWrd{word-wrap: break-word;} /* Refund */ .right-inner-addon {position: relative;} .right-inner-addon input {padding-right: 30px;} .right-inner-addon i {position: absolute;right: 0px;padding: 10px 12px;pointer-events: none;} .pop-main .refund_cntnt{width:100%;height:100%;padding:50px 15px 75px 15px;overflow:auto;} .refundSubmitIcon{top: 2px;font-size: 12px;margin-left: 2px;} .footer50px{height:50px !important;} .footer70px{height:122px !important;margin-top: 20px;} .refundPopupMerchant{height:250px;} .refundInputDiv span{line-height:10px;/* margin:5px 0; */ font-size:10px} .paddLR0{padding-left:0;padding-right:0;} .pop-main .refund_cntnt{overflow-y : hidden;} .refundPopupMerchant .footer div{line-height: normal;} .marTB5{margin:5px 0 10px 15px !important;} .refundPopupMerchant .footer { bottom: auto; } /* Refund */ .refundPopupMerchant .footer { position:fixed; bottom:0; } .refundPopupMerchant .footer div { margin: 8px 0 0 0; } .refundPopupMerchant { height:320px !important; width:44% !important; } .martop16px { margin-top:16px !important; } .red-color1{color: red;} .height270px{height : 270px} .switch_block p { width:100%; text-align:center; padding-bottom:10px; font-size:14px; color:#333333; font-weight: bold; } .switch_block span:nth-child(2) { display:block; float:left; width:20%; font-size:16px; width:60px; padding:0 4px 0 0; margin-left:38%; } .switch_block span:nth-child(4) { display:block; float:left; font-size:16px; width:60px; padding:0 0 0 6px; } .switch_block .switch__container { float:left; width:60px; margin:0; } /* EazyPay Portal */ /******************************* Login css **********************************/ .login-wrapper{width:100%;height:100%;background:url('../images/loginBg.png') no-repeat center;background-size:cover;} .user-img{position:absolute;top:50%;left:85%;display:block;transform: translate(-75%,50%);-webkit-transform: translate(-130%,-200%);-moz-transform:translate(-75%,-50%);-ms-transform:translate(-130%,-200%);background:url('../images/loginUser.png') no-repeat center;background-size: auto 100px;width: 100px;height: 100px;} /* .login-main{padding: 25px;border: 10px solid rgba(0, 0, 0, 0.25);background: #fff;position: absolute;top: 50%;left: 85%;transform: translate(-75%,50%);-webkit-transform:translate(-75%,-50%);-moz-transform:translate(-75%,-50%);-ms-transform:translate(-75%,-50%);} */ .login-main{padding: 25px;border: 10px solid rgba(0, 0, 0, 0.25);background: #fff;position: absolute;top: 50%;left: 75%;transform: translate(-75%,50%);-webkit-transform:translate(-75%,-50%);-moz-transform:translate(-75%,-50%);-ms-transform:translate(-75%,-50%);} .login-main input[type="text"],.login-main input[type="password"]{padding: 5px 10px 5px 50px;} .login-main input{min-width:200px;} .login-main button{padding:5px 12px;background:#e77817;color:#fff;border-radius:10px;border:none;-webkit-appearance:none;min-width:120px;font-size:20px;} .login-main input[type="text"]{background-image:url('../images/userId.png');background-size:20px auto;background-repeat:no-repeat;background-position:15px center;} .login-main input[type="password"]{background-image:url('../images/lock.png');background-size:18px auto;background-repeat:no-repeat;background-position:15px center;} /*************************** End of Login CSS ******************************/ .login-main input[type="text"],.login-main input[type="password"],input[type="number"],input[type="date"],select{border: 1px solid #ccc;border-radius: 15px;height: 35px;outline: none;background-color:transparent;min-width:180px;font-size:16px;} .fldst{ padding: 5px;border: 1px solid silver;} /* EazyPay Portal */ .brdrbtm {border-bottom : 1px solid #e7e7e7; padding-bottom :10px; } /* form[name="insertQRPrefixForm"] input,select{width:240px;} */ .tableLayoutFixed{table-layout: fixed;} .tableLayoutFixed thead tr th{vertical-align:middle;} .tableLayoutFixed thead tr th,.tableLayoutFixed tbody tr td{width:10%;} .tableLayoutFixed thead tr th:nth-child(6),.tableLayoutFixed thead tr th:nth-child(7), .tableLayoutFixed tbody tr th:nth-child(6),.tableLayoutFixed tbody tr th:nth-child(7){width:20%;} .tableLayoutFixed1{table-layout: fixed;} .tableLayoutFixed1 thead tr th{vertical-align:middle;} .tableLayoutFixed1 thead tr th,.tableLayoutFixed tbody tr td{width:10%;} /* .tableLayoutFixed1 thead tr th:nth-child(6),.tableLayoutFixed thead tr th:nth-child(7), .tableLayoutFixed1 tbody tr th:nth-child(6),.tableLayoutFixed tbody tr th:nth-child(7){width:20%;} */ .activeTab{background-color: #053C6D;color: #fff; border-radius: 3px 3px 0px 0px;} .navTabsSelected>li.active>a, .navTabsSelected>li.active>a:focus, .navTabsSelected>li.active>a:hover{color:#fff;background-color: transparent;border:1px solid #053C6D;} .activeSideMenuTab,.activeSideMenuTab a:hover{background-color: #e77817 !important;color: #fff;} .uploadLgnd{width:auto;padding:5px;} .aadhaartrans-icon{background: url('../images/aadhaar.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .cardstrans-icon{background: url('../images/cards.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .cardswipetrans-icon{background: url('../images/icon_swipe.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .pocketstrans-icon{background: url('../images/pockets.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .tonetagtrans-icon{background: url('../images/tone.png') no-repeat 5px center;background-size: 30px auto;width: 40px;height: 30px;} .padLblTxtbx{padding:9px 12px;} .padlr0{padding-left : 0; padding-right : 0} .schdlrMultiSelect{height: 20px;padding: 0 5px;} //.paginationAnchorClr{background-color: #053C6D;border-color: #053C6D;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover ,.btnPrimary{ background-color: #053C6D !important; border-color: #053C6D !important; color: #fff !important; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{ color: #777 !important; } .pagination>li>a, .pagination>li>span { color: #053C6D !important; } .shcrdPopup{padding: 50px 15px 100px 15px !important;} /* .shcrdPagination{margin-right: 0px;position: absolute;bottom: 60px;right: 10px;} */ .shcrdPagination{margin-right: 0px;position: relative;/* bottom: 60px; */right: 13px;top: -25px;} .undrLne{text-decoration: underline;} .scheduler_IP .glyphicon.glyphicon-menu-down { top: 11px; } .lineHeight34{ line-height:34px; } .pad-l5{padding-left:5px;} .pad-l20{padding-left:20px;} .pad-l30{padding-left:30px;} .brdrtop{border-top: 1px solid #e7e7e7;padding-top: 10px;} .pad-btm10{padding-bottom:10px;} .tble-LRbrdrnone{border-left:none;border-right:none;} .pad-t10{padding-top:10px;} .fontSize10{font-size:10px} .editIcon{font-size: 24px;position:relative;top:10px;} .check_avail_link a, .check_avail_link a:link, .check_avail_link a:visited{color:#053c6d;} .vpaSpan{width:1px;display:inline-block;padding-left:1%;padding-top:5px;} .VPAInputBox{width:70%;display:inline-block;} .glyphicon.chk-avail{margin-right:3px;font-size:15px;} .glyphicon.glyphicon-remove-circle.chk-avail{color:#ff3333;} .glyphicon.glyphicon-ok-circle.chk-avail{color:#00cc00;} .glyphicon.fetchStatenCity{margin-right:3px;font-size:15px;} .glyphicon.glyphicon-remove-circle.fetchStatenCity{color:#ff3333;} .glyphicon.glyphicon-ok-circle.fetchStatenCity{color:#00cc00;} .glyphicon.fetchParentMidDtls{margin-right:3px;font-size:15px;} .glyphicon.glyphicon-remove-circle.fetchParentMidDtls{color:#ff3333;} .glyphicon.glyphicon-ok-circle.fetchParentMidDtls{color:#00cc00;} .glyphicon.glyphicon-remove-circle.chkPanAvail{color:#ff3333;} .glyphicon.glyphicon-ok-circle.chkPanAvail{color:#00cc00;} .glyphicon.glyphicon-remove-circle.chkAccAvail{color:#ff3333;} .glyphicon.glyphicon-ok-circle.chkAccAvail{color:#00cc00;} .pad-lr0{padding-left:0 !important; padding-right:0 !important;} table{ margin-bottom: 0px; /* display: block; */ overflow-x: auto; height: fit-content; } th, td{ min-width :auto !important; } .table-bordered{ border : none !important; } #profitlosspopup td{padding:5px;} #profitlosspopup tr td{border: 1px solid #ddd;} .tableLayoutFixed thead tr th,.tableLayoutFixed tbody tr td{width:50%;} .tableLayoutFixed thead tr th:nth-child(6),.tableLayoutFixed thead tr th:nth-child(7), .tableLayoutFixed tbody tr th:nth-child(6),.tableLayoutFixed tbody tr th:nth-child(7){width:37%;} /**** Card on Boarding Css Stats ****/ .pop-mainCard { position: absolute; width: 40%; min-width: 300px; min-height: 200px; max-height: 90%; background: #fff; top: 50%; left: 50%; z-index: 9; transform: translate(-50%,-50%); } .pop-mainCard .header, .pop-mainCard .footer{position:relative;width: 100%; height: 50px; line-height: 50px; left: 0; background: #f1f1f1; padding: 0 15px;} .pop-mainCard .pop-cntnt{padding: 15px;min-height: 200px; max-height: 450px; overflow-y: auto;} /**** Card on Boarding Css Ends ****/ .marB10{margin-bottom:10px;} .ui-datepicker{z-index:999 !important;} .crdpad-l { padding-left: 8px !important; padding-right: 0px !important; } /* *** Modified Schedular edit popup *** */ .popup-main-schedular{ position: absolute; width: 40%; min-width: 300px; min-height: 200px; max-height: 80%; background: #fff; top: 50%; left: 50%; z-index: 9; transform: translate(-50%,-50%); overflow-y: scroll; } .pbtm20 { padding-bottom : 20px; } .schedulerTable thead tr th:first-child{ width:200px; } .popUp_insertQRPrefix{ position: absolute; width: 40%; min-width: 300px; min-height: 200px; max-height: 100% !important; background: #fff; top: 50%; left: 50%; z-index: 9; transform: translate(-50%,-50%); overflow: auto !important; } .manualRefund{ height:300px; } .pop-main .shcrdPopup{ height: 300px; overflow-x: scroll; padding-bottom: 50px !important; } .sr_footer{margin-left: 22%;} @media screen and (max-width: 768px){ .login-main{ left:85% } }