@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;
}

.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;
}

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

.Dead {
    font-size: 8px;
    border-color: #ff0000;
    color: #ff0000;
    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%;
}

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

.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;
}

.companyRelianceImage {
    width: '100%';
    height: 40px;
    margin: -5px 10px 10px 10px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    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: #2196F3 !important;
    color: #FFFFFF !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;
}

.customRefresh {
    color: white;
    margin-right: 10px;
    font-size: 18px;
    cursor: pointer;
}

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

.activeCompanyIcon {
    color: #FFFFFF !important;
}

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

.activeCommonUpdateIcon {
    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;
}

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

.activeMemberMandatoryIcon {
    color: #FFFFFF !important;
}

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

.activeCreditAppraisalIcon {
    color: #FFFFFF !important;
}

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

.activeHighmarkRulesIcon {
    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;
}

.activeSubGroupIcon {
    color: #FFFFFF !important;
}

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

.activeMemberIcon {
    color: #FFFFFF !important;
}

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

.activeBusinessIcon {
    color: #FFFFFF !important;
}

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

.activeInsuranceCompanyIcon {
    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;
}

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

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

.activeMonthlyProgressReport {
    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;
}

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

.activeArrearFollowUpReportIcon {
    color: #FFFFFF !important;
}

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

.activeDemandFollowUpReportIcon {
    color: #FFFFFF !important;
}

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

.activeDateWiseCollectionUpIcon {
    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;
}

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

.activeDemandReportIcon {
    color: #FFFFFF !important;
}

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

.activeBranchDCBReportIcon {
    color: #FFFFFF !important;
}

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

.activeFunderReportsIcon {
    color: #FFFFFF !important;
}

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

.activeAccruedInterestReportIcon {
    color: #FFFFFF !important;
}

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

.activeNpaReportIcon {
    color: #FFFFFF !important;
}

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

.activeRepaymentCollectionIcon {
    color: #FFFFFF !important;
}

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

.activeWalletCollectionReportIcon {
    color: #FFFFFF !important;
}

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

.activeRepaymentGoldCollectionIcon {
    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;
}

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

.activeRegularDemandReportIcon {
    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;
}

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

.activePostTrainingProposalIcon {
    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;
}

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

.activeCorporateProductLoanIcon {
    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;
}

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

.activeRangeProductLoanIcon {
    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;
}

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

.activeCorporateLoanIndexdisbursementIcon {
    color: #FFFFFF !important;
}

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

.activeIDBIMemberLoansIcon {
    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;
}

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

.activeChangeMeetingReportIcon {
    color: #FFFFFF !important;
}

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

.activeHighmarkCheckReportIcon {
    color: #FFFFFF !important;
}

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

.activeDataVerificationReportIcon {
    color: #FFFFFF !important;
}

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

.activeTrainingProposalReportIcon {
    color: #FFFFFF !important;
}

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

.activePostTrainingProposalReportIcon {
    color: #FFFFFF !important;
}

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

.activeSanctionReportIcon {
    color: #FFFFFF !important;
}

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

.activeKYCSourcedReportIcon {
    color: #FFFFFF !important;
}

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

.activeKycApprovalIcon {
    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;
}

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

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

.activeRequestReportIcon {
    color: #FFFFFF !important;
}

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

.activeAttendanceReportIcon {
    color: #FFFFFF !important;
}

.activeInsuranceReportIcon {
    color: #FFFFFF !important;
}

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

.activeMonthWiseInterestSummaryReportIcon {
    color: #FFFFFF !important;
}

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

.activeStaffReportIcon {
    color: #FFFFFF !important;
}

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

.activeAMLReportIcon {
    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;
}

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

.activeWriteOffCollectionIcon {
    color: #FFFFFF !important;
}

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

.activeCollectionApproveIcon {
    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;
}

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

.activeFinDayBookIcon {
    color: #FFFFFF !important;
}

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

.activeBankReconcilationReportIcon {
    color: #FFFFFF !important;
}

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

.activeEconomicActivityIcon {
    color: #FFFFFF !important;
}

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

.activeEconomicActivityTypeIcon {
    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;
}

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

.activeRuleEngineIcon {
    color: #FFFFFF !important;
}

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

.activeBusinessFundIcon {
    color: #FFFFFF !important;
}

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

.activeDistrictIcon {
    color: #FFFFFF !important;
}

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

