@import "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic";
.single-page-login-beta .single-page-block .single-page-block-inner .single-page-block-sidebar--content {
    padding: 10px !important;
    margin-top: 30px !important;
}

.appLabel {
    color: white !important;
    font-size: 30px;
}

.ImguploadLabel {
    margin-top: -25px;
    font-size: 15px;
}

.loginTitle {
    color: white !important;
    font-size: 30px;
}

.ReportListCard {
    font-size: 13px;
}

.logo-container {
    text-align: center !important;
}

.squareDisbusement {
    height: 30px;
    width: 30px;
    background-color: #00a8fe;
}

.squareCollection {
    height: 30px;
    width: 30px;
    background-color: #7dd3ae;
}

.header-buttons {
    margin-top: 0px !important;
}

.productSelect2 .select2-default {
    font-size: 10px !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    -webkit-border-radius: 34px;
    border-radius: 34px;
}

.slider.round:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.userrightscolor {
    background: #f2f4f8;
}

.switchbox {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
    top: 0px;
}

.switchbox input {
    display: none;
}

.sliderbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderbox:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .sliderbox {
    background-color: #2196F3;
}

input:focus + .sliderbox {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderbox:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.sliderbox.round {
    -webkit-border-radius: 34px;
    border-radius: 34px;
}

.sliderbox.round:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.verified {
    font-size: 8px;
    border-color: green;
    color: green;
    border: 1px solid;
    padding: 1px;
}

.Photoverified {
    font-size: 8px;
    border-color: #F2994A;
    color: #F2994A;
    border: 1px solid;
    padding: 1px;
}

.getLoanDisbursedStatus {
    font-size: 12px;
    border-color: green;
    color: green;
    border: 1px solid;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.getLoanRejectedStatus {
    font-size: 12px;
    border-color: red;
    color: red;
    border: 1px solid;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.getLoanClosedStatus {
    font-size: 12px;
    border-color: #865a3e;
    color: #865a3e;
    border: 1px solid;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.btn-green {
    background-color: #4CAF50 !important;
    color: white;
}

.digio {
    background-color: white;
    border: 1px solid black;
    margin: 5px;
    padding: 15px;
    -webkit-border-radius: 7px;
            border-radius: 7px;
}

.getLoanYTBStatus {
    font-size: 12px;
    border-color: #b7b732;
    color: #b7b732;
    border: 1px solid;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.notifications {
    color: #FFFFFF !important;
}

nav.left-menu .left-menu-list-root {
    margin: 0px 0px;
}

.companyImage {
    width: 40px;
    height: 40px;
    margin: -5px 10px 10px 10px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid white;
}

.subMenu {
    background: #FFFFFF !important;
}

body nav.left-menu .ct-label {
    color: #919191;
}

.single-page-block-footer ul li a {
    color: #FFFFFF !important;
}

.alignMiddle {
    vertical-align: middle !important;
}

.imgProfileImage {
    height: 100px;
    width: 100px;
    border: 1px solid grey;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 2px;
}

.top50 {
    margin-top: 50px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

.top10 {
    margin-top: 10px;
}

.form-control-label b {
    font-weight: 400;
    color: #616161;
    font-size: 14px;
}

.alginCenter {
    text-align: center;
}

.profileImage {
    height: 37px !important;
    width: 37px !important;
    border: 1px solid white;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.photoBorder {
    border: 1px solid;
    width: 25px;
    height: 25px;
    padding: 2px;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
}

.memberPhotoBorder {
    border: 1px solid;
    width: 85px;
    height: 85px;
    padding: 1px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.labelMemberText {
    margin-left: 10px;
}

.photoVerify {
    border: 1px solid;
    width: 25px;
    height: 25px;
    padding: 2px;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
}

.userPhotoVerify {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
    margin-top: 10px;
    margin-left: -1px;
}

.facilityactive {
    background-color: #d699f5 !important;
    color: white !important;
}

.userPhoto {
    width: 22px;
    height: 22px;
    -webkit-border-radius: 12.5px;
    border-radius: 12.5px;
    margin-top: -5px;
    margin-left: -1px;
}

.memberPhoto {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.loanStatusSeal {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.labelDashboard {
    padding-left: 5px !important;
}

nav.left-menu .logo-container .logo {
    display: block;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.theme-orange nav.left-menu .left-menu-list li .left-menu-link:after {
    border-left-color: grey !important;
}

.activeCompany {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCompanyIcon {
    color: #FFFFFF !important;
}

.activeMapMenu {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMapMenuIcon {
    color: #FFFFFF !important;
}

.activeisCustommapname {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeisCustommapnameIcon {
    color: #FFFFFF !important;
}

.activeAssignUserRights {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAssignUserRightsIcon {
    color: #FFFFFF !important;
}

.activeArea {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAreaIcon {
    color: #FFFFFF !important;
}

.activeBranch {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBranchIcon {
    color: #FFFFFF !important;
}

.activeRole {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeRoleIcon {
    color: #FFFFFF !important;
}

.activeStaff {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeStaffIcon {
    color: #FFFFFF !important;
}

.activeGroup {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupIcon {
    color: #FFFFFF !important;
}

.activeMember {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMemberIcon {
    color: #FFFFFF !important;
}

.activeDCRReportDetails {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDCRReportDetailsIcon {
    color: #FFFFFF !important;
}

.activeBranchDetailsReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBranchDetailsReportsIcon {
    color: #FFFFFF !important;
}

.activeMonthlyProgressReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProgressReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMonthlyProgressReportIcon {
    color: #FFFFFF !important;
}

.activeDemandCollectionBalanceReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDemandCollectionBalanceReportIcon {
    color: #FFFFFF !important;
}

.activeTodayCollectionsReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTodayCollectionsReportsIcon {
    color: #FFFFFF !important;
}

.activeDayWiseCollectionsReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDayWiseCollectionsReportsIcon {
    color: #FFFFFF !important;
}

.activeDayWiseGroupCollectionsReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDayWiseGroupCollectionsReportIcon {
    color: #FFFFFF !important;
}

.activeMembers {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMembersIcon {
    color: #FFFFFF !important;
}

.activeInsurance {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeInsuranceIcon {
    color: #FFFFFF !important;
}

.activeInActiveMember {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeInActiveMemberIcon {
    color: #FFFFFF !important;
}

.activeBranchAssessments {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBranchAssessmentsIcon {
    color: #FFFFFF !important;
}

.activeOverdueReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOverdueReportsIcon {
    color: #FFFFFF !important;
}

.activeOperationReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOperationReportsIcon {
    color: #FFFFFF !important;
}

.activeDelinquencyReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDelinquencyReportIcon {
    color: #FFFFFF !important;
}

.activeDeliquencyNewReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDeliquencyNewReportIcon {
    color: #FFFFFF !important;
}

.activePortfolioReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePortfolioReportIcon {
    color: #FFFFFF !important;
}

.activePortfolioAtRiskReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePortfolioAtRiskReportIcon {
    color: #FFFFFF !important;
}

.activeFunderReports {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeFunderReportsIcon {
    color: #FFFFFF !important;
}

.activeRepaymentCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeRepaymentCollectionIcon {
    color: #FFFFFF !important;
}

.activeExpectedDemand {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeExpectedDemandIcon {
    color: #FFFFFF !important;
}

.activeDemandCollectionReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDemandCollectionReportIcon {
    color: #FFFFFF !important;
}

.activeDemandCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDemandCollectionIcon {
    color: #FFFFFF !important;
}

.activeOfficerCollectionNotes {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOfficerCollectionNotesIcon {
    color: #FFFFFF !important;
}

.activeClosedLoanDetails {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeClosedLoanDetailsIcon {
    color: #FFFFFF !important;
}

.activeProduct {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProductIcon {
    color: #FFFFFF !important;
}

.activeFunder {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeFunderIcon {
    color: #FFFFFF !important;
}

.activeThrift {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeThriftIcon {
    color: #FFFFFF !important;
}

.activeApplicationAmount {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeApplicationAmountIcon {
    color: #FFFFFF !important;
}

.activeReceiptsPayments {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeReceiptsPaymentsIcon {
    color: #FFFFFF !important;
}

.activeProfitLoss {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProfitLossIcon {
    color: #FFFFFF !important;
}

.activeIncomeAndExpenditure {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeIncomeAndExpenditureIcon {
    color: #FFFFFF !important;
}

.activeFundDetails {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeFundDetailsIcon {
    color: #FFFFFF !important;
}

.activeTrainingProposal {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTrainingProposalIcon {
    color: #FFFFFF !important;
}

.activeIndividualMemberLoan {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeIndividualMemberLoanIcon {
    color: #FFFFFF !important;
}

.activeLoanDisbursement {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeLoanDisbursementIcon {
    color: #FFFFFF !important;
}

.activeCustomProductLoan {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeCustomProductLoanIcon {
    color: #FFFFFF !important;
}

.activeLoanIndex {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeLoanIndexIcon {
    color: #FFFFFF !important;
}

.activeBranchLoanIndex {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeBranchLoanIndexIcon {
    color: #FFFFFF !important;
}

.activeBranchLoanDisbursement {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeBranchLoanDisbursementIcon {
    color: #FFFFFF !important;
}

.activeLoanIndexdisbursement {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeLoanIndexdisbursementIcon {
    color: #FFFFFF !important;
}

.activeBonusLoanDisbursement {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeBonusLoanDisbursementIcon {
    color: #FFFFFF !important;
}

.activeGroupWiseBonusLoanDisbursement {
    color: #FFFFFF !important;
    background: #2095F3 !important;
}

.activeGroupWiseBonusLoanDisbursementIcon {
    color: #FFFFFF !important;
}

.activeLoanDisbursementReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLoanDisbursementReportIcon {
    color: #FFFFFF !important;
}

.activeGroupOfficerLoanDisbursementReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupOfficerLoanDisbursementReportIcon {
    color: #FFFFFF !important;
}

.activePortfolioReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePortfolioReportIcon {
    color: #FFFFFF !important;
}

.activeLoanCard {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLoanCardIcon {
    color: #FFFFFF !important;
}

.activeThriftReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeThriftReportIcon {
    color: #FFFFFF !important;
}

.activeGroupCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupCollectionIcon {
    color: #FFFFFF !important;
}

.activeTodayReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTodayReportIcon {
    color: #FFFFFF !important;
}

.activedaywiseCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activedaywiseCollectionIcon {
    color: #FFFFFF !important;
}

.activeMapthriftmember {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMapthriftmemberIcon {
    color: #FFFFFF !important;
}

.activeThriftCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeThriftCollectionIcon {
    color: #FFFFFF !important;
}

.activeMemberCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMemberCollectionIcon {
    color: #FFFFFF !important;
}

.activeArreaCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeArreaCollectionIcon {
    color: #FFFFFF !important;
}

.activeAdvanceCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAdvanceCollectionIcon {
    color: #FFFFFF !important;
}

.activememberDetailsreport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activememberDetailsreportIcon {
    color: #FFFFFF !important;
}

.activeMemberAttendanceReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOSreportIcon {
    color: #FFFFFF !important;
}

.activeMemberAttendanceReportIcon {
    color: #FFFFFF !important;
}

.activeOSReportIcon {
    color: #FFFFFF !important;
}

.activeChangeMeetingDate {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeChangeMeetingDateIcon {
    color: #FFFFFF !important;
}

.activeChangeGroupOfficer {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeChangeGroupOfficerIcon {
    color: #FFFFFF !important;
}

.activeOfficerinsentive {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOfficerinsentiveIcon {
    color: #FFFFFF !important;
}

.activeGroupMemberCollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupMemberCollectionIcon {
    color: #FFFFFF !important;
}

.activeTodayCollections {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTodayCollectionsIcon {
    color: #FFFFFF !important;
}

.activeCentercollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCentercollectionIcon {
    color: #FFFFFF !important;
}

.activeProductReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProductReportIcon {
    color: #FFFFFF !important;
}

.activeActivityReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeActivityReportIcon {
    color: #FFFFFF !important;
}

.activeAreaReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAreaReportIcon {
    color: #FFFFFF !important;
}

.activeBranchReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBranchReportIcon {
    color: #FFFFFF !important;
}

.activeGroupOfficerReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupOfficerReportIcon {
    color: #FFFFFF !important;
}

.activePreCloserGroupReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePreCloserGroupReportIcon {
    color: #FFFFFF !important;
}

.activePreCloserMemberReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePreCloserMemberReportIcon {
    color: #FFFFFF !important;
}

.activeReceipts {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeReceiptsIcon {
    color: #FFFFFF !important;
}

.activePayment {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePaymentIcon {
    color: #FFFFFF !important;
}

.activeCloseLoan {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCloseLoanIcon {
    color: #FFFFFF !important;
}

.activePreCloseLoan {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePreCloseLoanIcon {
    color: #FFFFFF !important;
}

.activeContra {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeContraIcon {
    color: #FFFFFF !important;
}

.activeJournals {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeJournalsIcon {
    color: #FFFFFF !important;
}

.activeProfitLoss {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProfitLossIcon {
    color: #FFFFFF !important;
}

.activeTrialBalance {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTrialBalanceIcon {
    color: #FFFFFF !important;
}

.activeBalanceSheet {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBalanceSheetIcon {
    color: #FFFFFF !important;
}

.activeSchedulesToBalanceSheet {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeSchedulesToBalanceSheetIcon {
    color: #FFFFFF !important;
}

.activeEconomicActivity {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeEconomicActivityIcon {
    color: #FFFFFF !important;
}

.activePurposeOfLoan {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePurposeOfLoanIcon {
    color: #FFFFFF !important;
}

.activeQuestionnaire {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeQuestionnaireIcon {
    color: #FFFFFF !important;
}

.activeDayBook {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDayBookIcon {
    color: #FFFFFF !important;
}

.activeEOD {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeEODIcon {
    color: #FFFFFF !important;
}

.activeSendnotification {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeSendnotificationIcon {
    color: #FFFFFF !important;
}

.activeGroupAccount {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupAccountIcon {
    color: #FFFFFF !important;
}

.activeLedgers {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLedgersIcon {
    color: #FFFFFF !important;
}

.activeFinanceGroup {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeFinanceGroupIcon {
    color: #FFFFFF !important;
}

.activePurchaseEntry {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePurchaseEntryIcon {
    color: #FFFFFF !important;
}

.activeFundertransfer {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeFundertransferIcon {
    color: #FFFFFF !important;
}

.activeTransferBranch {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTransferBranchIcon {
    color: #FFFFFF !important;
}

.activeTransferCenter {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.isCenterToBranchTransfer {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeTransferCenterIcon {
    color: #FFFFFF !important;
}

.activeBillComponentMaster {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBillComponentMasterIcon {
    color: #FFFFFF !important;
}

.activeGroupAccount {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGroupAccountIcon {
    color: #FFFFFF !important;
}

.activeGstType {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeGstTypeIcon {
    color: #FFFFFF !important;
}

.activeParty {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePartyIcon {
    color: #FFFFFF !important;
}

.activeInstrument {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeInstrumentIcon {
    color: #FFFFFF !important;
}

.activeMiscellaneous {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMiscellaneousIcon {
    color: #FFFFFF !important;
}

.activeAccount {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAccountIcon {
    color: #FFFFFF !important;
}

.activeCashTransaction {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCashTransactionIcon {
    color: #FFFFFF !important;
}

.activeBankTransaction {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBankTransactionIcon {
    color: #FFFFFF !important;
}

.activeJournalEntry {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeJournalEntryIcon {
    color: #FFFFFF !important;
}

.activePurchaseSalesEntries {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePurchaseSalesEntriesIcon {
    color: #FFFFFF !important;
}

.activeLedgerReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLedgerReportIcon {
    color: #FFFFFF !important;
}

.activeProductType {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeProductTypeIcon {
    color: #FFFFFF !important;
}

.activePaymentcollection {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePaymentcollectionIcon {
    color: #FFFFFF !important;
}

.activeCaste {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCasteIcon {
    color: #FFFFFF !important;
}

.activeReligion {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeReligionIcon {
    color: #FFFFFF !important;
}

.activeCommunity {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCommunityIcon {
    color: #FFFFFF !important;
}

.activeDepartment {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDepartmentIcon {
    color: #FFFFFF !important;
}

.activeRegion {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeRegionIcon {
    color: #FFFFFF !important;
}

.activeNewsLetter {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeNewsLetterIcon {
    color: #FFFFFF !important;
}

.activeVehicle {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeVehicleIcon {
    color: #FFFFFF !important;
}

.activeEmployee {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeEmployeeIcon {
    color: #FFFFFF !important;
}

.activeLeaveType {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLeaveTypeIcon {
    color: #FFFFFF !important;
}

.activeEmployeeLeave {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeEmployeeLeaveIcon {
    color: #FFFFFF !important;
}

.activePaySlip {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePaySlipIcon {
    color: #FFFFFF !important;
}

.activeMemberStudent {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMemberStudentIcon {
    color: #FFFFFF !important;
}

.activeApproveApplicants {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeApproveApplicantsIcon {
    color: #FFFFFF !important;
}

.activeAssignHoApplicants {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAssignHoApplicantsIcon {
    color: #FFFFFF !important;
}

.activeRemovedApplicants {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeRemovedApplicantsIcon {
    color: #FFFFFF !important;
}

.activeManagementTeamApplication {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeManagementTeamApplicationIcon {
    color: #FFFFFF !important;
}

.activePIDiscoutCouponApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePIDiscoutCouponApprovalIcon {
    color: #FFFFFF !important;
}

.activeKycApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeKycApprovalIcon {
    color: #FFFFFF !important;
}

.activeReKyc {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeReKycIcon {
    color: #FFFFFF !important;
}

.activeMemberStudentLoan {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeMemberStudentLoanIcon {
    color: #FFFFFF !important;
}

.activeNonPrimaryApplicants {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeNonPrimaryApplicantsIcon {
    color: #FFFFFF !important;
}

.activePennyDropApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePennyDropApprovalIcon {
    color: #FFFFFF !important;
}

.activeBankAccountApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBankAccountApprovalIcon {
    color: #FFFFFF !important;
}

.activeOCRApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOCRApprovalIcon {
    color: #FFFFFF !important;
}

.activeNDCApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeNDCApprovalIcon {
    color: #FFFFFF !important;
}

.activeOnBoarding {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeOnBoardingIcon {
    color: #FFFFFF !important;
}

.activeBorrowerAccess {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBorrowerAccessIcon {
    color: #FFFFFF !important;
}

.borrowerAccessRightBorder {
    border-right: 1px solid black;
}

.bankselected {
    background-color: #2196F3;
    color: white;
    font-weight: bold;
}

.greenborder {
    border: 1px solid #008000bd !important;
}

.hiddenRow {
    padding: 0 !important;
}

.scrollIt {
    overflow-y: scroll;
    height: 400px;
}

.bankAalysisShadow {
    -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25);
            box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

.activeOtcVideoApprovalIcon {
    color: #FFFFFF !important;
}

.activeOtcVideoApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCouponUsedReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLegalNoticeReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeLegalNoticeReportIcon {
    color: #FFFFFF !important;
}

.activeAfterLegalNoticePaidReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAfterLegalNoticePaidReportIcon {
    color: #FFFFFF !important;
}

.activeBankAccountStatementInfoReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeBankAccountStatementInfoReportIcon {
    color: #FFFFFF !important;
}

.activeRevisedPortfolioReportIcon {
    color: #FFFFFF !important;
}

.activeRevisedPortfolioReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCouponUsedReportIcon {
    color: #FFFFFF !important;
}

.dangerColor {
    color: #f9200f;
}

.warningColor {
    color: #ff8e00;
}

.succColor {
    color: #07a730;
}

.activeDisbusmentReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDisbusmentReportIcon {
    color: #FFFFFF !important;
}

.activeClosedLoanReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeClosedLoanReportIcon {
    color: #FFFFFF !important;
}

.activeCollectionReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCollectionReportIcon {
    color: #FFFFFF !important;
}

.activeExtendLoanReport {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeExtendLoanReportIcon {
    color: #FFFFFF !important;
}

.activePermanetlyDelete {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePermanetlyDeleteIcon {
    color: #FFFFFF !important;
}

.activeCollectionRevert {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeCollectionRevertIcon {
    color: #FFFFFF !important;
}

.activeAddCollege {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeAddCollegeIcon {
    color: #FFFFFF !important;
}

.activeContactFilter {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeContactFilterIcon {
    color: #FFFFFF !important;
}

.activeDepartment {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeDepartmentIcon {
    color: #FFFFFF !important;
}

.activeIncompleteApplication {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePaymentLink {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePaymentLinkIcon {
    color: #FFFFFF !important;
}

.activeIncompleteApplicationIcon {
    color: #FFFFFF !important;
}

.activePennyDropApproval {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activePennyDropApprovalIcon {
    color: #FFFFFF !important;
}

.noReportFound {
    text-align: center;
    color: #BDBDBD;
    font-size: 30px;
}

.isShowAvailableBalance {
    color: green;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
}

.btn-primary {
    background-color: #2196F3 !important;
    border-color: #FFFFFF !important;
}

.theme-background-color {
    background-color: #2196F3 !important;
}

.dashboardMap {
    height: 250px;
    width: 100%;
}

.MemberverifyMap {
    height: 250px;
    width: 100%;
}

.mandatoryField {
    color: red;
}

.borderBoxColor {
    border: 2px solid #e5e5e5 !important;
    padding: 13px;
}

.btnReceiptContent {
    margin: 0px 10px 10px 15px;
}

.btnPaymentContent {
    margin: 0px 10px 10px 15px;
}

.errorInfo {
    color: red;
}

.fontsize15 {
    font-size: 15px;
}

.dropDownFloatLabel {
    left: 0px !important;
}

.single-page-login-beta .single-page-block .single-page-block-inner .single-page-block-sidebar--shadow {
    background: transparent !important;
}

.single-page-block-sidebar {
    background-color: #2196F3 !important;
}

.single-page-login-beta .single-page-block .single-page-block-inner .single-page-block-sidebar--content--item {
    border-left: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.single-page-login-beta .single-page-block .single-page-block-inner .single-page-block-sidebar--content--item {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
}

.scroll-pane {
    background: #FFFFFF !important;
}

.left-menu-item {
    color: #FFFFFF !important;
}

.theme-orange nav.left-menu .logo-container .logo img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 16.85rem;
    padding: 5px;
}

.dropdown.dropdown-avatar .dropdown-toggle:after {
    color: #FFFFFF !important;
}

.mfiLogo {
    cursor: pointer !important;
}

.btn:hover:active, .btn:focus, .btn.active, .open > .btn:hover:active, .open > .btn:focus, .open > .btn.active {
    background: #2196f3;
    border-color: #ffffff;
    color: white;
}

.linkForgotPassword {
    color: lightgrey;
}

.qmodel {
    top: 35px !important;
}

.printIcon {
    cursor: pointer;
}

.typeahead__field input {
    height: 36px !important;
    padding: inherit !important;
    border: 0px solid #ccc !important;
    border-bottom: 1px solid #514d6a !important;
    background: transparent !important;
}

.left-menu-item {
    color: black !important;
}

.borderBill {
    border: 1px solid grey;
    height: 50px;
    padding-top: 32px;
    margin-top: -32px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 32px;
}

.borderBillComponent {
    border: 1px solid grey;
    padding-top: 32px;
    margin-top: -32px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left: 32px;
}

.borderInvoiceCharges {
    border: 1px solid grey;
    padding: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.borderInvoiceAllowances {
    border: 1px solid grey;
    padding: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 232px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    border-bottom-style: inset !important;
}

/*****************  form input style   *************************/
/* -- import Bootstrap v3 --------------------------- */
/* -- import Bootstrap docs ------------------------- */
/* -- import Roboto Font ---------------------------- */
/* -- Body style ------------------------------------ */
/* -- Input styles ---------------------------------- */
.form-group {
    position: relative;
    margin-top: 35px;
    margin-bottom: 20px;
}

.input-group {
    position: relative;
}

.form-control {
    display: block;
    height: 36px;
    width: 100%;
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 16px;
    font-weight: 300;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #757575;
}

.input-group .form-control {
    position: relative;
    z-index: inherit;
    float: inherit;
    width: 100%;
    margin-bottom: 0;
}

.form-control:focus {
    border-color: #757575;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* -- label styles ---------------------------------- */
label {
    position: absolute;
    top: -18px;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.form-horizontal .control-label {
    position: relative;
    top: 0;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        font-size: 16px;
    }
}

.float-label {
    left: 15px;
    top: 7px;
    font-size: 16px;
    pointer-events: none;
}

/* active state */
.form-control:focus ~ .float-label, .form-control:valid ~ .float-label {
    top: -16px;
    font-size: 12px;
    font-weight: 400;
}

.form-control:focus ~ .panelPad-float-label, .form-control:valid ~ .panelPad-float-label {
    top: -16px;
    font-size: 12px;
    font-weight: 400;
}

/* input colors ---- */
.form-control:focus ~ label {
    color: #03a9f4;
}

.form-control:focus ~ .form-bar:before, .form-control:focus ~ .form-bar:after {
    background: #03a9f4;
}

/* help-block */
.form-group .help-block {
    position: absolute;
}

.help-block {
    color: #bdbdbd;
    font-size: 12px;
    font-weight: 300;
}

.but-Extend {
    background-color: #8cc739;
    border-color: #8cc739;
}

/* input addon ---*/
.input-group-addon {
    border: none;
    background: transparent;
}

/* ------  inline ----*/
.input-group-addon, .form-inline .input-group {
    display: table-cell;
}

.input-group-addon, .input-group-btn {
    width: inherit;
}

.input-group {
    width: 100%;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        margin-top: 16px;
    }
    .input-group-btn, .input-group .form-control, .input-group-addon, .form-inline .input-group {
        display: inline-block;
    }
    .input-group {
        width: auto;
    }
}

/* -- bar styles -------------------------------------- */
.form-bar {
    position: relative;
    display: block;
    width: 100%;
}

.form-bar:before, .form-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0;
    position: absolute;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.form-bar:before {
    left: 50%;
}

.form-bar:after {
    right: 50%;
}

/* active state */
.form-control:focus ~ .form-bar:before, .form-control:focus ~ .form-bar:after {
    width: 50%;
}

/* -- highlighter styles ------------------------------ */
.form-highlight {
    position: absolute;
    height: 60%;
    width: 60px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.4;
}

/* active state */
.form-control:focus ~ .form-highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* -- highlighter animation --------------------------- */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.form-group.checkbox {
    margin-top: 0px;
}

.checkbox input[type='checkbox'] {
    height: 10px;
    width: 10px;
    opacity: 1;
}

.checkbox label {
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 10px;
}

.checkbox .chk-span {
    top: 0;
    border: 1px solid #5a5a5a;
    color: #1d1d1d;
    cursor: pointer;
    float: left;
    height: 14px;
    margin: 0 14px 14px 1px;
    outline-color: #eaeaea;
    padding: 0;
    position: relative;
    width: 14px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

.checkbox .chk-span.checked {
    top: -2px;
    border-left: 2px solid #03a9f4;
    border-bottom: 4px solid #03a9f4;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-transform: rotate(-45deg) scaleY(0.5);
    -ms-transform: rotate(-45deg) scaleY(0.5);
    transform: rotate(-45deg) scaleY(0.5);
}

.checkbox .chk-span.checked {
    border-left-color: #03a9f4;
    border-bottom-color: #03a9f4;
}

.checkbox input[type='checkbox']:focus ~ label {
    color: #03a9f4;
}

.checkbox input[type='checkbox']:focus ~ label .chk-span {
    border-color: #03a9f4;
}

.checkbox input[type='checkbox']:focus ~ label .chk-span.checked {
    border-left-color: #03a9f4;
    border-bottom-color: #03a9f4;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

@media (min-width: 768px) {
    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 5px;
    }
}

.form-control-static {
    font-size: 16px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    border-bottom-style: dashed;
}

#focusedInput {
    border-color: #ccc;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progressbox1 {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    width: 150px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 110px 10px;
    display: none;
    text-align: left;
}

.progressbar1 {
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #117dc2;
    width: 1%;
}

#statustxt1 {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
}

.menuTitle {
    font-weight: bold !important;
    vertical-align: middle !important;
}

.subTitle {
    padding-left: 50px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

.theme-orange nav.left-menu .left-menu-list li .left-menu-userControl:after {
    border-left-color: transparent !important;
}

nav.left-menu .left-menu-list li .left-menu-userControl {
    display: block;
    padding: 10px 25px;
    font-weight: 600;
    outline: none;
    color: #24222f;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.theme-orange .left-menu-list-submenu > .left-menu-userControl {
    margin-left: -15px !important;
}

nav.left-menu .left-menu-list li .left-menu-userControl .left-menu-link-icon {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: inline-block;
    width: 22px;
    font-size: 1rem;
    color: #bbb8cb;
}

.theme-orange nav.left-menu .left-menu-list li .left-menu-userControl .left-menu-link-icon {
    color: #24222f;
}

.btn-toolbar {
    display: none !important;
}

.sticky-table-header {
    z-index: -99 !important;
}

#enterPageNO {
    width: 50px;
    padding-bottom: 6px;
    height: 40px;
    text-align: center;
}

#enterPageNOIM {
    width: 50px;
    padding-bottom: 6px;
    height: 40px;
    text-align: center;
}

#enterPageNOIRP {
    width: 50px;
    padding-bottom: 6px;
    height: 40px;
    text-align: center;
}

#floating-button {
    position: fixed !important;
    bottom: 45px !important;
    right: 25px !important;
    cursor: pointer !important;
    z-index: 999 !important;
}

#floating-button-search {
    position: fixed !important;
    bottom: 45px !important;
    right: 25px !important;
    cursor: pointer !important;
    z-index: 999 !important;
}

#getAdvanceSearchForm {
    position: fixed !important;
    bottom: 0px !important;
    right: 0px !important;
    cursor: pointer !important;
    z-index: 999 !important;
    padding-right: 25px;
    padding-left: 25px;
    top: 70px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.labelAdvanceSearchTitle {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 15px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 500px;
}

.panelPad {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.panelPad-float-label {
    left: 0px;
    top: 7px;
    font-size: 16px;
    pointer-events: none;
}

.getAdvanceSearchFormBody {
    font-weight: bold !important;
    font-size: 30px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.memberSave {
    -webkit-border-radius: 55px !important;
    border-radius: 55px !important;
    height: 75px !important;
    width: 75px !important;
    font-weight: bold !important;
    font-size: 30px !important;
}

.memberAdvSearch {
    -webkit-border-radius: 55px !important;
    border-radius: 55px !important;
    height: 75px !important;
    width: 75px !important;
    font-weight: bold !important;
    font-size: 30px !important;
    background-color: #F9853A !important;
    border-color: #F9853A !important;
    color: white !important;
}

.roleInfoButton {
    -webkit-border-radius: 55px !important;
    border-radius: 55px !important;
    height: 75px !important;
    width: 75px !important;
    font-weight: bold !important;
    font-size: 30px !important;
    background-color: #F9853A !important;
    border-color: #F9853A !important;
    color: white !important;
}

.remarkscard {
    /* Add shadows to create the "card" effect */
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 20px;
}

/* Add some padding inside the card container */
.remarkscontainer {
    padding: 2px 16px;
}

#imgAdminImage {
    height: 90px;
    width: 90px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    border: 1px solid grey;
}

#reportImg {
    height: 120px;
    width: 120px;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    border: 1px solid grey;
}

#imgInvestorImage {
    height: 90px;
    width: 90px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    border: 1px solid grey;
}

#loadLoanIndexForm {
    display: none;
}

.addGroupCard {
    margin: 0px !important;
    cursor: pointer;
}

.addGroupBody {
    padding: 10px !important;
    margin: 5px !important;
}

.addGroupRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

#groupContentData {
    padding: 5px;
    margin-top: 40px;
    display: none;
}

.productCard {
    margin: 0px !important;
    cursor: pointer;
}

.productBody {
    padding: 10px !important;
    margin: 5px !important;
}

.viewProductRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

.viewProductCardContent {
    display: none;
}

.groupMembersCard {
    margin: 0px !important;
    cursor: pointer;
}

.groupMembersBody {
    padding: 10px !important;
    margin: 5px !important;
}

.viewGroupMembersRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

.addSubGroupCard {
    margin: 0px !important;
    cursor: pointer;
}

.addSubGroupBody {
    padding: 10px !important;
    margin: 5px !important;
}

.addSubGroupRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

#subGroupContentData {
    padding: 5px;
    margin-top: 40px;
    display: none;
}

.subProductCard {
    margin: 0px !important;
    cursor: pointer;
    background: #F5F5F5;
}

.subProductBody {
    padding: 10px !important;
    margin: 5px !important;
}

.viewSubProductRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

.subGroupMembersCard {
    margin: 0px !important;
    cursor: pointer;
    background: #F5F5F5;
}

.subGroupMembersBody {
    padding: 10px !important;
    margin: 5px !important;
}

.viewSubGroupMembersRightArrow {
    float: right;
    font-size: 20px;
    color: #2196F3;
    font-weight: bold;
}

.subGroupProductMemberInfo {
    display: none;
}

.groupPanel {
    display: none;
}

.btnSubGroupText {
    margin: -2px;
}

.accordion .accordion-indicator {
    padding-top: 1px;
    color: #000000 !important;
}

.accordionSubGroup {
    display: none;
}

.titleName {
    margin-bottom: 0px;
    color: black;
}

.btnSubGroupPlus {
    font-size: 12px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin-top: 0px;
}

.btnSubGroup {
    font-size: 12px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    margin-top: -5px;
}

.isHideSubThrift {
    display: none;
}

.subGroupMemberLeadData {
    display: none;
}

.customFormControl {
    width: 85px;
    display: block;
    border: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    font-weight: 300;
    padding: 3px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #757575;
}

.setMemberLeadHighLight {
    border-top: 2px solid #2196F3;
    border-left: 2px solid #2196F3;
    border-bottom: 2px solid #2196F3;
    border-right: 2px solid #2196F3;
}

.dayWiseList {
    width: 100px !important;
    height: 100px !important;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

/*** Monday Style Starts ***/
div#DayMonday {
    background: #ffffff;
    border: 2px solid #f44336 !important;
}

h1#MondayHeader {
    color: #f44336;
    margin: 15% 5% 0% 5% !important;
}

#monText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #f44336;
}

.monday-class {
    background: #f44336 !important;
}

.monday-class h1#MondayHeader {
    color: #ffffff;
    margin: 15% 5% 0% 5% !important;
}

.monday-class #monText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #ffffff;
}

/*** Monday Style End ***/
/*** Tuesday Style Starts ***/
div#DayTuesday {
    background: #ffffff;
    border: 2px solid #e91e63 !important;
}

#tueText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #e91e63;
}

h1#TuesdayHeader {
    color: #e91e63;
    margin: 15% 5% 0% 5% !important;
}

.tuesday-class {
    background: #e91e63 !important;
}

.tuesday-class h1#TuesdayHeader {
    color: #FFFFFF;
    margin: 15% 5% 0% 5% !important;
}

.tuesday-class #tueText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Tuesday Style End ***/
/*** Wednesday Style Starts ***/
div#DayWednesday {
    background: #ffffff;
    border: 2px solid #9C27B0 !important;
}

#wedText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #9C27B0;
}

h1#WednesdayHeader {
    color: #9C27B0;
    margin: 15% 5% 0% 5% !important;
}

.wednesday-class {
    background: #9C27B0 !important;
}

.wednesday-class h1#WednesdayHeader {
    color: #FFFFFF;
    margin: 15% 5% 0% 5% !important;
}

.wednesday-class #wedText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Wednesday Style Ends ***/
/*** Thursday Style Starts ***/
div#DayThursday {
    background: #FFFFFF;
    border: 2px solid #673ab7 !important;
}

#thuText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #673ab7;
}

h1#ThursdayHeader {
    color: #673ab7;
    margin: 15% 5% 0% 5% !important;
}

.thursday-class {
    background: #673ab7 !important;
}

.thursday-class h1#ThursdayHeader {
    color: white;
    margin: 15% 5% 0% 5% !important;
}

.thursday-class #thuText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Thursday Style Ends ***/
/*** Friday Style Starts ***/
div#DayFriday {
    background: #FFFFFF;
    border: 2px solid #3f51b5 !important;
}

#friText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #3f51b5;
}

h1#FridayHeader {
    color: #3f51b5;
    margin: 15% 5% 0% 5% !important;
}

.friday-class {
    background: #3f51b5 !important;
}

.friday-class h1#FridayHeader {
    color: #FFFFFF;
    margin: 15% 5% 0% 5% !important;
}

.friday-class #friText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Friday Style Ends ***/
/*** Saturday Style Starts ***/
div#DaySaturday {
    background: #FFFFFF;
    border: 2px solid #03a9f4 !important;
}

#satText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #03a9f4;
}

h1#SaturdayHeader {
    color: #03a9f4;
    margin: 15% 5% 0% 5% !important;
}

.saturday-class {
    background: #03a9f4 !important;
}

.saturday-class h1#SaturdayHeader {
    color: #FFFFFF;
    margin: 15% 5% 0% 5% !important;
}

.saturday-class #satText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Saturday Style Ends ***/
/*** Sunday Style Starts ***/
div#DaySunday {
    background: #FFFFFF;
    border: 2px solid #00bcd4 !important;
}

#sunText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #00bcd4;
}

h1#SundayHeader {
    color: #00bcd4;
    margin: 15% 5% 0% 5% !important;
}

.sunday-class {
    background: #00bcd4 !important;
}

.sunday-class h1#SundayHeader {
    color: #FFFFFF;
    margin: 15% 5% 0% 5% !important;
}

.sunday-class #sunText {
    text-align: center;
    margin: 0% -8%;
    font-weight: bold;
    color: #FFFFFF;
}

/*** Sunday Style Ends ***/
.dayUserPhoto {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.LoanListClass {
    padding: 2%;
}

.schedule-btns {
    margin: 15% 20%;
    background: #1D8BF1;
    padding: 10px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
}

.schedule-btns a {
    color: white;
}

.memberName {
    font-size: 20px;
    margin: 5% 0% 0% 0%;
}

.LoanDetailsTableShow {
    margin-bottom: 0%;
    background: #FFFFFF;
    border-bottom: 1px solid lightgray;
}

/* Tooltip container */
.tooltip {
    position: static;
    display: inline-block;
    opacity: 1;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.rightalign {
    float: right;
}

.countStaffBranchList {
    cursor: pointer;
    width: 100px;
    height: 100px;
    background: #2196F3;
    color: white;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 7px;
}

.buttonPay {
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.reportCard {
    height: 190px;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.demandReportCard {
    height: 83px;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.activityReportCard {
    height: 150px;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.noMargin {
    margin-bottom: 0px;
    margin-top: 0px;
}

.paidStyle {
    font-size: 15px;
    color: green;
    font-weight: bold;
}

.unPaidStyle {
    font-size: 15px;
    color: red;
    font-weight: bold;
}

.getMemberInfoView {
    display: none;
    width: auto !important;
    margin: 10px;
}

.getPreCloseMemberInfoView {
    width: auto !important;
    margin: 20px;
}

.noReportFound {
    text-align: center;
    color: #BDBDBD;
    font-size: 30px;
}

.getDenominationInfoView {
    display: none;
    width: auto !important;
    margin: 10px;
}

.ReportListCard {
    font-size: 13px;
}

.tablebordernone td {
    border-top: none !important;
}

body.printingContent > * {
    display: none;
    /* hide everything in body when in print mode*/
}

.printContainer {
    display: block !important;
    /* Override the rule above to only show the printables*/
}

.ShowAdvanceSearchDetails {
    display: none;
    margin-top: 20px;
    margin-bottom: 10px;
}

.newCardList {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.productReportNewCardList {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -webkit-box-shadow: 6px 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 6px 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 3px 1% !important;
}

.todayReportCard {
    height: 200px;
    border: 1px solid lightgray;
    -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

@media screen and (max-width: 1300px) and (min-width: 1100px) {
    .amtTitleClass {
        font-size: 12px;
    }
    .amtClass {
        font-size: 12px;
    }
    .headingTitle {
        text-align: center;
        font-size: 14px !important;
    }
    .dateTitle {
        font-size: 12px !important;
    }
    .col-md-12.loanDisbursementDate {
        margin: 5% 0px !important;
        font-size: 12px;
    }
}

.amtClass {
    padding-left: 20px !important;
}

.headingTitle {
    text-align: center;
}

.col-md-12.loanDisbursementDate {
    margin: 3% 0px;
    color: #000000;
}

.loanDisbursementDate h3 {
    color: #ffffff;
}

.bgcolorRow {
    background: #eaeaea;
    margin: -3px -16px -3px -12px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.secondBgcolor {
    background: #ffffff;
    padding: 5px 0px 15px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.secondBgcolorProduct {
    background: #ffffff;
    padding: 15px 0px 48px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.demandSecondBgcolor {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: 1px;
    background: #ffffff;
    padding: 10px;
}

.iconDetails {
    float: right;
    font-size: 20px;
    color: #2c98f0;
}

.demandCardList {
    border: 1px solid lightgrey !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    -webkit-box-shadow: 6px 0px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 6px 0px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.demandSelect {
    margin-left: 60px;
    margin-top: 0px;
    color: #008FF7;
    font-weight: bold;
    font-size: 15px;
}

.demandAttendance {
    margin-left: 60px;
    margin-top: 0px;
    color: #008FF7;
    font-weight: bold;
    font-size: 15px;
}

.datehrnoMargin {
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #ffffff;
}

.bottom20 {
    margin-bottom: 20px;
}

.bottom50 {
    margin-bottom: 50px;
}

.groupLoanActiveThrift {
    margin-top: -35px;
    margin-left: 70px;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

.select2 {
    font-size: 13px;
}

.alignRight {
    text-align: right;
}

.closeLoanDetails {
    cursor: pointer !important;
    float: right !important;
    background-color: red !important;
    border-color: red !important;
    color: white !important;
    margin-right: 20px !important;
}

.card-shadow {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.modalFloat-label {
    left: 10px !important;
}

.getLinkColor {
    text-decoration: underline !important;
    cursor: pointer;
}

nav.top-menu {
    height: 70px !important;
}

.menu-icon-container {
    margin: 16px 15px 0px 10px !important;
}

.collectionDone {
    color: #514d6a;
}

.collectionLink {
    text-decoration: underline;
}

.pendingCollection {
    color: red;
}

.arrearAmount {
    background: red;
}

.preCloseAmount {
    background: green;
}

.normalAmount {
    background: inherit;
}

.viewEditDisbursementdate {
    background: #01a8fe;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #01a8fe;
}

.viewEditPenalty {
    background: #01a8fe;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: #01a8fe;
}

.viewEditDisbursementdate > a {
    color: #FFFFFF;
    cursor: pointer;
}

.viewEditPenalty > a {
    color: #FFFFFF;
    cursor: pointer;
}

.getMemberViewLink {
    cursor: pointer;
    text-decoration: underline;
}

#viewGroupMemberLoanInfo {
    overflow-y: scroll;
}

.padLeftRight10 {
    padding-left: 10px;
    padding-right: 10px;
}

#showPasswordCheckBox {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#showPasswordText {
    font-size: 14px;
}

#showPasswordText:before {
    font: 20px FontAwesome;
    content: '\00f096';
    display: inline-block;
    width: 15pt;
    padding: 5px 0 0 3px;
    margin-right: 0.5em;
}

#showPasswordCheckBox:checked + #showPasswordText:before {
    content: '\00f046';
}

#remembermeCheckBox {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#remembermeText {
    font-size: 14px;
}

#remembermeText:before {
    font: 20px FontAwesome;
    content: '\00f096';
    display: inline-block;
    width: 15pt;
    padding: 5px 0 0 3px;
    margin-right: 0.5em;
}

#remembermeCheckBox:checked + #remembermeText:before {
    content: '\00f046';
}

.employeeGenderStyle {
    -webkit-border-radius: 25px !important;
    border-radius: 25px !important;
    margin: 10px !important;
    border-color: #2196f3;
    color: #2196f3;
}

.buttonDiv {
    background-color: #2196F3 !important;
    width: 120px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.buttonLabel {
    margin-top: 28px;
    margin-left: -32px;
    color: #FFFFFF;
}

.empButtonDiv {
    background-color: #2196F3 !important;
    width: 200px;
    height: 40px;
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.empButtonLabel {
    margin-top: 28px;
    margin-left: -50px;
    color: #FFFFFF;
}

.setUILanguage {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget {
    max-width: 21em !important;
}

.bootstrap-datetimepicker-widget table td.day {
    line-height: 10px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 23em;
}

.getBranchProfile {
    color: #17c12b;
    cursor: pointer;
    font-weight: bold;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.branchProfileLabel {
    margin-left: 60px;
    margin-top: -2px;
}

.lblRemainder {
    color: #17c12b;
    cursor: pointer;
    font-weight: bold;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.memberCollectionDate {
    color: #2196F3;
    float: right;
    font-size: 18px;
    font-weight: bold;
}

.IsNew {
    border: 3px solid green !important;
}

.IsArrear {
    border: 3px solid red !important;
}

.debitcolor {
    color: red;
}

.creditcolor {
    color: green;
}

.padding5 {
    padding: 5px !important;
}

.colordiv {
    width: 12px;
    float: left;
    margin-left: -8px;
    margin-top: -9px;
    height: 30px;
}

.colordiv2 {
    width: 15px;
    float: left;
    padding-top: 45px;
    margin-left: -9px;
    height: 45px;
}

.pickerSize {
    width: 90px;
}

.grayBG {
    background-color: #47525d;
}

.modal-header-gray {
    padding: 15px;
    border-bottom: 1px solid #cac9c9;
}

.alginCenter {
    text-align: center;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
    }
    #printSection, #printSection * {
        visibility: visible;
    }
    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
    #tawkchat-minified-wrapper {
        display: none;
    }
    html, body {
        height: 100vh;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;
    }
}

.contactView {
    margin-bottom: 25px;
    margin-top: 10px;
}

.paddingCard {
    padding-top: 5px;
    padding-left: 15px;
}

.selected {
    background-color: #2196F3;
    color: white;
    font-weight: bold;
}

.marginTop {
    margin-top: 20px;
}

.padding {
    padding: 5px;
}

.marginRight {
    margin-right: 0px;
}

.listPadding {
    padding: 15px;
}

.cardHeight {
    height: 152px;
}

.familyHeight {
    height: 473px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.cardAadharHeight {
    height: 537px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.modelScroll {
    overflow-y: auto;
    overflow-x: auto;
}

.cardHeader {
    font-weight: 600;
    background-color: #f348218a;
}

.aprroveButton {
    padding-top: 10px;
}

.aadharNumber {
    color: #2f2d39;
    font-size: 16px;
}

.aaderText {
    color: #514d6a;
    font-size: 16px;
}

.aadharHead {
    color: #2f2d39;
    font-size: 12px;
}

.bottomBorder {
    border-bottom: 1px solid #e9e7e7;
}

.id-images {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}

.pull-right {
    float: 'right';
    margin-right: 20px;
}

.overFlowImage {
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
    height: 250px;
}

.pdfViewCard {
    overflow: hidden;
    overflow-x: auto;
    overflow-y: auto;
    height: 500px;
}

.bankTabTop {
    margin-top: 30px;
}

.bankFont {
    font-size: 16px;
}

.imgMember {
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    height: 250px;
    width: 100%;
}

.images {
    width: 100%;
    height: 400px;
}

.studentVideo {
    width: "100%";
    height: "345";
}

.imageNotFound {
    height: 250px;
    border: 1px solid #d4cfcf;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.alginCenter {
    margin-bottom: 180px;
    margin-top: 180px;
}

.borderTop {
    border-top: 1px solid #e9e7e7;
}

.borderBottom {
    border-bottom: 1px solid #e9e7e7;
}

.borderLeft {
    border-left: 1px solid #e9e7e7;
}

.borderRight {
    border-right: 2px solid #e9e7e7;
}

.paddingc {
    padding: 0px !important;
}

.margin {
    margin-left: 20px;
    margin-bottom: 25px;
}

.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
}

.headingstu {
    color: #2196f3;
    border-bottom: 2px solid #2196f3;
}

.studentTitle {
    text-align: center;
    font-weight: bold;
}

body {
    margin: 0;
}

#navbar {
    overflow: hidden;
    background-color: #099;
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
}

#navbar a {
    float: left;
    display: block;
    color: #666;
    text-align: center;
    padding-right: 20px;
    text-decoration: none;
    font-size: 17px;
}

#navbar a:hover {
    background-color: #ddd;
    color: black;
}

#navbar a.active {
    background-color: #4CAF50;
    color: white;
}

.main {
    padding: 16px;
    margin-top: 30px;
}

.main img {
    height: auto;
}

.button {
    width: 300px;
    height: 60px;
}

.borrowerBtn {
    width: 100px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rotated {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    /* Equal to rotateZ(90deg) */
}

.zoomContainer {
    text-align: right;
    margin-bottom: 5px;
}

.zoomBtn {
    background: #ffffff;
    border-color: #2c98f0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.zoomIcon {
    font-size: 20px;
    color: #2c98f0;
}

.tiles {
    width: 100%;
    height: 320px;
}

.tile {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
}

.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
}

.x {
    font-size: 32px;
    line-height: 32px;
}

.title {
    font-size: 20px;
}

.remarksTitle {
    font-size: 16px;
}

.marginContainer {
    margin-top: 30px;
}

.completeMargin {
    color: #55595c;
}

.align-DOB-Green {
    text-align: right;
    color: #3ca658;
}

.align-DOB-Red {
    text-align: right;
    color: #e75043;
}

.total-Approve {
    color: #329df2 !important;
    font-size: 16px;
    font-weight: 700;
}

.total_disbus {
    color: #3ca658 !important;
    font-size: 16px;
    font-weight: 700;
}

.closed_color {
    color: #3ca658 !important;
}

.penal_color {
    color: #e43737 !important;
}

.total_closed {
    color: #FF8F00 !important;
    font-size: 16px;
    font-weight: 700;
}

.remining_color {
    color: #FF8F00 !important;
}

.total_diff {
    color: #329df2 !important;
    font-size: 16px;
    font-weight: 700;
}

.total_diff_Small {
    color: #329df2 !important;
}

.font-details {
    font-size: 24px;
}

.new-card {
    color: #9e9e9e;
}

.new-card-font {
    font-weight: 600;
    font-size: 15px;
}

.dash-card-font {
    font-weight: 600;
    font-size: 14px;
}

.dash-new-card {
    color: #9e9e9e;
    font-size: 33px !important;
}

.font-style {
    font-size: 18px;
}

.arrow-s {
    font-size: 23px;
}

.colour-one {
    color: #329df2;
}

.colour-two {
    color: #FF8F00;
}

.colour-three {
    color: #3ca658;
}

.failure {
    color: #e75043;
}

.verify-icon {
    font-size: 16px;
    color: green;
    margin-left: 2px;
}

.digio-verify-icon {
    font-size: 16px;
    color: white;
    margin-left: 2px;
}

.notverify-icon {
    font-size: 16px;
    color: red;
    margin-left: 2px;
}

.digio-notverify-icon {
    font-size: 16px;
    color: white;
    margin-left: 2px;
}

.pdf-btn-color {
    font-size: 20px;
    color: #2096f3;
}

.edit-row {
    padding-left: 16px !important;
    padding-right: 0px !important;
}

.edit-row-link {
    padding-left: 10px !important;
    padding-right: 0px !important;
    margin-top: 16px !important;
}

.model-title-text {
    font-weight: 500;
    font-size: 16px;
}

.model-text {
    font-weight: 500;
    font-size: 16px;
}

.applicant-text {
    font-weight: 500;
    font-size: 14px;
}

.image-Row {
    padding: 0px;
    margin-right: 7px;
    padding-bottom: 20px;
}

.remarks_margin {
    margin-bottom: 15px;
}

.loan-history {
    font-size: 25px;
    color: #444444;
}

.contact-btn {
    float: right;
    margin-right: 20px;
}

.conatct-filter {
    font-size: 18px;
    color: #444444;
}

.update-limit {
    font-size: 20px;
    color: #ff7700;
}

.recevice-btn {
    width: 100px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #69bb8b;
    border-color: #69bb8b;
}

.extend-btn {
    width: 100px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #2296f3;
    border-color: #2296f3;
}

.switch-loanStatus {
    margin-top: 7px !important;
    margin-bottom: 0px !important;
}

.due-date-color {
    color: green;
}

.due-date-Excolor {
    color: red;
}

.overDue {
    color: red !important;
    font-size: 16px;
    font-weight: 700;
}

.ralative-date {
    font-size: 12px;
    font-weight: 700;
    color: #6e00ff;
}

.cursor-pointer {
    cursor: pointer;
}

.padding-five {
    padding: 5px;
}

.hr-line {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.contact-border {
    border: 1px solid #bdbaba;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
}

.emojiImg {
    height: 45px;
    width: 45px;
}

.happyEmoji {
    font-size: 15px;
    font-weight: 600;
    color: green;
}

.angryEmoji {
    font-size: 15px;
    font-weight: 600;
    color: red;
}

.normalEmoji {
    font-size: 15px;
    font-weight: 600;
    color: orange;
}

.rotate-icon {
    float: right;
    font-size: 24px;
    margin-bottom: 6px;
}

.profile-img {
    height: 120px !important;
    width: 120px !important;
    float: right !important;
}

.isDisbusment {
    font-size: 18px;
    font-weight: 700;
    color: #05a208;
}

.isDisbusmentOff {
    font-size: 18px;
    font-weight: 700;
    color: #ff0000;
}

.marginAlignment {
    margin-top: 5px;
}

.waring {
    color: #ff8f00;
}

.monthColor {
    background-color: #00C957 !important;
}

.weeklyColor {
    background-color: #0A6608 !important;
}

.monthColorOne {
    background-color: red !important;
}

.weeklyColorOne {
    background-color: orange !important;
}

.weeklyRed {
    background-color: red !important;
}

.monthGreen {
    background-color: #0A6608 !important;
}

.monthOrange {
    background-color: orange !important;
}

.dayColor {
    background-color: #00C957 !important;
}

.dayOrange {
    background-color: orange !important;
}

.dayRed {
    background-color: #ff6347 !important;
}

.fontStyle {
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
}

.fontHeadColor {
    background: #D5D5D5;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.daysHeader {
    text-align: center;
    background-color: white;
}

.daysTotal {
    text-align: center;
    background: #ff8100d9;
    color: white;
}

.dangerColor {
    color: #f9200f;
}

.warningColor {
    color: #ff8e00;
}

.midSuccColor {
    color: #3ca657;
}

.succColor {
    color: #07a730;
}

.margin {
    margin-top: 17px;
}

.marginStyle {
    margin-top: 17px;
}

.smallFont {
    font-size: 10px;
}

.distFont {
    font-size: 16px;
    color: #000000;
}

.distValueFont {
    font-size: 16px;
}

.reasonContainer {
    overflow: auto;
    max-height: 150px;
}

.selectReason {
    margin-bottom: 10px;
    border-color: #2296f3;
}

.resonColor {
    color: #000000;
}

.discountCont {
    padding: 25px;
    margin-left: 10px;
}

.discountBtn {
    background-color: #C054DD;
    border-color: #C054DD;
}

.discountIcon {
    margin-left: -12px;
    margin-right: 8px;
}

.discountTextCol {
    color: #ffffff;
}

.textInputIn {
    width: 80px;
}

.margintp {
    margin-top: 15px;
}

.btnPrimary {
    background-color: #C054DD;
    border-color: #C054DD;
}

.perPayment {
    color: #4496f3;
    text-align: center;
    font-weight: 600;
}

.ontimePayment {
    color: #0A6608;
    text-align: center;
    font-weight: 600;
}

.b1Payment {
    color: #76ce75;
    text-align: center;
    font-weight: 600;
}

.b2Payment {
    color: #ffa600;
    text-align: center;
    font-weight: 600;
}

.b3Payment {
    color: #ff6347;
    text-align: center;
    font-weight: 600;
}

.b4Payment {
    color: #fd492a;
    text-align: center;
    font-weight: 600;
}

.totalPayment {
    color: #C054DD;
    text-align: center;
    font-weight: 600;
}

.webcam-live {
    width: 80% !important;
    height: 80% !important;
    margin-left: 100px !important;
}

.snapshot {
    width: 80% !important;
    height: 80% !important;
}

.imgUserSmiley {
    width: 80% !important;
    height: 80% !important;
}

.inputAuthKey {
    font-size: 25px !important;
}

.floatAuthKey {
    font-size: 20px;
    line-height: 10px;
}

.alginCenterTakePicture {
    text-align: center;
}

.userWebCamAuthModal {
    width: 95% !important;
}

.uploadImageView {
    width: 90%;
    margin-left: 40px;
}

.loanDetails {
    text-align: center;
    padding: 7px;
    margin-left: 0px;
    margin-right: 0px;
}

.creditSummary {
    padding-top: 10px;
}

.hr-lineCredit {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.crifBorder {
    border: 1px solid #8dbdeb;
    margin: 5px;
}

.highMarkButtonContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 10px;
    padding-bottom: 10px;
}

.highMarkMcqItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #cfcfcf;
    margin: 6px 0px;
    padding: 10px 10px;
    background: #FFFFFF;
    -webkit-box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25);
            box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.25), 2px 2px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

.highMarkModalTitle {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.highMarkModalQuestion {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    padding-bottom: 10px;
}

.highMarkMcqOptionText {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

.bankFileText {
    font-size: 20px;
    padding: 20px;
    background: #01a8fe;
    color: #ffff;
    width: 100%;
}

.bankMemberNameContent {
    font-size: 18px;
    line-height: 30px;
}

.bankStatementTimePeriod {
    font-size: 18px;
    line-height: 30px;
}

.financialCard {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin: 20px;
}

.topCountValue {
    padding: 28px;
    background: lightgrey;
    -webkit-border-top-left-radius: 15px;
            border-top-left-radius: 15px;
    margin-left: 30px;
    margin-right: 30px;
    -webkit-border-top-right-radius: 15px;
            border-top-right-radius: 15px;
}

.topCountText {
    background: #01a8fe;
    padding: 20px;
    margin-left: 30px;
    margin-right: 30px;
    color: white;
    -webkit-border-bottom-left-radius: 15px;
            border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
            border-bottom-right-radius: 15px;
}

.nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;
}

.nav-tabs > li {
    float: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: bold;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.noDefaultsFound {
    text-align: center;
    color: #BDBDBD;
    font-size: 30px;
}

.headingBankStmt {
    color: #2196f3;
    border-bottom: 2px solid #2196f3;
}

.headingBankStmt > a {
    color: #2196f3 !important;
}

.activeUserAuthLog {
    color: #FFFFFF !important;
    background: #2196F3 !important;
}

.activeUserAuthLogIcon {
    color: #FFFFFF !important;
}

.cropBtn {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

.ocrVerified, .ocrOverwritten {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    font-weight: bold;
}

.capt {
    background-color: grey;
    width: 300px;
    height: 100px;
}

#mainCaptcha {
    position: relative;
    left: 60px;
    top: 5px;
}

#refresh {
    background-image: url();
}

#txtInput, #Button1 {
    left: 40px;
    bottom: 40px;
}

#holder.hover {
    border: 10px dashed #0c0 !important;
}

.drop-zone {
    max-width: 200px;
    height: 200px;
    padding: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    color: #cccccc;
    border: 4px dashed #009578;
    -webkit-border-radius: 10px;
            border-radius: 10px;
}

.drop-zone--over {
    border-style: solid;
}

.drop-zone__input {
    display: none;
}

.drop-zone__thumb {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    background-color: #cccccc;
    background-size: cover;
    position: relative;
}

.drop-zone__thumb::after {
    content: attr(data-label);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.75);
    font-size: 14px;
    text-align: center;
}

.btn-link::after {
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    border-width: 8px 8px 8px 8px;
    border-color: #d2d9e5 transparent transparent transparent;
    border-style: solid;
    position: absolute;
    top: 17px;
    right: 20px;
}

.btn-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    border: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out,-webkit-border-radius .15s ease;
}

.accordion:first-of-type .btn-link {
    -webkit-border-top-left-radius: -webkit-calc(0.25rem - 1px);
            border-top-left-radius: calc(0.25rem - 1px);
    -webkit-border-top-right-radius: -webkit-calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
}

.btn-link:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
}

.btn-link:not(.collapsed)::after {
    border-width: 8px 8px 0px 8px;
    border-color: #d2d9e5 transparent transparent transparent;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}