/*TMS*/ 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
a, button, input[type=submit]           { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; 
                                        -o-transition: all .5s ease-in-out; }
select                                  { cursor: pointer; }
.table .thead-light tr th.none.sorting:before, .table .thead-light tr th.none.sorting:after { display: none; }
li.nav-item a.active                    { color: #1b1b7d !important;font-weight: 600; }
li.nav-item a.active i                  { color: #1b1b7d !important; }
.navbar-vertical li.nav-item.menu-sub-item.open a i { color: #1b1b7d !important;}
.navbar-vertical li.nav-item.menu-sub-item.open a { color: #1b1b7d;font-weight:600; }
.navbar-vertical li.nav-item.menu-sub-item.open .drop-menu a { color: #000;font-weight:normal; }
.add-transaction-form, .party-list-view, .view-recent-intrest .table-responsive                 
                                        { background-color: #fff;padding: 30px; margin-top: -50px; border-radius: 8px; /*margin-left: 20px; margin-right: 20px; */ box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; }
.add-transactionSection                 { background-color: #fff; padding: 30px; margin-top: -50px; border-radius: 8px; box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; }
.add-transactionSidebar                 { background-color: #fff; padding: 10px; margin-top: -50px; border-radius: 8px; box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; }
.add-transactionSidebar table tr td span{ display: block;  }
.add-transactionSidebar table tr td span.intPer
                                        { font-weight: 900; display: inline-block; color: #6058c7; padding-left: 10px;  }
.add-transactionSidebar table tr.paid td{ background: rgba(120,236,125,0.2); }
.add-transactionSidebar table tr.paid td table
                                        { margin: 0; /*border-bottom: 2px solid #000; */ }
.add-transactionSidebar table tr.paid td table tr:first-child td
                                        { position: relative;}
.add-transactionSidebar table tr.paid td table tr:first-child td:after
                                        { content: ''; position: absolute; background: rgba(120,236,125,0.2); left: 0; top: 0; width: 100%; height: 100%; }
table tr.lastThree.lstRW td,
table tr.lineClass td                   { border-bottom: 2px solid #000; }

.view-recent-intrest .table-responsive  { margin-right: 0;margin-left: 0; }
.transaction-row .custom-control        { display: inline-block;padding-right: 15px;min-width: 120px; }
.transaction-row h4                     { display: inline-block;margin-right: 10px;width: 160px;text-align: right;margin-bottom: 0; }
.select-box                             { position: relative;display: inline-block;width: 50%;margin: 0 auto;font-size: 14px;color: #60666d;}
.add-transactionSection .select-box     { width: 55%;}
body.transaction-add .add-transactionSection .select-box     
                                        { width: calc(100% - 180px); }
select, .chosen-single                  { padding: 8px !important;width: 100%;outline: none;line-height: inherit !important;height: 45px !important;
                                        color: #555555; border-radius: .375rem !important; }
.select-box i                           { margin-right: 8px; color: #7068e4;vertical-align: unset;}
.select-box .form-group.focused         { margin-bottom: 0; }
.interest-row, .internal-firm-row, .rent-expense-row, .property-expense-row, .property-purchase-row, .ucchak-khrcho-row, .cash-deposit-row, .personal-expense-row, .uchina-pachina-row, .professional-expense-row, .loan-row, .property-transaction-row, .property-maintenance-row, .property-management-row, .credit-row       { display:none; }
.amount-ratio                           { font-size:16px;font-weight:600; }
.drop-menu li a                         { padding-left: 0 !important;padding-bottom: 3px !important;padding-top: 3px !important;padding-right: 0 !important; }
.drop-menu li:last-child                { border-bottom: 0;margin-bottom: 0;padding-bottom: 0; }
.drop-menu li                           { list-style: none;border-bottom: 1px solid #e4e4e4;padding-bottom: 3px;margin-bottom: 3px; }
.navbar-vertical li.nav-item.menu-sub-item.open .drop-menu li:hover a  { color: #9c9a9a; }
.drop-menu ul                           { padding: 0px 0 10px 30px; }
.drop-menu a.nav-link                   { color: rgba(0, 0, 0)!important; }
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before{ display:none; }
.navbar-collapse  li.nav-item.menu-sub-item a.nav-link:after            { content: "\f107";font: normal normal normal 14px/1 FontAwesome;right: 0;position: absolute;font-size: 16px;color: #bbbbbb;}
li.nav-item .drop-menu a.nav-link:after { display:none; }
.drop-menu                              { display:none; }
div.dataTables_length                   { width: 40%; display: inline-block; }
div.dataTables_length label             { margin: 0; font-weight: 600; color: #111; text-transform: capitalize; }
div.dataTables_length select            { width: auto; border: 1px solid #dbe0ec; padding: 5px !important; border-radius: 5px !important; font-size: 14px; margin: 0 10px; font-weight: 400; 
                                        height: auto !important; box-shadow: none !important; }
.dataTables_filter                      { text-align: right; width: 60%; display: inline-block; }
.dataTables_filter label                { font-weight: 600;color: #111; }
.filter-list                            { background-color: #f4f6fb;border-radius: 4px; }
.dataTables_filter input                { border: 1px solid #dbe0ec;padding: 5px;border-radius: 5px;margin-left: 8px;outline:none;font-size:14px; }
td.dataTables_empty                     { text-align: center;color: #7068e4; }
.dataTables_info                        { text-align: right; font-size: 13px; font-weight: 600; padding-bottom: 15px; color: #000; }
.action-view a                          { cursor: pointer; font-size: 14px; width: 24px; height: 24px; line-height: 24px; display: inline-block; border-radius: 50%; }
.action-view a:hover,
.action-view a:active,
.action-view a:focus                    { background: #e4e4e4; }
.action-view a.trash-list               { color: red !important;}
.table tr td                            { color: #000;font-weight: 400; }
.table .thead-light tr th               { background-color: #6058c7;border-bottom: 0; }
.table tr th                            { color: #fff !important;font-weight: 500 !important;text-transform: none;font-size: 13px; }
.table .thead-light tr                  { box-shadow: 0 8px 6px -5px rgb(188, 184, 239); }
.table tbody tr:first-child td          { border: 0 !important; }
.table .thead-light tr th:first-child   { border-radius: 0; }
.table .thead-light tr th:last-child    { border-radius: 0; background-image: none; }
.table tbody tr td:nth-last-child(2)    { width: 20%; }
.login-form .custom-checkbox input, .modal-content .custom-checkbox input   { z-index: -1; }
.selectField .chosen-container a i      { margin-right: 8px; color: #7068e4; vertical-align: unset; }
.filterBtn                              { text-align: right; margin-top: 30px; }
.filter-date .input-group               { height: 45px; width: 50%; box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important; }
.filter-date                            { display: flex; }
.filter-date .input-group + span        { display: block;padding: 10px 8px;color: #111; }
.filter-date .input-group .input-group-text
                                        { padding-right: 10px;color: #7068e4; }
.filter-list                            { position: relative; }
.filter-list h5                         { background-color: #7068e4; color: #fff; padding: 5px 20px; margin: 0; border-radius: 15px; display: inline-block; 
                                        cursor: pointer; box-shadow: 0 4px 5px -1px rgba(112, 104, 228, 0.22); }
.filter-list h5.btn                     { float: right;}
.user-globalsearch .filter-list h5.btn  { float: none;}
.dataTables_paginate span a.paginate_button
                                        { width: 36px;height: 36px;margin: 0 3px;border-radius: 50%!important;display: inline-block;text-align: center;line-height: 36px;   color: #000;border-color: #f1f1f1;background-color: #f1f1f1;outline:none;cursor:pointer;}
.dataTables_paginate span a.paginate_button:hover{ color: #8898aa;border-color: #dee2e6;background-color: #dee2e6; }
.dataTables_paginate span a.paginate_button.current{ z-index: 1;color: #fff;border-color: #5e72e4;background-color: #5e72e4; }
.dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next { color: #000;padding: 0 5px;outline:none;}
.dataTables_paginate                    { text-align: right;padding-right: 12px; }
.transaction-filter a                   { padding-left: 15px;font-size: 15px;font-weight: 600;color: #000; }
.filter-field                           { display: none;border-top: 1px solid #dbdff1;padding-top: 15px;margin-top: 10px; }
.interest-rate .dropdown-toggle         { border-radius: 4px !important;text-align: left;padding: 8px;width: 100%;color: #111;font-size: 16px;border: 1px solid #d4dcf1;}
.interest-rate .btn-group               { float: left;width:30%; }
.interest-rate .btn-group .dropdown-toggle::after{ right: 10px;position: absolute;top: 15px; }
.interest-rate .dropdown-toggle span    { float: right; padding-right: 20px; }
.interest-rate .dropdown-menu           { width: 100%; border-radius: 0; }
.interest-rate .dropdown-menu li a span { float: right; }
.interest-rate .dropdown-menu li a      { color: #111;font-size: 16px;padding: 6px;display: block; }
.mudalModal .intPayInfo             { border-bottom: 2px solid #ddd; margin-bottom: 5px; }
.mudalModal .intPayInfo p           { margin-bottom: 5px; font-size: 15px; font-weight: 600; color: #000; } 
.mudalModal .intPayInfo p span      { color: #34ab39; }
.mudalModal .custom-radio           { display: inline-block; min-width: 120px; padding: 0; }
.mudalModal .custom-radio label     { margin: 0; }
.mudalModal .custom-radio input[type='radio']
                                    { width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; }
.mudalModal .form-group h4          { font-size: 14px; }
.mudalModal .form-group .input-group-text
                                    { padding: .625rem .625rem .625rem .75rem; }
table tr td.intAmt span,
table tr td.loanBank span                   { font-weight: 600; display: block; }
table tr td.intAmt span.intCTime    { color: #624ae6; font-weight: 600; }
table tr td .ttlPriRawCnt               { width: 200px; white-space: initial; }
table tr td .ttlPriRaw div              { display: flex; justify-content: space-between; }
table tr td .ttlPri                     { font-weight: 600; justify-content: end; display: flex; border-top: 1px solid #ddd; }
table tr td .ttlPriAmt                  { color: #624ae6; font-weight: 600; display: flex; justify-content: end; }
table tr td.payAction a                 { color: #fff !important; border-radius: 20px; font-weight: 600; }
.btnCsv a i                         { margin-right: 5px; }
.importCard h4                      { font-size: 18px; margin-bottom: 20px; }
.add-transaction-btn button             { margin-top: -80px; }
.table .thead-light tr th:last-child, .table tbody tr td:last-child { text-align: center;padding-left: 0.7rem; }
.property-rate                          { display: inline-block; }
.property-rate input                    { max-width: 100%; }
.col-lg-12 .add-transaction-form .select-box { width: 50%; }
span.add-partner                        { cursor: pointer; }
span.add-partner i                      { background: #2dce89; color: #fff; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; }
span.add-partner.removeP i              { background: #fb6340; }
.card-body h5.card-title                { padding-bottom: 6px; }
footer.footer                           { bottom: 0;position: fixed;width: 100%;left: 0;z-index: 1; }
footer.footer .copyright                { padding-left: 20%; }
.col-lg-8.intrest-wrap .add-transaction-form { margin-left: 0;padding-left: 15px;padding-right: 0;margin-right: 0; }
.col-lg-8.intrest-wrap                  { float: left;max-width: 50%;flex: 50%; }
.col-lg-6.view-recent-intrest           { float: left;display: none; }
.custom-control-input:checked ~ .custom-checkbox input::before { color: #fff;background-color: #5e72e4;box-shadow: none; }
.custom-checkbox .custom-control-input:checked ~ .custom-checkbox input::before { background-color: #5e72e4; }
.custom-checkbox .custom-control-input:checked ~ .custom-checkbox input::before { border-color: #5e72e4; }
.custom-checkbox .custom-control-input:checked ~ .custom-checkbox input::before { border-color: #5e72e4; }
.custom-checkbox .custom-checkbox input::before                                 { border-radius: .25rem; }
.custom-checkbox input::before          { transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);border: 1px solid #cad1d7; }
.custom-checkbox input::before          { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.custom-checkbox input::before          { position: absolute;top: 0;left: 0;display: block;width: 1.25rem;height: 1.25rem;content: '';-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;background-color: #fff;box-shadow: none;border-radius: 4px !important;
}
.custom-checkbox input::after           { position: absolute;top: 0;left: 0;display: block;width: 1.25rem;height: 1.25rem;content: '';background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
.custom-checkbox .custom-control-input:checked.custom-checkbox input::before { border-color: #5e72e4; }
.custom-checkbox .custom-control-input:checked::before  { border-color: #5e72e4; }
.custom-checkbox .custom-control-input:checked::before  { background-color: #5e72e4; }
.custom-control-input:checked::before   { color: #fff;background-color: #5e72e4;box-shadow: none; }
.custom-checkbox input                  { margin-left: -20px; width: 20px;height: 20px;z-index: 1;opacity: 1; }
.custom-checkbox .custom-control-input:checked::after { background-image: url(../img/checkmark.png); }
a.pay-btn                               { border-radius: 50%;width: 25px;height: 25px;line-height: 25px;display: inline-block; }
a.pay-btn i                             { font-size: 10px; }
.view-recent-intrest table tr td span   { font-weight: 600;padding-top: 3px;display: block; }
li.nav-item.menu-sub-item .nav-link.active + .drop-menu { display: block; }
span.tenure-months                      { padding-top: 3px;display: block; }
.credit-card-item                       { border: 1px solid #e3e5f5;border-radius: 4px;border-top: 3px solid #e5e7f7; }
.credit-card-item h4:last-child         { border-bottom: 0; }
.credit-card-item h4                    { font-size: 14px;color: #000;margin-bottom: 0;padding: 10px 15px;border-bottom: 1px solid #f1f2f7;}
.credit-card-item h4 span               { color: #949494;   padding-left: 8px; }
.credit-action a.bg-secondary           { color: #1a2c9c;background-color: #f1f2f7 !important;border-right: 1px solid #e3e5f5;
cursor: pointer;}
.credit-action a                        { display: inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 30px;font-size: 11px;box-shadow: 0 4px 10px #dbdef1;margin: 0 5px;padding: 0;color: #fff;text-align: center;}
.credit-action                          { padding: 10px; }
.main-content                           { margin-top: 60px; margin-bottom: 35px; }
td.party-address                        { white-space: pre-line; }
.party-transaction-row a                { display: block; }
.party-transaction-row a                { display: block;border: 1px solid #e5e6f5;border-radius: 4px;transition: all 0.4s ease;margin-bottom: 30px;}
a.party-transaction-item:hover          { box-shadow: 0 10px 18px -9px #d1cef3; }
.party-transaction-item h3:before       { content: '';position: absolute;width: 30px;height: 2px;background-color: #6058c7;
bottom: -5px;left: 50%;transition: all 0.4s ease;transform: translateX(-50%);}
a.party-transaction-item:hover h3:before{ width: 100%; }
.party-transaction-item h3              { position: relative;display: inline-block;font-weight: bold; }
.td-item h4 span                        { float: right;padding: 3px 10px;border-radius: 3px;font-size: 12px;color: #fff; }
.td-item                                { text-align: left; }
.td-item                                { text-align: left;margin: 20px 0 0;padding: 0 20px; }
.party-details                          { padding: 15px; border-radius: 6px; background: #f8f9fe; position: relative; }
.party-details h4 span                  { display: block; color: #000; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
.party-details h4                       { color: #000; font-weight: normal; font-size: 14px; padding-bottom: 8px; border-bottom: 1px solid #ececec; display: block; width: 100%; }
.party-details .col-md-4 h4:last-child  { border-bottom: 0px; padding: 0; }
.td-item h4                             { padding-bottom: 5px; }
.add-partner-col                        { /*display: inline-block; */}
.party-interest-details                 { border-bottom: 1px solid #e3e5f5;border-radius: 4px;
border-top: 1px solid #e3e5f5;border-left: 4px solid #e3e5f5;border-right: 4px solid #e3e5f5; }
.party-interest-details .td-item        { padding: 0; }
.party-interest-details h2 span         { float: right;color: #5e72e4; }
.party-interest-details .td-item h4 span{ color: #172b4d;font-weight: 600;font-size: 14px;padding: 0; }
.table tr td span[data-toggle="modal"]  { padding: 3px 8px; background-color: #eaeaea; color: #333; border-radius: 3px; font-size: 12px; }

.leftCredit table.table .thead-light tr th:first-child,
.rightDebit table.table .thead-light tr th:first-child
                                        { width: 100px; }
.leftCredit table.table tbody tr td:first-child,
.rightDebit table.table tbody tr td:first-child
                                        { font-weight: 600; }
.leftCredit table.table .thead-light tr th:last-child,
.rightDebit table.table .thead-light tr th:last-child
                                        { text-align: right; width: 100px; }
.leftCredit table.table tbody tr td:nth-last-child(2),
.rightDebit table.table tbody tr td:nth-last-child(2)
                                        { width: auto; white-space: inherit;}
.leftCredit table.table tbody tr td.tblCellParty>span,
.rightDebit table.table tbody tr td.tblCellParty>span
                                        { /*display: block; font-weight: 600; */
                                        display: block; font-size: 12px; font-weight: 600; background: #000; color: #fff; padding: 1px 8px;
                                        border-radius: 6px; margin-top: 2px; margin-bottom: 5px; width: fit-content; } 
.leftCredit table.table tbody tr td.tblCellParty span.proAddress,
.rightDebit table.table tbody tr td.tblCellParty span.proAddress                                        
                                        { display: inline-block; font-weight: normal; }
.leftCredit table.table tr td:last-child{ font-weight: bold; color: #34ab39; text-align: right;  }
.rightDebit table.table tr td:last-child{ font-weight: bold; color: #f5365c; text-align: right;  }
td div.otherInfo                        { border-top: 1px solid #e9ecef; font-size: 12px; color: #000; }
td div.otherNarration                   { font-size: 11px; color: #000a88; font-weight: 600; }
td div.otherNarration div               { color: #000; font-style: italic; }
tr.totalCredit td,
tr.totalDebit td                        { font-size: 20px; }

body .navbar-vertical.navbar-expand-md .navbar-collapse
                                        { padding-right: 10px; padding-left: 10px; align-items: baseline; }
.navbar-vertical .navbar-nav .nav-item:nth-child(2)
                                        { border: 2px solid #ddd; border-radius: 30px; padding-left: 24px; margin: 5px 0; 
                                        background: #fafafa; font-weight: bold; }
.navbar-vertical .navbar-nav .nav-item:nth-child(2) i
                                        { color: #6058c7 !important; }
.tenantsDetails h4 span                 { width: 100%; display: block;}
table.tblPropertyStatus                 { margin: 0 auto; }
table.tblPropertyStatus tr td           { letter-spacing: 0.5px; font-size: 16px; font-weight: 900; vertical-align: top; }
table.tblPropertyStatus tr td:first-child
                                        { color: #2dce89; }
table.tblPropertyStatus tr td:last-child{ color: #fb6340; }
table.tblPropertyStatus tr td.swtchSts  { padding: 3px 15px 0 5px; }
td.swtchSts .custom-toggle input:checked + .custom-toggle-slider
                                        { border: 2px solid #fb6340; background: rgba(251, 99, 64, 0.1); }
td.swtchSts .custom-toggle input:checked + .custom-toggle-slider:before
                                        { background: #fb6340; }
td.swtchSts .custom-toggle-slider       { border: 2px solid #2dce89; background: rgba(45, 206, 137, 0.1); }
td.swtchSts .custom-toggle-slider:before{ background: #2dce89;  width: 16px;  height: 16px; }
.partnerDetails                         { padding: 15px 0 0 0;}
.partnerDetails h2                      { padding: 0 15px; }
table.tblPtner                          { width: 100%;}
table.tblPtner thead tr th              { font-size: 14px; color: #000; padding: 5px 0; border: 1px solid #ddd; text-align: center; }
table.tblPtner thead tr th.text-center  { background: #e9ecef; }
table.tblPtner thead tr:first-child th:last-child,
table.tblPtner thead tr.masterHead th   {  border-bottom: 3px solid #ddd; }
table.tblPtner tbody tr td              { color: #000; border: 1px solid #ddd; padding: 8px 5px; text-align: right; font-weight: 600; }
table.tblPtner tbody tr.even,
table.tblPtner tbody tr.odd             { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out;
                                        -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
table.tblPtner tbody tr.even:hover,
table.tblPtner tbody tr.odd:hover       { background: #e9ecef; }
table.tblPtner thead tr th:first-child,
table.tblPtner tbody tr td:first-child  { text-align: left; border-left: 0px; padding-left: 10px; }
table.tblPtner thead tr th:last-child,
table.tblPtner tbody tr td:last-child   { border-right: 0px; padding-right: 10px;}

table.tblPtner tr.ownerPer td           { color: #4235e8; font-weight: 600; }
table.tblPtner tr.ownerPer td .payAmt   { font-weight: 800; }
table.tblPtner tr.ownerPer td.ownerPaid { color: #f5365c; font-weight: 800; text-align: right; }
table.tblPtner tr.ownerPer td:last-child{ color: #34ab39; font-weight: 800; text-align: right; }

table.tblPtner thead tr th.darkBorder,
table.tblPtner tbody tr td.darkBorder,
table.tblPtner tbody tr th.darkBorder:last-child
                                       { border-right: 3px solid #ddd; }
table.tblPtner tbody tr td.redColor     { color: #f5365c; }
table.tblPtner tr.tblPtnerPer           { border-top: 2px solid #ececec; }
table.tblPtner tr.tblPtnerPer table     { width: 100%; font-size: 13px; font-weight: 600; }
table.tblPtner tr.tblPtnerPer table tr:first-child
                                        { border-bottom: 1px solid #ececec; }
table.tblPtner tbody tr.lstRw td        { font-size: 13px; font-weight: 600; text-align: left; }
table.tblPtner tbody tr.tblPtnerPer td:last-child
                                        { border: 0px; text-align: right; font-weight: 800; font-size: 16px; }
table.tblPtner td table.tblPTra         { width: 100%; }
table.tblPtner td table.tblPTra tr td   { font-size: 12px; font-weight: 600; width: 33.33%; }
table.tblPtner td div.payAmt            { padding-top: 2px; font-weight: 600; border-top: 1px solid #ddd; color: #000; }
table.tblPtner tr td.paidAmt            { color: #34ab39; text-align: right; font-weight: 600; vertical-align: bottom; }
table.tblPtner tr td.remainAmt          { color: #f5365c; text-align: right; font-weight: 800; vertical-align: bottom; }
table.tblPtner tr td.paidAmt span,
table.tblPtner tr td.remainAmt span     { padding-top: 2px; font-weight: 600; border-top: 1px solid #ddd; display: block;}
table.tblPtner tr.rwPtTotal             { border-top: 2px solid #ececec; }
table.tblPtner tr.rwPtTotal td:first-child
                                        { font-size: 13px; font-weight: 600; }
table.tblPtner tr.rwPtTotal td          { font-size: 16px; font-weight: 800; }

table.tblPtner.tblIntPrn                { border-bottom: 2px solid #ececec; margin-bottom: 30px; }
table.tblPtner.tblIntPrn th,
table.tblPtner.tblIntPrn td             { padding-left: 0px !important; padding-right: 0px !important; }
table.tblPtner.tblIntPrn td .intStart   { font-size: 12px; color: #909090; font-weight: 500; }
table.tblPtner.tblIntPrn tr.intlstRw    {  }
table.tblPtner.tblIntPrn tr.intlstRw td { font-weight: 600; }
table.tblPtner.tblIntPrn tr:last-child td:last-child
                                        { color: #f5365c; font-weight: 800; }

table.tblPtner tr.grandTotal            { background: #e8ecfb; border-bottom: 3px solid #ddd;}
table.tblPtner tr.grandTotal td         { font-weight: 700; }
table.tblPtner tbody tr.odd td:last-child,
table.tblPtner tbody tr.even td:last-child,
table.tblPtner tr.grandSubTotal td      { font-weight: 700; }
table.tblPtner tr.grandMasterTotal td   { font-weight: 700; font-size: 15px; }
table.tblPtner tr.masterRow td.weight700{ font-weight: 700; }
table.tblPtner tr.masterRow td.text-center
                                        { padding-top: 5px; padding-bottom: 5px; font-weight: 700; font-size: 14px; }

table.tblPtner tr.masterRow td.darkBorder:last-child
                                        { border-right: 3px solid #ddd; }
table.tblPtner tr.masterRow td:first-child
                                        { border-bottom-left-radius: 6px; border-right: 3px solid #ddd; }
table.tblPtner tr:last-child td         { font-size: 15px; font-weight: 700; border-bottom: 0px; padding-top: 10px; padding-bottom: 10px; background: #e8ecfb; } 
table.tblPtner tr.masterHead td         { background: #e9ecef; padding-top: 5px; padding-bottom: 5px; }
table.tblPtner tr.masterRow td:last-child,
table.tblPtner tr.masterHead td:first-child
                                        { /* border-right: 1px solid #ddd; */ }


table.tblPropDetail tr td:last-child    { text-align: left; }
#ttlParPer                              { color: #2dce89; font-size: 16px; font-weight: 900; letter-spacing: 1px; }
.cahBalance                             { text-align: center; font-weight: 900; margin: 0; }
.cahBalance span.nafo                   { color: #78ec7d;  }
.TtlEffect span.nafo                    { color: #34ab39; }
.cahBalance span.khot                   { color: #f66; }
.TtlEffect span.khot                    { color: #f5365c; }
h2.TtlEffect                            { font-size: 28px; text-align: center; display: block; padding: 10px; margin-bottom: 0px; background: #f4f6fb; }

.cashEffect:after                       { content: ''; width: 100%; height: 2px; background: #ececec; position: relative; top: -17px; }
.cashEffect .lftCredit                  { font-weight: bold; color: #34ab39; text-align: left; font-size: 18px; }
.cashEffect h2                          { color: #000; font-size: 14px; font-weight: 600; margin: 0; }
.cashEffect .cntBalance                 { text-align: center; font-weight: 600; font-size: 24px; padding-top: 30px; }
.cashEffect .cntBalance span.khot       { color: #f66; }
.cashEffect .cntBalance span            { background: #f8f9fe; z-index: 10; position: relative; padding: 0 15px; }
.cashEffect .cntBalance span.nafo       { color: #34ab39; }
.cashEffect .rgtDebit                   { font-weight: bold; color: #f5365c; text-align: right; font-size: 18px; }

body.user-index .header                 { padding-top: 10rem !important; padding-bottom: 10rem !important; }
body.user-index .header-body.mt--9      { margin-top: -11rem !important; }
body.user-index a.btn-icon-clipboard    { padding: 1rem; margin: 1rem 0; }
body.user-index .btn-icon-clipboard span{ font-weight: 600; color: #000; font-size: .85rem; }

.partner-owner                          { background: #fcfcfc; padding-top: 15px; padding-bottom: 1px; margin-bottom: 20px; border-radius: 6px; }
.partner-owner .repeater                { margin-left: 165px; }
.partner-owner .repeater .rptRow        { padding-bottom: 6px; margin-bottom: 6px; }

label.error                             { color: red; font-weight: normal; display: block; font-size: 11px; margin: 5px 0 0 0; }
select.error                            { color : #555555; }
.custom-radio label.error               { position: absolute; left: 0; top: 18px; width: 100%; }
body .alert                             { margin: -105px auto 65px auto; font-weight: 600; letter-spacing: 0.5px; padding: 0.5rem 1rem; }
body table tr.even                      { background: #f4f6fb; }
body table.dataTable tr                 { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;
                                        -o-transition: all .4s ease-in-out; }
body table.dataTable tr:hover           { background: #e9ecef; }
.dataTables_paginate                    { border-top: 2px solid #ddd; padding-top: 15px; padding-right: 0px; box-shadow: 0 3px 10px rgb(188, 184, 239); }
body table.dataTable tr td span.badge-dot
                                        { font-size: .8125rem; margin: 0 !important; }
body table.dataTable tr th.tblPName,
body table.dataTable tr td.tblPName     {}
body table.dataTable tr td.tblPName span.colRefName,
body table.dataTable tr span.colRefName
                                        { display: block; color: #909090;}
body table.dataTable tr td.tblPName span.colRefName strong,
body table.dataTable tr span.colRefName strong
                                        { font-weight: 600; }
body table.dataTable tr td.tblNarration .textFit
                                        { width: 300px !important; white-space: initial;}
table#interestFilter td.payAction       { text-align: center;}
table#interestFilter td.payAction span.badge
                                        { color: #0689a0; background-color: rgba(136,230,247,.5); border-radius: 4px; padding-left: 10px; padding-right: 10px; font-size: 12px; }
.topMenuWrapper                         { background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.topMenuWrapper button.navbar-toggler   { width: 60px; height: 60px; background: #6058c7; border-radius: 0px; outline: none; }
.topMenuWrapper button.navbar-toggler span.navbar-toggler-icon
                                        { background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 0.95)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E'); }
.navbar-vertical                        { padding: 0;}

ul.topHeaderMenu                        { padding: 0; list-style: none; color: #fff; margin: 0; height: 60px; } 
ul.topHeaderMenu li                     { float: left; height: 60px; text-align: center; width: 14.28%; border-right: 1px solid rgba(255, 255, 255, .1);  }
ul.topHeaderMenu li:first-child         { border-left: 1px solid rgba(255, 255, 255, .1); }
ul.topHeaderMenu li a                   { color: #fff; text-align: center; font-size: 12px; display: block; width: 100%; padding: 8px 5px; height: 60px; border-top: 2px solid transparent; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;
                                        -o-transition: all .7s ease-in-out; }
ul.topHeaderMenu li a:hover             { background: rgba(255,255,255,0.2); border-top: 2px solid #6058c7; }
ul.topHeaderMenu li a i                 { font-size: 14px; vertical-align: middle; text-align: center; position: relative; top: 0px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;
                                        -o-transition: all .5s ease-in-out; }
ul.topHeaderMenu li a:hover i           { top: -3px; }
ul.topHeaderMenu li a div.thmenuName    { line-height: 12px; vertical-align: middle; text-align: center; font-weight: 600; font-size: 11px; width: 100%; padding-top: 8px; }
.topMenuWrapper .navbar-brand           { width: calc(100% - 70px); height: 60px; padding: 0 0 0 20px; float: right; display: flex; justify-content: space-between; align-items: center; }
.topMenuWrapper .navbar-brand h2.hDiff  { margin: 0; width: 50%; height: 60px; letter-spacing: 0.5px; }
.topMenuWrapper .navbar-brand h2.cahBalance
                                        { text-align: right; } 
.topMenuWrapper .navbar-brand span.hIncome,
.topMenuWrapper .navbar-brand span.hExpense
                                        { font-size: 13px; color: #fff; display: block; padding: 4px 0; }
.topMenuWrapper .navbar-brand h2.cahBalance span.upcomingBal
                                        { font-size: 16px; }
.topMenuWrapper .navbar-brand h2.cahBalance span.upcomingBal span
                                        { font-size: 14px; }
.topMenuWrapper .navbar-brand .progress { height: 2px; margin: 0; }
a.pageTtl                               { font-size: 32px; font-weight: 900; }
a.pageTtl:after                         { content: ''; width: 80px; height: 5px; position: relative; left: 2px; display: block; background: linear-gradient(90deg,#11cdef,#5e72e4)!important; } 
body .header.bg-gradient-primary        { height: 200px; }
.form-control:disabled,
.form-control[readonly]                 { opacity: 1; background-color: #fafafa; cursor: not-allowed; }
.datepicker table tr td                 { color: #000; font-weight: 600; border: 1px solid #f1f1f1; border-radius: 0px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
                                        -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.datepicker table tr th                 { font-weight: 600; color: #6058c7; }
.datepicker table tr th.dow             { background: #fafafa; border: 1px solid #f1f1f1; border-radius: 0px; }
.datepicker table tr td:hover           { background: #6058c7 !important; color: #fff !important; }
.formFooter                             { margin-top: 30px; border-top: 3px solid #ddd; padding: 30px; background: #f9f9f9; margin-left: -30px; margin-right: -30px; margin-bottom: -30px !important;
                                        border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#ttlParPer                              { width: 30%; }
table td.principalTd                    { padding: 0 !important;}
table td.principalTd table tr:first-child td
                                        { padding: 5px; background: #ddd; color: #000; font-weight: 600; }

span.bedgeLbl                           { position: absolute; right: 0; top: 0; background: #f5365c; color: #fff; font-size: 14px; text-transform: uppercase; 
                                        padding: 2px 10px; letter-spacing: 1px; font-weight: 900; border-top-right-radius: 6px; }
span.bedgeLbl.sell                      { background: #34ab39; }
.mt30                                   { margin-top: 30px; }                                       
.view-party-intrest .partyInterestData .badge-dot i
                                        { width: .8rem; height: .8rem; margin-left: .8rem; }                                        
table.partyInterestData span.intTypeBadge
                                        { font-size: .8125rem; margin: 0 !important; text-align: left; font-weight: 600; }
body table.partyInterestData span.intTypeBadge i
                                        { display: inline-block; width: .375rem !important; height: .375rem !important; margin-right: .375rem ;
                                        margin-left: 0 !important; vertical-align: middle; border-radius: 50%; }
                                        
                                        
                                        
.bounce                                 { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
@-webkit-keyframes bounce               {
                                            0%,
                                            20%,
                                            50%,
                                            80%,
                                            100% { -webkit-transform: translateY(0); transform: translateY(0); }
                                            40%  { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
                                            60%  { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
                                        }
@keyframes bounce                       {
                                            0%,
                                            20%,
                                            50%,
                                            80%,
                                            100% { -webkit-transform: translateY(0); transform: translateY(0); }
                                            40%  { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
                                            60%  { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
                                        }

.bouncedown                             { -webkit-animation: bouncedown 2s infinite; animation: bouncedown 2s infinite; }
@-webkit-keyframes bouncedown           {
                                            0%,
                                            20%,
                                            50%,
                                            80%,
                                            100% { -webkit-transform: translateY(0); transform: translateY(0); }
                                            40%  { -webkit-transform: translateY(4px); transform: translateY(4px); }
                                            60%  { -webkit-transform: translateY(2px); transform: translateY(2px); }
                                        }
@keyframes bouncedown                   {
                                            0%,
                                            20%,
                                            50%,
                                            80%,
                                            100% { -webkit-transform: translateY(0); transform: translateY(0); }
                                            40%  { -webkit-transform: translateY(4px); transform: translateY(4px); }
                                            60%  { -webkit-transform: translateY(2px); transform: translateY(2px); }
                                        }
.progress-bar.evStart                   { width: 0; -webkit-animation: progress 5s ease-in-out forwards; animation: progress 5s ease-in-out forwards; }
@-webkit-keyframes progress             {
                                            from    { width: 0; }
                                            to      { width: 100%; }
                                        }
@keyframes progress                     {
                                            from    { width: 0; }
                                            to      { width: 100%; }
                                        }

.em-row                                 { border-bottom: 1px solid #ececec; padding-bottom: 15px; margin-bottom: 10px; }
.em-row h2                              { margin: 0 0 5px 0; font-size: 16px; }
.em-row p                               { margin: 0; font-size: 14px; font-weight: 400; line-height: 16px; }  

.table.table tbody tr td.tblCellParty span.interest { background: #8A2BE2; } /* Purple Black Shade */
.table.table tbody tr td.tblCellParty span.interest-mudal { background: #8B008B; }
.table.table tbody tr td.tblCellParty span.interest-principal { background: #00008B; }

.table.table tbody tr td.tblCellParty span.property-transaction { background: #FF4136; } /* Red Shade */
.table.table tbody tr td.tblCellParty span.property-maintenance { background: #85144b;}
.table.table tbody tr td.tblCellParty span.property-rent { background: #FF851B; }
.table.table tbody tr td.tblCellParty span.deposite { background: #cc2931; }

.table.table tbody tr td.tblCellParty span.ucchak-kharcho {  background: #39CCCC; } /* Teal Shade */

.table.table tbody tr td.tblCellParty span.bank-cash-transaction {  background: #865022; } /* Coffee Shade */

.table.table tbody tr td.tblCellParty span.uchinapachina { background: #F012BE; } /* Pink Shade */

.table.table tbody tr td.tblCellParty span.professional { background: #3D9970; } /* Green Shade */

.table.table tbody tr td.tblCellParty span.personal { background: #0074D9; } /* Steel Blue Shade */

table.partyInterestData tbody tr td:nth-last-child(2){ width: 80%;    font-weight: 700; white-space: normal; white-space: -moz-pre-wrap;
                                white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
table.partyInterestData tbody tr td:nth-last-child(2) div{ font-weight: 400; }
table tr.masterTtl table        { width: 100%; }
table tr.masterTtl table tr td  { width: 50% !important; font-size: 14px; font-weight: bold; padding: 0 !important; }
table tr.masterTtl table tr td:first-child
                                { border-right: 1px solid #e9ecef !important; }
table tr.masterTtl table tr.masterTtlRow td  
                                { width: 100% !important; border: 0px !important; padding: 10px 0 0 0 !important; font-size: 16px; }

table.partyTenantDepositData,
table.partyTenantDepositTranc,
table.partyTenantData           { margin-bottom: 0px; width: 100%; }
table.partyTenantDepositData tbody tr td:last-child,
table.partyTenantDepositTranc tbody tr td:last-child,
table.partyTenantData tbody tr td:last-child,
table.partyTenantDepositData .thead-light tr th:last-child,
table.partyTenantDepositTranc .thead-light tr th:last-child,
table.partyTenantData .thead-light tr th:last-child
                                { text-align: right; }
table.partyTenantDepositData tbody tr td:last-child div,
table.partyTenantDepositTranc tbody tr td:last-child div,
table.partyTenantData tbody tr td:last-child div
                                { white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
table.partyTenantDepositTranc span.badge,
table.partyTenantData span.badge{ text-align: left; }

.tox-notification--warning      { display: none !important; }

table td .bigText               { white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; width: 300px; }

.totalCountPay                  { text-align: center; margin-bottom: 25px; background: #f8f9fe; padding: 15px 0; border-radius: 10px; } 
.totalCountPay h2               { font-size: 14px; font-weight: 600; margin: 0; color: #2217b7; }
.totalCountPay p                { margin: 0; font-size: 18px; font-weight: bold; color: #000; }

h2.uchina_p_listTtl             { text-transform: uppercase; color: #000; display: inline-block; border-bottom: 3px solid #000; margin-bottom: 20px; font-weight: 700; }
h2.uchina_p_pName               { font-size: 16px; color: #000; font-weight: 700; margin: 0 0 0 5px; display: inline-block; background: #fff; position: relative; top: 11px; padding: 0 12px 0 5px; } 
.uchina_p_listView .table .thead-light tr th
                                { padding-top: 8px; padding-bottom: 8px; }
.uchina_p_listView .table td div.otherInfo
                                { border: 0px; }
.uchina_p_listView h2.TtlEffect { padding: 3px; font-size: 20px; font-weight: 700; } 
.uchina_p_listView tr.totalCredit td, 
.uchina_p_listView tr.totalDebit td
                                { font-size: 16px; }
.uchina_p_listView .row.uchina_p_pRow
                                { border: 1px solid #6058c7; padding-top: 15px; padding-bottom: 15px; border-radius: 10px; margin-bottom: 15px; }
.uchina_p_listView .row.uchina_p_pRow table
                                { margin: 0; }
                                
                                
                                
                                
.partyNameRoj                   { display: none; border-bottom: 1px solid #e9ecef; margin-bottom: 10px; padding-bottom: 10px; }
.partyNameRoj h2                { font-size: 16px; text-transform: uppercase; color: #000; display: inline-block; border-bottom: 1px solid #000; }
.partyNameRoj h3                { font-size: 14px; color: #000; padding-bottom: 3px; margin: 0; }
.partyNameRoj h3 span           { font-size: 14px; text-transform: uppercase; width: 85px; display: inline-block; }
.partyNameRoj h3 span.properAddress
                                { width: auto; padding-left: 90px; font-weight: normal; text-transform: inherit; font-size: 13px; }
.partyNameRoj h3 span i         { font-style: normal; border-bottom: 1px solid #000; }

.propertyDetails                { border-bottom: 1px solid #e9ecef; margin-bottom: 10px; padding-bottom: 10px; }
.proRojmel p                    { font-size: 13px; font-weight: 500; color: #000; margin: 0; }
.proRojmel p span               { font-weight: 600; }
.proRojmelpartLi                { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e9ecef; padding-bottom: 2px; margin-bottom: 2px; }
.proRojmelpartLi:last-child     { border-bottom: 0px; margin: 0; padding: 0; }
.proRojmelpartLi h2             { font-size: 13px; margin: 0; color: #000; font-weight: 500; }
.proRojmelpartLi p              { font-size: 13px; font-weight: 600; color: #000; margin: 0; }

.otherInfo .rojmelPrin          { font-size: 11px; font-weight: 600; margin: 0 0 3px 0; color: #55006c; }
.lastThree .intSideRec          { display: flex; justify-content: space-between; font-weight: 700 !important; }
.lastThree .intSideRec b        { background: #ddd; color: #fff; padding: 1px 10px; border-radius: 6px; font-weight: 600; width: 75px; text-align: center; }
.lastThree .intSideRec.intr b   { background: #8A2BE2; }
.lastThree .intSideRec.prin b   { background: #00008B; }
body table tr.rowEditTransaction{ background: rgba(255, 193, 7, 0.3); }
body table tr.rowDeleteTransaction
                                { background: rgba(245, 54, 92, 0.3); }
body.interest-add .add-transactionSidebar td .custom-control 
                                { display:none; }


@media print {
  @page                         { margin: 10mm 0 10mm 0; }
  @page:first                   { margin: 0 0 10mm 0; }
  body                          { margin: 1.6cm; }
  
  .partyNameRoj                 { display: block; }
  
  table                         { page-break-inside: auto }
  tr                            { page-break-inside: avoid; page-break-after:auto }
  thead                         { display: table-header-group; }

  body table.table tr th,
  body table.table tr td:last-child,
  body table.table tr td.tblCellParty,
  body table.table tr td.tblCellParty span,
  body table.table tr.totalCredit td,
  body table.table tr.totalDebit td,
  body h2.TtlEffect span        { color: #000 !important; -webkit-print-color-adjust: exact !important; }
  body table.table tr td        { font-weight: 600; }
  body table.table tr th        { font-weight: 700 !important; font-size: 14px;}
  body table.table .thead-light tr
                                { border-bottom: 1px solid #e9ecef; }
  body .leftCredit table.table tbody tr td.tblCellParty span.proAddress,
  body .rightDebit table.table tbody tr td.tblCellParty span.proAddress
                                { display: none; }
  .leftCredit table.table tbody tr td.tblCellParty>span,
  .rightDebit table.table tbody tr td.tblCellParty>span
                                { color: #fff !important; -webkit-print-color-adjust: exact !important; }

}  

/*Media*/
@media (min-width: 767.98px){
.navbar-collapse.menuShowDesc           { position: fixed; top: 60px; bottom: 0px; overflow-y: auto; z-index: 2; width: 100%; max-width: 270px; padding-right: 1.5rem; padding-left: 1.5rem; 
                                        background: rgb(255, 255, 255); box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important; } 
.navbar-collapse.menuShowDesc::-webkit-scrollbar
                                        { width: 0.4em; }
.navbar-collapse.menuShowDesc::-webkit-scrollbar-thumb
                                        { background-color: #e3e5f5; border-radius: 20px !important; }
.navbar-collapse.menuShowDesc::-webkit-scrollbar-track
                                        { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); }
.navbar-collapse.menuShowDesc .nav-link { padding: .65rem 0; position: relative; }
.menu-overlay                           { display: none; background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: fixed; right: 0; top: 0; z-index: 49;
                                        transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
.menu-overlay.op                        { display: block; }
.navbar-collapse.menuShowDesc .nav-link.active:before
                                        { border: 0px; }
}

@media(max-width:1110px){
.main-content .col-lg-8                 { max-width: 100%; }
}
@media(max-width:1060px){
.interest-rate .btn-group               { float: none; width: 100%; margin-bottom: 15px; }
.filter-field select                    { width: 100%; }
.filter-list h4                         { text-align: left; }
}
@media(max-width:1024px){
.topMenuWrapper .col-md-4,
.topMenuWrapper .col-md-8               { max-width: 100%; float: none; flex: unset; }
ul.topHeaderMenu li                     { border-top: 1px solid rgba(255, 255, 255, .1); }
.topMenuWrapper .navbar-brand           { padding: 0 20px; }
.main-content                           { margin-top: 120px;}
a.pageTtl                               { font-size: 24px; display: block !important; font-weight: 900; }
a.pageTtl:after                         { height: 3px; }
.titleBar .container-fluid              { padding: 0 15px !important; }
.titleBar .navbar-search                { margin-left: auto !important; }
.titleBar .navbar-search .form-control  { width: 200px; }
}
@media(max-width:991px){
.transaction-row h4                     { margin-right: 0;width: 100%;text-align: left;margin-bottom: 5px;display: block; }
.select-box                             { width:100%; }
.add-transaction-form, .party-list-view, .view-recent-intrest .table-responsive
                                        { padding: 20px;margin-left: 0;margin-right: 0; }
.add-transactionSection                 { padding: 20px;}
.formFooter                             { margin-left: -20px; margin-right: -20px; }
.col-lg-12 .add-transaction-form .select-box
                                        { width: 100%; }
.partner-owner .repeater                { margin-left: 0; }
ul.topHeaderMenu li a                   { padding: 5px 0; }
.add-transactionSidebar                 { margin-top: 0px; }
.col-lg-4 .add-transaction-form, .col-lg-4 .party-list-view 
                                        { margin-top: 50px;}
}
@media(max-width:767px){
.input-group-text                       { padding: .625rem .75rem .625rem .75rem; }
.navbar-nav li.nav-item:nth-child(odd)  { background-color: #f7f7f7; }
.navbar-collapse li.nav-item.menu-sub-item a.nav-link:after { right:20px; }
.select-box input                       { max-width: 100% !important; }
.add-party-btn button                   { display: inline-block;padding: 10px 20px; }
ul.topHeaderMenu li                     { width: 20%; border-top: 1px solid rgba(255, 255, 255, .1); }
ul.topHeaderMenu li a div.thmenuName    { font-weight: 400; font-size: 11px; width: 100%; padding-top: 0; position: relative; top: 35%; left: 50%; 
                                        transform: translate(-50%, -50%); }
ul.topHeaderMenu li a                   { padding: 5px 0; }
.topMenuWrapper .navbar-brand           { padding: 0 60px 0 0;}
.topMenuWrapper .navbar-brand span.hIncome, .topMenuWrapper .navbar-brand span.hExpense
                                        { padding: 6px 0; font-size: 11px; }
.topMenuWrapper .navbar-brand h2.cahBalance
                                        { font-size: 16px; padding-right: 8px; }
.userThumb                              { position: absolute; top: 12px; right: 0; }
.userThumb .media img                   { width: 30px; }
.navbar.fixed-top                       { position: relative; }
a.pageTtl                               { font-size: 24px; display: block !important; text-align: center; margin: 0 auto; font-weight: 900; }
a.pageTtl:after                         { margin: 0 auto; height: 3px; }
.main-content                           { margin-top: 0px;}
.userThumb .dropdown-menu-right         { right: 12px; }
}
@media(max-width:420px){
.add-party-btn button                   { display: block; width: 80%; margin: 15px auto 0 auto !important; }
.add-party-btn button:first-child       { margin-top: 0 !important; }
a.pageTtl                               { font-size: 18px;  }
a.pageTtl:after                         { margin: 0 auto; height: 2px; }
}