.activeDayBookIcon {
    color: #FFFFFF !important;
}

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

.activeCollectionDetailsReportIcon {
    color: #FFFFFF !important;
}

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

.activeBusinessDashboardIcon {
    color: #FFFFFF !important;
}

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

.activeEODIcon {
    color: #FFFFFF !important;
}

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

.activeEsafUploadIcon {
    color: #FFFFFF !important;
}

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

.activeUploadDetailsIcon {
    color: #FFFFFF !important;
}

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

.activeNachUmrnLinkIcon {
    color: #FFFFFF !important;
}

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

.activeMoratoriumUpdateIcon {
    color: #FFFFFF !important;
}

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

.activeGrievanceIcon {
    color: #FFFFFF !important;
}

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

.activeMoveToHOIcon {
    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;
}

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

.activeFinDashboardIcon {
    color: #FFFFFF !important;
}

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

.activeSubGroupAccountIcon {
    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;
}

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

.activeLevelAccountIcon {
    color: #FFFFFF !important;
}

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

.activeLevelIcon {
    color: #FFFFFF !important;
}

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

.activeOpeningBalanceIcon {
    color: #FFFFFF !important;
}

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

.activeAccountMappingIcon {
    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;
}

.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;
}

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

.btn-status1 {
    background-color: #00FF33;
    border-color: #FFFFFF;
}

.btn-status2 {
    background-color: #C0C0C0;
    border-color: #FFFFFF;
}

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

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

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

.mandatoryField {
    color: red;
}

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

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

.errorInfo {
    color: red;
    font-size: 13px !important;
}

.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: 13.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;
}

/* 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 rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    -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 rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
}

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

/* Chrome, Safari, Edge, Opera Input Number only Arrows remove*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox  Input Number only Arrows remove*/
input[type=number] {
    -moz-appearance: textfield;
}

.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;
}

#enterMemberPageNO {
    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;
}

#enterEODPageNO {
    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;
}

#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;
}

/* Member Risk Color deepskyblue */
.memberRiskBlue {
    -webkit-box-shadow: 0 0 0 3px deepskyblue, 0 0 0 2px deepskyblue inset;
            box-shadow: 0 0 0 3px deepskyblue, 0 0 0 2px deepskyblue inset;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    display: inline-block;
    padding: 2px 3px;
    line-height: 16px;
    color: deepskyblue;
    font-size: 18px;
    font-family: 'Black Ops One', cursive;
    text-transform: uppercase;
    text-align: center;
    width: 90px;
    opacity: 0.7;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
    cursor: default;
}

/* Member Risk Color green */
.memberRiskGreen {
    -webkit-box-shadow: 0 0 0 3px lime, 0 0 0 2px lime inset;
            box-shadow: 0 0 0 3px lime, 0 0 0 2px lime inset;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    display: inline-block;
    padding: 2px 3px;
    line-height: 16px;
    color: lime;
    font-size: 18px;
    font-family: 'Black Ops One', cursive;
    text-transform: uppercase;
    text-align: center;
    width: 90px;
    opacity: 0.7;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
    cursor: default;
}

/* Member Risk Color red */
.memberRiskRed {
    -webkit-box-shadow: 0 0 0 3px red, 0 0 0 2px red inset;
            box-shadow: 0 0 0 3px red, 0 0 0 2px red inset;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    display: inline-block;
    padding: 2px 3px;
    line-height: 16px;
    color: red;
    font-size: 18px;
    font-family: 'Black Ops One', cursive;
    text-transform: uppercase;
    text-align: center;
    width: 90px;
    opacity: 0.7;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
    cursor: default;
}

/* Member Risk Color Orange */
.memberRiskOrange {
    -webkit-box-shadow: 0 0 0 3px orange, 0 0 0 2px orange inset;
            box-shadow: 0 0 0 3px orange, 0 0 0 2px orange inset;
    border: 2px solid transparent;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    display: inline-block;
    padding: 2px 3px;
    line-height: 16px;
    color: orange;
    font-size: 18px;
    font-family: 'Black Ops One', cursive;
    text-transform: uppercase;
    text-align: center;
    width: 90px;
    opacity: 0.7;
    -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
    cursor: default;
}

.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;
}

.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;
}

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

.viewEditWalletAmount > 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 {
    font-size: 16px !important;
    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;
}

.locationServiceOff {
    display: none;
    text-align: center;
    color: darkgray;
}

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

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

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

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

.debitcolor {
    color: red;
}

.creditcolor {
    color: green;
}

.padding5 {
    padding: 5px !important;
}

.activeCardBorder {
    border: 2px solid #31ce31;
}

.tblHeaderBG {
    background-color: #dbdde0;
}

.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;
}

.fileInputStyle {
    display: block !important;
    width: 200px !important;
    margin-top: -20px;
    opacity: 0 !important;
    overflow: hidden !important;
}

.fileInputAgreementStyle {
    display: block !important;
    width: 94px !important;
    margin-top: -20px;
    opacity: 0 !important;
    overflow: hidden !important;
}

.uploadButtonStyle {
    width: 100px;
}

.verifyRow {
    padding: 10px;
}

.approbeMemberStyle {
    font-size: 20px;
}

.cardRowPadding {
    padding: 5px;
    padding-top: 10px;
}

.verifyCard {
    background-color: #5daeef;
    color: #ffffff;
}

.verfiySwitchRow {
    margin: 1px;
    padding-left: 15px;
    padding-top: 20px;
    background-color: #d2e6f7;
}

.boldfont {
    font-weight: bold;
}

.setApprove {
    cursor: pointer;
    text-decoration: underline;
    color: #2196F3;
    font-weight: bold;
    font-size: 14px;
}

.viewMemberCode {
    margin-top: 25px;
    font-size: 16px;
    font-weight: bold;
    color: #01a8fe;
}

.absentPendingLoanMember {
    color: red !important;
    font-size: 15px !important;
}

.successColor {
    border: 2px solid green;
}

.isLessCollection {
    color: red;
    font-size: 14px;
    cursor: pointer;
}

.labelEODApproved {
    color: white;
    font-weight: bold;
    background: green;
    padding: 2px;
}

.labelYetToApprove {
    color: white;
    font-weight: bold;
    background: orange;
    padding: 2px;
}

.labelMoveToArrear {
    color: white;
    font-weight: bold;
    background: red;
    padding: 2px;
}

.labelYAC {
    color: white;
    font-weight: bold;
    background: lightsalmon;
    padding: 2px;
}

.totalRICollection {
    color: #27AE60;
}

.overAllTotalInterestReceived {
    font-size: 30px;
    color: #27AE60;
}

.totalRPCollection {
    color: #2F80ED;
}

.overAllTotalPrincipalReceived {
    font-size: 30px;
    color: #2F80ED;
}

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

.fontWeight {
    font-weight: 500;
}

.loanDisbursementTotalAmount {
    text-align: center;
    font-weight: bold;
    color: #1e9ada;
    font-size: 20px;
}

@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;
    }
}

.arrearArrowRight {
    font-size: 30px;
    color: red;
}

.productInfoStyle {
    color: #F9853A !important;
    font-size: 20px;
    margin-left: 10px;
}

.setRedColor {
    color: red;
}

.setGreenColor {
    color: green;
}

.circular-progress {
    position: relative;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    display: -ms-grid;
    display: grid;
    place-items: center;
    background-color: #2196F3;
}

.circular-progress:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    background-color: #ffffff;
}

.value-container {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    color: #231c3d;
}

.verifyContainer {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    border: solid 1px #cfcccc;
}

.kycChecked {
    font-size: 20px;
    color: green;
    margin-left: 10px;
}

.kycVerifyBtn {
    padding: 8px;
    -webkit-border-radius: 5px;
            border-radius: 5px;
}

.verifySection {
    margin-top: 10px;
    background-color: #e9f2fb;
    padding: 10px;
    -webkit-border-radius: 10px 10px 0px 0px;
            border-radius: 10px 10px 0px 0px;
}

a.disabled {
    color: gray;
    pointer-events: none;
}

.listMenu {
    font-size: 18px !important;
}

.pointerLoad {
    cursor: pointer !important;
}

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

.meter-container {
    width: 300px;
    margin: 8px auto;
    font-family: Arial, sans-serif;
}

.meter-canvas {
    display: block;
    margin: 0 auto;
}

.meter-text {
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
    color: green;
}

.meter-labels {
    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;
    margin-top: 10px;
    font-size: 12px;
    color: #888;
}

.meter-labels span {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
}