.Neg_Value {
    color: red;
}

.inbox_table {
}

.send_mail_editor {
}

.GL_Green {
    height: 20px;
    width: 20px;
    background-color: green;
    border-radius: 50%;
    margin-left: 5px;
}

.GL_Red {
    height: 20px;
    width: 20px;
    background-color: red;
    border-radius: 50%;
    margin-left: 5px;
}

.Week_End {
    background-color: olivedrab !important;
}

.Bulk_Reversal {
    max-height: 50vh;
    overflow: auto;
}

.attachment_table {
    height: min-content;
}

.comm_group {
    max-height: 60vh;
    overflow: auto;
}

.idAccName {
    grid-column: 3/5;
}

.grid_bank_review {
    grid-template-columns: repeat(7, 1fr);
}

.sheduled_notification_grid {
    grid-template-columns: repeat(2, 1fr);
}

#iwcalendar {
    display: inline-grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
}

#grad_comm_group_name {
    grid-column: 1/4;
}

.grad_name {
    grid-column: 1/3;
}

.grad_comm_grid, .fin_bank {
    grid-template-columns: repeat(4, 1fr);
}

.bank_desc {
    grid-column: 1/5;
}

.calendarLabel .iwlabelcss {
    font-size: 0.9rem;
    border-bottom: 2px solid;
    text-align: center;
}

.CalendarMMYY {
    font-size: 1.5rem;
}

.holiday-description {
    font-size: 0.7rem;
}

.text-red {
    color: red;
}

.text-lightgreen {
    color: lawngreen;
}

.fa_icon {
    position: absolute;
    top: 2rem;
    left: 4.3rem;
    font-size: 2rem;
}

.iwday {
    border-radius: 10px;
    box-shadow: 0 5px 6px rgb(0 0 0);
    height: 5rem;
    padding: 0.2rem;
    width: 6rem;
    background-color: #609F93;
    color: white;
    position: relative;
}

    .iwday.today {
        background-color: #93609F !important;
    }

.holiday {
    background-color: #9F9360;
}

.CalendarModal .modal-dialog {
    max-width: fit-content;
}

.cust-alert-grid {
    grid-template-columns: 1fr 2fr 3fr;
}

/*StockBroking FX Trading Account*/
.Simple_Form_Grid {
    grid-template-columns: 1fr 2fr;
}

.FX_Form_Grid {
    grid-template-columns: repeat(2, 1fr 2fr);
}

/*LoginLayout*/
#loginlayout {
    position: absolute;
    z-index: -1;
    background-image: url(../images/IdiaBG.jpg);
    background-size: cover;
}

/*MainLayout*/
#bodysection {
    position: absolute;
    z-index: -1;
    /*background-image: url(../images/Finance.jpg);*/
    /*filter: opacity(20%);*/
    background-color: #2c5e6f;
    background-size: cover;
    top: 0;
    left: 0;
}

/*CashReceipt*/
.grid-cashReceipt {
    grid-template-columns: min-content auto;
}

.kyc-cashReceipt {
    width: 30em
}

.iwselectListFont {
    font-size: var(--small-font-size);
    font-weight: 500;
}

/*System Parameters*/
.Param-four-frame {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

.param-TextArea {
    height: 30vh !important;
    font-size: 0.8rem;
}

.param-select {
    width: 100% !important;
}

.contentClass {
    max-height: 25vh;
}

    .contentClass .rz-datatable-data td .rz-cell-data .nowrap, .contentClass .rz-grid-table td .rz-cell-data .nowrap {
        white-space: break-spaces;
    }

.Param-Updater {
    min-height: 15vh !important;
}
/*ChangePassword*/
#iwch-changePass, #iwch-updateUser {
    grid-column: 1/3
}

.iwtext-updateUser {
    width: 50px;
}

/*Account Dormancy*/
#iwsel-accDormancy1 {
    grid-column: 2/4
}

#iwsel-accDormancy2 {
    grid-column: 2/4
}

#iwtarea-accDormancy {
    grid-column: 2/4
}

#div-accDormancy {
    grid-column: 2/4
}

/*KYC Compliant*/
.grid-kycComp {
    grid-template-columns: 1fr 1fr 1fr;
}

.kyc-comp {
    border: 4px solid #ff000099;
    border-radius: 6px;
}

.kyc-comp-compliant {
    border-color: #7cfc0099;
}

/*GL Adjustment*/
/*#div-glAdjust{
    width: 5em;
}*/
#grid-glAdjust {
    grid-template-columns: 1fr 2fr 1fr 2fr;
    grid-column-gap: 3em;
}

#iwlab-glAdjust {
    grid-column: 1;
}

#iwtarea-glAdjust {
    grid-column: 2/5;
}

/*Dialog*/
#div-dialog {
    min-width: 15em;
    max-width: 40em;
}

/*CashReviewPost*/
#div-cashRevPost {
    min-height: 100px;
}

/*AccountSetup*/
#div-accSetup {
    grid-template-columns: min-content min-content auto;
}

#iwlab-accSetup, #iwtxt-accSetup, #div-accSetup6 {
    grid-column: 2/4;
}

#iwlab-accSetup2, #p-accSetup, #iwlab-accSetup3, #iwlab-accSetup6 {
    grid-column: 1/3;
}

#div-accSetup2 {
    grid-template-columns: 2fr 3fr min-content 2fr 3fr;
}

#div-accSetup3 {
    border-left: 1px solid var(--mdc-theme-secondary);
    grid-column: 3;
    grid-row: 1/9;
}

#iwtxt-accSetup2, #iwlab-accSetup4, #iwsel-accSetup, #iwtxt-accSetup4 {
    grid-column: 1;
}

#iwch-accSetup, #iwlab-accSetup5, #iwtxt-accSetup3, #div-accSetup4 {
    grid-column: 2;
}

#p-accSetup2 {
    grid-area: 1/4/2/6;
}

#iwch-accSetup2 {
    grid-area: 2/4/3/6;
}

#iwch-accSetup3 {
    grid-area: 3/4/4/6;
}

#iwlab-accSetup7 {
    grid-area: 4/4/5/6;
}

#iwtxt-accSetup5 {
    grid-area: 5/4;
}

#iwlab-accSetup8 {
    grid-area: 6/4;
}

#iwtxt-accSetup6 {
    grid-area: 7/4;
}

#div-accSetup5 {
    grid-area: 7/5;
}

/*AccConfig*/
#div-accConfig {
    grid-template-columns: min-content 1fr 4fr;
}

#iwsel-accConfig, #iwsel-accConfig2 {
    grid-column: 2/4;
}

/*MergeRename*/
#div-merRename {
    grid-template-columns: 1fr 1fr 2fr;
}

.iwlab-merRename {
    grid-column: 1/4;
    text-decoration: underline;
    text-align: center;
}
/*NoDebit*/
#div-noDebit {
    grid-template-columns: 2fr 1fr 3fr;
}

#iwlab-noDebit {
    grid-column: 1/4
}

#iwch-noDebit {
    grid-column: 1/4
}

/*AccCreation*/
#div-accCrea {
    grid-template-columns: 1fr 1fr 1fr;
}

#iwtxt-accCrea, #iwsel-accCrea, #iwsel-accCrea2 {
    grid-column: 2/4;
}

#div-accCrea2 {
    grid-column: 1/4;
}

/*ResetPassword*/
#div-resPwd {
    grid-template-columns: 2fr 3fr;
}

#iwch-resPwd {
    grid-column: 1/3;
}

/*Permissions*/
#div-perm {
    grid-template-columns: 3fr 3fr 8fr;
}

#iwtxt-perm {
    grid-column: 2/4;
}

#iwlab-perm, #div-perm2 {
    grid-column: 1/4;
}

/*IWEqualToggle*/
.equalToggle > i {
    font-family: unset;
}

.containToggle {
    font-size: 0.8rem;
}

/*SecurityGroups*/
#div-secGroup, .custom_editor_table {
    grid-template-columns: 1fr 4fr;
}

/*Receipt Parameters*/
#div-recPar {
    grid-template-columns: 1fr 2fr;
}

/*Fees Configuration*/
#div-feeCon {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#iwlab-feeCon3 {
    grid-column: 1/5;
}

#iwlab-feeCon {
    grid-column: 1;
}

/*Asset Creation*/
#div-assCrea {
    grid-template-columns: 1fr 1fr;
}

#iwlab-assCrea5 {
    grid-column: 1/3;
}

#div-assCrea2, #div-assCrea3 {
    grid-template-columns: 1fr 1fr 2fr;
}

#iwlab-assCrea, #iwlab-assCrea2, #iwlab-assCrea3, #iwlab-assCrea4 {
    grid-column: 1/3;
}

/*Items Creation*/
#div-itemTrans {
    grid-template-columns: 2fr 3fr 5fr;
}

#iwlab-itemTrans, #iwtarea-itemTrans {
    grid-column: 2/4;
}

/*Disposal*/
#div-disp {
    grid-template-columns: 1fr 1fr 1fr;
}

#iwlab-disp, #iwtarea-disp {
    grid-column: 1/4;
}

#iwlab-disp2 {
    grid-column: 1;
}

#iwtarea-disp2 {
    grid-column: 2/4;
}

/*Journal Entries*/
#div-journ {
    grid-template-columns: repeat(4, 1fr)
}

#div-journ2, #iwnum-journ, #iwnum-journ2, #iwnum-journ3 {
    grid-column: 2/5;
}

#div-journ3 {
    grid-template-columns: 1fr 2fr;
}

#div-journ4 {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

#div-journ5 {
    width: 40%;
}

/*Quick Journal Entry*/
#iwacc-journE {
    width: 65%;
}

#iwacc-journE2 {
    width: 35%;
}

#div-journE {
    grid-template-columns: repeat(4, 1fr)
}

#iwlab-journE {
    grid-column: 1;
}

#div-journE3 {
    grid-template-columns: min-content 2fr min-content 2fr min-content 3fr
}

#iwlab-journE2, #iwlab-journE3 {
    grid-column: 4/7;
}

/*Reference Codes*/
#div-refCode {
    grid-template-columns: 1fr 1fr 2fr;
}

/*Recurring Batch*/
#div-recur {
    grid-template-columns: 1fr 1fr 2fr;
}

#iwacc-recur {
    grid-column: 1/3;
}

/*Delete Reversals*/
#div-delRevs {
    grid-template-columns: 2fr 3fr 3fr 2fr;
}

.alert_config {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

@media screen and (min-width:1102px) {
    .unique_per_cust_arrow {
        height: 12vh;
        width: 3vw;
    }
}

@media screen and (min-width:1042px) {
    .unique_per_cust_arrow {
        height: 15vh;
        width: 3vw;
    }
}

@media screen and (max-width:1042px) {
    .unique_per_cust_arrow {
        height: 15vh;
        width: 3vw;
    }
}

@media screen and (max-width:1014px) {
    .unique_per_cust_arrow {
        height: 20vh;
        width: 3vw;
    }
}

.unique_per_cust_arrow {
    border-right: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

#iwlab-delRevs {
    grid-column: 1;
}

/*Aggregation Creation*/
#div-aggCrea {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

#div-NewDirectDebit {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

#inp-NewDirectDebit {
    grid-column: 2/5;
}

#iwtxt-aggCrea, #iwtxt-aggCrea2 {
    grid-column: 2/5;
}

#iwlab-aggCrea, #iwtxt-aggCrea3 {
    grid-column: 3/5;
}

/*Payable*/
#div-payab {
    grid-template-columns: 1fr 1fr 4fr;
}

.Payable_Disbursement {
    max-height: 45vh;
}

.custom_editor_dttable {
    max-height: 50vh;
}

.iwtxt-payab {
    grid-column: 2/4;
}

#div-payab2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}

#div-payab3, #div-payab4, #div-payab5 {
    grid-template-columns: 1fr 1fr 3fr;
}

#iwlab-payab, #iwtxt-payab2 {
    grid-column: 1;
}

/*Disbursements*/
#div-disb {
    grid-template-columns: 1fr 1fr 1fr 3fr;
}

#iwlab-disb, #iwtxt-disb, #iwlab-disb2, #iwtxt-disb2 {
    grid-column: 3/5;
}

/*Fee Disbursements*/
#div-feeDisb {
    grid-template-columns: 1fr 1fr 3fr;
}

#iwlab-feeDisb {
    grid-column: 1;
}

/*Recievable*/
#div-reciv {
    grid-template-columns: 2fr 1fr 3fr;
}

#div-reciv2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}

#iwsel-reciv {
    grid-column: 1;
}

#div-reciv3 {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-reciv4 {
    grid-template-columns: repeat(7, 1fr);
}

#iwdat-reciv {
    grid-column: 1;
}

#div-bala {
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

#div-bala2 {
    grid-template-columns: 1fr 1fr 1fr;
}

/*Blocked Funds*/
#div-block, #div-blocked2 {
    grid-template-columns: repeat(4, 1fr);
}

#iwtxt-blocked, #iwsel-blocked, #iwtarea-blocked {
    grid-column: 2/5;
}

/*Customer Balance*/
#div-custBal {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-custBal2 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*EmailStatement*/
#div-emailSta {
    grid-template-columns: 1fr 2fr;
}

#div-emailSta2 {
    grid-column: 1;
}

#div-emailSta3 {
    grid-template-columns: 1fr 1fr 1fr;
}

#iwlab-emailSta, #iwtxt-emailSta {
    grid-column: 2/4;
}

/*GraphicalAnalysis*/
#div-graphAna, .div-one-two {
    grid-template-columns: 1fr 1fr
}

/*ReturnedCheques*/
#div-retCheq {
    grid-template-columns: min-content 1fr min-content 1fr;
}

#div-retCheq2 {
    grid-template-columns: repeat(6, 1fr);
}

/*StandingOrder*/
#div-standOr {
    grid-template-columns: 2fr 2fr 2fr 3fr;
}

#iwnum-standOr {
    grid-column: 1;
}

#iwlab-standOr, #div-standOr2, #iwtarea-standOr2 {
    grid-column: 2/5;
}

#iwlab-standOr2, #iwtxt-standOr, #iwlab-standOr3, #iwtxt-standOr2 {
    grid-column: 3/5;
}

#iwlab-standOr4, #iwtarea-standOr {
    grid-column: 1/5;
}

/*Cust. Overdrawn*/
#div-custOver {
    grid-template-columns: repeat(4, 1fr);
}

/*Interest Accruals Computation*/
#div-InterestAcc, .pm_CashAccts {
    grid-template-columns: repeat(3, 1fr);
}

/*MonthlyRun*/
#div-monRun {
    grid-template-columns: repeat(4, 1fr);
}

#iwtarea-monRun, #iwtxt-monRun {
    grid-column: 2/5;
}

/*FinYearEndRun*/
#div-finYear {
    grid-template-columns: repeat(3, min-content 1fr);
}

#div-finYear2 {
    grid-template-columns: min-content 1fr 1fr 2fr;
}

/*M2MConfig*/
#div-mconfig {
    grid-template-columns: repeat(4, 1fr);
}

#div-mconfig2 {
    grid-template-columns: 4fr 3fr 4fr;
}

/*M2MCreation*/
#div-mcrea {
    grid-template-columns: repeat(4, 1fr);
}

#iwsel-mcrea {
    grid-column: 2/5;
}

#div-mcrea2 {
    grid-template-columns: 1fr 1fr;
}

#div-mcrea3 {
    grid-template-columns: 1fr 1fr 2fr;
}

#iwlab-mcrea, #iwlab-mcrea2, #iwlab-mcrea3, #iwlab-mcrea4 {
    grid-column: 1/3;
}

/*Ebusiness*/
#div-ebus {
    grid-template-columns: 1fr 3fr;
}

#div-ebus2, #div-ebus3 {
    grid-template-columns: 2fr 3fr;
}

/*ParametersUpdater*/
#div-parup {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*Holidays*/
#div-holi {
    grid-template-columns: 1fr 3fr;
}

/*CapitalMarket*/
#div-cmark {
    grid-template-columns: 1fr 1fr 1fr;
}

/*General (Administration)*/
#div-adGen {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-adGen2, #div-adGen3 {
    grid-template-columns: 1fr 1fr;
}

/*PrimeRates*/
#div-pRate {
    grid-template-columns: 1fr 1fr 1fr;
}

/*MoneyMarket*/
#div-momar {
    grid-template-columns: 1fr 1fr 1fr;
}

/*SystemInfo*/
#div-sysInfo {
    grid-template-columns: min-content 2fr;
    grid-row-gap: 2em;
}

/*IntegrityCheck*/
#div-inte {
    grid-template-columns: 1fr 1fr 1fr;
}

/*Branches*/
#div-adBra {
    grid-template-columns: min-content 1fr 1fr;
}

#iwtarea-adBra {
    grid-column: 2/4;
}

/*Creation (Attributes)*/
#div-attCrea {
    grid-template-columns: 1fr 1fr 1fr;
}

#iwlab-attCrea, #iwtarea-attCrea {
    grid-column: 1/4;
}

/*Tab Creation*/
#div-tabCrea {
    grid-template-columns: 1fr 3fr;
}

/*TabAssignment*/
.sms_template, #div-aler, #div-aler2, #div-aler4 {
    grid-template-columns: 1fr 3fr;
}

.email_template, #div-aler3 {
    grid-template-columns: min-content 3fr;
}

/*ResultCMD*/
#div-rcmd {
    grid-template-columns: 1fr 3fr;
}

#iwlab-rcmd, #iwtarea-rcmd {
    grid-column: 1/3;
}
/*APIEndpoints*/
#div-endP {
    grid-template-columns: 1fr 3fr;
}

#iwlab-endP, #iwtarea-endP {
    grid-column: 1/3;
}

/*HtmlEditor*/
.htmleditor {
    min-height: 300px;
    min-width: 500px;
}
/*SendEmail*/
#container {
    position: relative;
    height: 5rem;
}

#ratio11img {
    height: 100%;
}

.fixw {
    width: 70px;
    min-width: 0px;
}

#icon {
    font-size: 3em;
}

#sendBut {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-transform: capitalize;
    background-color: var(--light-bg);
    color: var(--mdc-theme-secondary);
}

/*Contacts*/
#div-cont {
    grid-template-columns: min-content auto
}

/*NewEmailList*/
#div-newEm {
    grid-template-columns: 1fr 3fr;
}

/*AddUpdateEmails*/
#div-adem {
    grid-template-columns: repeat(3, 1fr 1fr)
}

#iwsel-adem {
    grid-column: 4/7;
}

#iwtxt-adem {
    grid-column: 4/7;
}

/*SendE*/
#div-sendEm {
    grid-template-columns: 1fr 2fr 1fr 3fr;
}

#iwrad-sendEm {
    grid-row: 1/4;
}

#div-sendEm2 {
    grid-column: 2/5;
}

#div-sendEm3 {
    grid-template-columns: min-content 3fr;
}

/*JobBookUnapp*/
#div-unap {
    grid-template-columns: 2fr 3fr 2fr 3fr;
}

#div-unap2 {
    grid-template-columns: repeat(3, 3fr 4fr)
}

#iwacc-unap {
    grid-column: 1/3;
}

#div-unap3 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#div-unap4 {
    grid-template-columns: 1fr 1fr 1fr;
}

/*TradesUpload*/
#div-trup {
    grid-template-columns: repeat(5, 1fr);
}

#div-trup2 {
    grid-template-columns: 1fr 1fr 1fr;
}

/*CsCsRecon*/
#div-cscsr {
    grid-template-columns: 1fr 2fr 1fr 1fr;
}

/*MarginConfig*/
#div-marc {
    grid-template-columns: 2fr 1fr 2fr 1fr;
}

#div-marc2 {
    grid-template-columns: repeat(4, 1fr);
}

/*StockPriceMarkup*/
#div-stkpm {
    grid-template-columns: 1fr 3fr;
}

/*FeeGroups*/
#div-feegr {
    grid-template-columns: 1fr 4fr;
}

/*FeeSetup*/
#div-feese {
    grid-template-columns: repeat(6, 1fr);
}

#iwlab-feese, #iwlab-feese2, #iwlab-feese3, #iwsel-feese, #iwsel-feese2, #iwsel-feese3, #iwtxt-feese {
    grid-column: span 2
}

#iwlab-feese4, #iwlab-feese5, #iwtxt-feese2 {
    grid-column: span 3
}

/*SettAccounts*/
#div-setta {
    grid-template-columns: 1fr 1fr 1fr;
}

#iwsel-setta, #iwsel-setta2 {
    grid-column: span 2;
}

/*STPClient*/
#div-stpc {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

/*Agency*/
#div-agen {
    grid-template-columns: 1fr 2fr 1fr 1fr;
}

/*CertInHand*/
#div-certh {
    grid-template-columns: repeat(6, 1fr);
}

#iwtarea-certh {
    grid-column: span 3;
    grid-row: span 3;
}

/*TradePrepa*/
#div-trase {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-trase2 {
    grid-template-columns: repeat(6, 1fr);
}

#iwlab-trase, #iwtarea-trase {
    grid-column: span 5;
}

/*BudgSetup*/
#div-budse {
    grid-template-columns: repeat(3, 1fr 2fr);
}

/*BudgReview*/
#div-budre {
    grid-template-columns: 1fr 1fr;
}

/*SysParams*/
#div-sysp {
    width: 30%;
}

/*AlgoRules*/
#div-algo {
    grid-template-columns: 1fr 1fr 1fr;
}

/*RuleGroups*/
#div-algoGr {
    grid-template-columns: 1fr 3fr;
}

/*MergeRenPortf*/
#div-merenp {
    grid-template-columns: 1fr 2fr 2fr;
}

/*ContractNotes*/
#div-conno {
    grid-template-columns: 1fr 2fr;
}

/*CustodianTrades*/
#div-custTrade {
    grid-template-columns: repeat(4, 1fr);
}

/*CustodianMapping*/
#div-custodMapp {
    grid-template-columns: 2fr 3fr
}

/*CustodianPFA*/
.div-custoPFA {
    grid-template-columns: min-content 2fr min-content 2fr;
}

/*TradingConfig*/
#div-tradConf {
    grid-template-columns: 1fr 4fr;
}

#div-tradConf2 {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-tradConf3 {
    grid-template-columns: 1fr 1fr 2fr;
}

/*GenerateVars*/
#div-gener {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*MarketLimits*/
#div-marklim {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*M2MReval*/
#div-m2mrev {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*M2MSchedule*/
#div-m2msche {
    grid-template-columns: min-content 3fr 3fr;
}

/*FeeExpense*/
#div-feeEx {
    grid-template-columns: 1fr 1fr 2fr;
}

/*NewOfferIssue*/
#div-newOI {
    grid-template-columns: repeat(3, 2fr 3fr);
}

#iwtxt-newOI, #iwtxt-newOI2 {
    grid-column: 6;
}

/*PublicOfferReturns*/
.div-POR {
    grid-template-columns: min-content 1fr min-content 2fr;
}

#div-pubOR, #div-pubOR3 {
    grid-template-columns: 1fr 1fr 1fr 3fr
}

#div-pubOR2 {
    grid-template-columns: 1fr 5fr;
}

#div-pubOR4 {
    grid-template-columns: repeat(3, 2fr 3fr);
}

/*BonusTxns*/
#div-btxn {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

/*DividendTxns*/
#div-divitx, #div-divitx2 {
    grid-template-columns: repeat(4, 1fr)
}

/*DivTxnPosting*/
#div-smdt {
    grid-template-columns: 1fr 1fr 1fr;
}

/*DivAcctConfig*/
#div-divacct {
    grid-template-columns: 2fr 1fr 3fr;
}

/*QuotedSec*/
#div-quoSec {
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
}

#div-quoSec2 {
    grid-template-columns: min-content 1fr min-content 1fr 1fr min-content 1fr;
}

#div-quoSec3 {
    grid-template-columns: min-content 1fr min-content 1fr;
}

#iwlab-quoSec {
    grid-column: 1;
}

/*CIVFees*/
#div-civfees {
    grid-template-columns: repeat(4, 1fr);
}

/*CIVSubs*/
#div-civsubs {
    grid-template-columns: 2fr 2fr 3fr 2fr;
}

#div-civsubs2 {
    grid-template-columns: 1fr 1fr;
}

/*AccrualDOM*/
#div-accrDom {
    grid-template-columns: 2fr 1fr 2fr;
}

/*WealthMgmt*/
#div-wemgmt {
    grid-template-columns: min-content 2fr 3fr;
}

/*DiscreClients*/
#div-disccli, #div-disccli2 {
    grid-template-columns: 1fr 1fr 1fr
}

/*AssetFeeAccr*/
#div-feeAcc {
    grid-template-columns: min-content 1fr min-content 3fr 1fr 1fr;
}

/*AssetFeeAggr*/
#div-afeeAgg {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*AssetSpecFees*/
#div-specFees {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#div-specFees2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/*AllotNew*/
#div-alloNew {
    grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
}

.allotLeft {
    grid-column: 1;
}

/*PorfoAnaly*/
#div-panal {
    grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
}

/*StkPriceAnaly*/
#div-stkAna {
    grid-template-columns: min-content 1fr;
}

/*StkChartsAnaly*/
.stkChaAn {
    grid-template-columns: min-content 1fr;
}

/*ConstGrowth*/
#div-congrow {
    grid-template-columns: min-content 1fr 0.5em min-content 1fr;
}

    #div-congrow hr {
        border-color: var(--mdc-theme-primary);
        margin: 0px;
    }

/*EquityBeta*/
#div-eqbet {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*BetaChart*/
#div-betcha {
    grid-template-columns: min-content 1fr min-content 1fr min-content auto
}

#div-betcha2 {
    font-size: 0.7em;
}

/*BondPresVal*/
#div-bopres {
    grid-template-columns: min-content 1fr;
}

    #div-bopres hr {
        border-color: var(--mdc-theme-primary);
        margin: 0px;
    }

/*GenerateVAR*/
#div-geneVar {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*InvFund*/
#div-inv, #div-inv2, #div-inv3 {
    grid-template-columns: 1fr 1fr 2fr;
}

#div-inv3 {
    grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr 1fr;
}

#div-inv4 {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-inv5 {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-inv6 {
    grid-template-columns: 2fr 1fr 1fr 2fr 2fr;
}

#div-inv7 {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-inv8 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/*InvMonthlyRun*/
#div-imrb {
    grid-template-columns: 1fr 1fr;
}

/*LiqUpdate*/
#div-liqUpd {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*InvPlace*/
#div-invPla {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-invPla2 {
    grid-template-columns: 1fr 1fr 1fr;
}

/*NewEditPeas*/
#div-nePeas {
    grid-template-columns: 1fr 3fr;
}

#div-nePeas2 {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-nePeas3 {
    grid-template-columns: repeat(5, 1fr);
}

#div-nePeas4 {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-nePeas5 {
    grid-template-columns: repeat(5, 1fr)
}

/*PEASPayment*/
#div-pePay {
    grid-template-columns: min-content 1fr min-content 1fr;
}

#div-pePay2 {
    grid-template-columns: repeat(6, 1fr);
}

#div-pePay3 {
    grid-template-columns: repeat(4, 1fr);
}

/*PEASWithdrawal*/
#div-peWith {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*PeasWithRates*/
#div-peWiRat {
    grid-template-columns: min-content 1fr;
}

/*PeasWhatIf*/
#div-peWhaIf {
    grid-template-columns: 1fr 2fr;
}

/*TBNewBill*/
#div-tbNew {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*TBPurchase*/
#div-tbPur, #div-tbPur2 {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*TB*/
#div-tb, #div-tb2 {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-tb3 {
    grid-template-columns: repeat(7, 1fr);
}

#div-tb4 {
    grid-template-columns: repeat(5, 1fr);
}

/*BondsCreation*/
#div-biCrea {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*BondsPurchase*/
#div-boPur, #div-boPur2 {
    grid-template-columns: min-content 1fr min-content 1fr;
}

#div-boPur3 {
    grid-template-columns: min-content 1fr;
}

/*Bonds*/
#div-bonds {
    grid-template-columns: 1fr 2fr 2fr;
}

#div-bonds2, #div-bonds3, #div-bonds4 {
    grid-template-columns: 1fr 1fr 3fr;
}

#div-bonds5, #div-bonds6 {
    grid-template-columns: repeat(6, 1fr);
}

#div-bonds7 {
    grid-template-columns: repeat(4, 1fr);
}

#div-bonds8 {
    grid-template-columns: repeat(5, 1fr);
}

/*BondsSheet*/
#div-bonShe {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*CounterParty*/
#div-coPar {
    grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
}

#div-coPar2 {
    grid-template-columns: min-content 1fr min-content 1fr 1fr;
}

#div-coPar3 {
    grid-template-columns: min-content 1fr 1fr min-content 1fr;
}

#div-coPar4 {
    grid-template-columns: 1fr 1fr;
}

#div-coPar5 {
    grid-template-columns: min-content auto;
}

#div-coPar6 {
    grid-template-columns: 1fr 1fr 3fr;
}

/*AssetModel*/
#div-assMo {
    grid-template-columns: min-content 1fr;
}

/*CouParLimits*/
#div-coPLi {
    grid-template-columns: min-content 1fr;
}

/*ApprLimit*/
#div-apprLim {
    grid-template-columns: min-content 1fr;
}

/*PGSim*/
#div-pgsim {
    grid-template-columns: min-content 1fr 1fr;
}

#div-pgsim2 {
    grid-template-columns: min-content 1fr;
}

#iwacc-pgsim {
    width: 40%;
}

/*CustToModel*/
#div-custoMod {
    grid-template-columns: min-content 2fr 3fr;
}

/*MFCreation*/
#div-mfcrea, #div-mfcrea2 {
    grid-template-columns: min-content 1fr min-content 1fr;
}

#div-mfcrea3 {
    grid-template-columns: 1fr 1fr 1fr;
}

/*MFGLAccounts*/
#div-mfgl {
    grid-template-columns: repeat(4, 1fr);
}

/*MasDeal*/
#div-masde, #div-masde2, #div-exede {
    grid-template-columns: repeat(3, min-content 1fr);
}

/*EquitiesQS*/
#div-eqqs {
    grid-template-columns: repeat(6, 1fr);
}

/*CashForecast*/
#div-cfore {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*CFGLAssociation*/
#div-cfglas {
    grid-template-columns: repeat(4, 1fr);
}

/*PFASubs*/
#div-pfaSub {
    grid-template-columns: min-content 1fr 1fr;
}

/*CashFundSub*/
#div-caFundS, #div-caFundS3 {
    grid-template-columns: 1fr 1fr 1fr;
}

#div-caFundS2 {
    grid-template-columns: 3fr 3fr 3fr 4fr;
}

/*DocMgmt*/
#div-docMg {
    grid-template-columns: min-content 1fr;
}

/*MMQuotes*/
#div-mmquo {
    grid-template-columns: min-content 1fr;
}

/*MMQuotesAlloc*/
#div-mmqAlloc {
    grid-template-columns: min-content 1fr min-content 1fr;
}

/*Distri*/
#div-distr {
    grid-template-columns: 1fr 1fr 2fr;
}

/*CRMTicket*/
#div-crmt {
    grid-template-columns: min-content 3fr min-content 1fr min-content 1fr;
}

/*CustInfo*/
#div-cuInf {
    grid-template-columns: repeat(5, 1fr);
}

/*PREmployees*/
#div-prEmp {
    grid-template-columns: repeat(5, 1fr);
}

/*PRRules*/
#div-prrules {
    grid-template-columns: 3fr 3fr 4fr;
}

/*PRTaxSchedule*/
#div-prtax {
    grid-template-columns: repeat(4, 1fr);
}

/*HRMComp*/
#div-hrmc {
    grid-template-columns: 3fr 3fr 4fr;
}

/*HRMAppraisals*/
#div-hrmappr, #div-hrmappr2 {
    grid-template-columns: repeat(4, 1fr);
}

#div-hrmappr3 {
    grid-template-columns: 3fr 3fr 4fr;
}

/*NewCommit*/
#div-hrComm {
    grid-template-columns: min-content 2fr min-content 2fr 3fr;
}

/*CommitToEmp*/
#div-comEmp {
    grid-template-columns: min-content auto;
}

#div-comEmp2 {
    grid-template-columns: min-content auto min-content auto;
}

/*Agency*/
#agency-hr {
    border-top: 1px solid var(--mdc-theme-primary);
    margin: 0px;
    width: 100%;
}

/*FileTable*/
.filetable-w-15 > i {
    width: 15px;
}

/*BusIntell*/
#busIntelDiv {
    min-width: 400px;
}

#div2-busIntell {
    min-height: 300px;
}

#div3-busIntell {
    min-width: 450px;
}

#pre-ReportViewer {
    background-color: var(--light-bg);
    padding: 5px;
    border-radius: 5px;
}

/*MFAssetAlloc*/
#div-mfassall {
    grid-template-columns: min-content auto auto auto;
}

/*TBDepoDetails*/
#div-tb-depo {
    grid-template-columns: repeat(7, 1fr);
}

/*BeneficiaryDetails*/
.grid-beneComp {
    grid-template-columns: min-content auto;
}

/*Loans*/
#div-loans-1 {
    grid-template-columns: repeat(5, 1fr) 1fr;
}

#div-loans-2 {
    grid-template-columns: repeat(5, 1fr) 2fr;
}

/*LnAnnuity*/
#div-lnAnnuity {
    grid-template-columns: min-content auto min-content auto 3fr 2fr
}

#div2-lnAnnuity {
    grid-template-columns: min-content auto min-content
}

/*GL Transaction Review*/
#div-gl-trans {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

/*Payment Parameters*/
.pay_param {
    grid-template-columns: 1fr 1fr 2fr;
}

/*Stock Price Update*/
.stock_price_update {
    max-height: 65vh;
}

/*Stock Price Update NASD*/
.stock_price_update_nasd {
    max-height: 75vh;
}

.required {
    color: red;
}

.fee_expense {
    grid-column: 2/4;
}

.fee_expense_fee_type {
    grid-column: 1/4;
}

.fee_expense_fee_type2 {
    grid-column: 1/2;
}

/*Verification Register*/
.verification_register {
    grid-template-columns: repeat(3, min-content 2fr);
}

.verification_register_cert {
    grid-template-columns: 4fr min-content;
}

.cert_table {
    max-height: 30vh;
}

.tbill_new_trans {
    grid-template-columns: 2fr 2fr 4fr
}

.tbill_new_trans_deposit_details {
    grid-template-columns: repeat(8, 1fr);
}

.csd_account {
    grid-column: 1/4;
}

.csd_account_rad {
    grid-row: span 2;
}

.invfund_multilevel_appr {
    font-size: 15px;
}

.invfund_multilevel_appr_neg {
    color: red;
}

.invfund_multilevel_appr_pos {
    color: green;
}

.culture_info {
    color: #11f7ec;
}

.fixed_asset_depre_cal {
    max-height: 55vh;
}

.attributes_table {
    max-height: 40vh;
}

.available_attributes {
    max-height: 60.5vh;
}

.Grouped_attributes {
    max-height: 55.5vh;
}

.verification_register_input {
    grid-template-columns: 2fr 3fr 2fr 3fr 3fr 2fr 3fr;
}

.verification_register_input_lastfrs {
    grid-column: 6/8
}

.verification_register_input_name {
    grid-column: 5/8
}

.verification_register_input_cmts {
    grid-column: 2/8
}

.verification_input_register {
    min-height: min-content;
}

.verification_input_comments {
    grid-template-columns: min-content 1fr;
}

.iwtextarea_comments {
    grid-column: 1/4;
}

.iwtextarea_registrars {
    grid-row: span 2;
}

.Simple_Form_Grid2 {
    grid-template-columns: 1fr 2fr 1fr;
}

.Simple_Form_Grid3 {
    grid-template-columns: 1fr 3fr 1fr;
}

.simple_Minform_Grid {
    grid-template-columns: min-content 1fr min-content;
}

.tile_image {
    border-radius: 3px;
    max-width: 40%;
    max-height: 100%;
    box-shadow: 0 10px 20px rgb(0 0 0);
}

.submenu_image {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
}

/*Inventory - Vendors*/
.inv-vendors {
    grid-template-columns: 1fr 2fr 1fr 3fr;
}

.small-tabs {
    min-height: 50%;
}

.pr_employee_imageloader {
    max-width: 100%;
    grid-row: span 3;
    max-height: 20vh;
}

.data_import {
    max-height: 55vh;
}

.pane_schema {
    width: 40%;
}

.pane_table {
    width: 60%;
}

/*Inventory*/
.sales_info {
    font-weight: 700;
    font-style: italic;
}

.image_list {
    width: 40%;
}

.image_viewer {
    width: 60%;
}

.image_loader {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 5px 6px rgb(0 0 0);
}

.purchase_order {
    grid-template-columns: 1fr 3fr 1fr 2fr;
}

.purchase_order_details {
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 2fr;
}

.customer_order_invoice {
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

.process_quote_invoice {
    grid-template-columns: 1fr 1fr 1fr;
}

.div_shipping_info {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr;
}

.div_one_three {
    grid-template-columns: 1fr 3fr;
}

.div_one_four {
    grid-template-columns: 1fr 4fr;
}

.div_fourones_two {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 2fr;
}

.div_two_four_span {
    grid-column: 2/5;
}

.w-60 {
    width: 60% !important
}

.w-40 {
    width: 40% !important
}

.w-45 {
    width: 45% !important
}

/*Fleet Mgmt*/
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

.mySlides {
    display: none;
}

.numbertext {
    display: block;
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.text {
    display: block;
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(256, 256, 256, 0.5);
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }


.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        background-color: #717171;
    }


.fadeImg {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.div_three_two {
    grid-template-columns: 3fr 2fr;
}

.image_loader2 {
    max-height: 60vh;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 5px 6px rgb(0 0 0);
}

.div_one_two_two {
    grid-template-columns: 1fr 2fr 2fr;
}

.min-one-rep2 {
    grid-template-columns: min-content 1fr min-content 1fr;
}

.div_rTwo_one_two {
    grid-template-columns: repeat(2, 1fr 2fr);
}

.div_rThree_one_two {
    grid-template-columns: repeat(3, 1fr 2fr);
}

.div_rFour_one_two {
    grid-template-columns: repeat(4, 1fr 2fr);
}

.div_span2 {
    grid-column: 2/4
}

.div_span3 {
    grid-column: 1/4
}

.div_span_three {
    grid-column: span 3;
}

.div_span_two {
    grid-column: span 2;
}

.emp_img {
    max-height: 15vh;
    max-width: 100%;
}

.vNUBAN_Table {
    max-height: 60vh;
}

.eod_status_col {
    white-space: normal !important;
}

.twoFA_new_reg {
    grid-template-columns: min-content 2fr;
}

.twoFA_circle {
    height: 24px;
    width: 24px;
    color: white;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: green;
    font-weight: bold;
}

.bg-green {
    background-color: green;
    border-radius: 5px;
}

.bg-grey {
    background-color: grey;
    margin-left: 8px;
    width: 0.5rem;
    border-radius: 5px;
}

.qrcode_auth {
    height: 14rem;
    display: flex;
    justify-content: center;
}



/*Fund Analytics*/
.bloom {
    background: white;
}

    .bloom .info {
        font-size: 1rem;
    }

    .bloom .info2 {
        font-size: 1rem;
    }

    .bloom .nowrap {
        white-space: nowrap;
    }

.bloomLoader {
    color: black;
}

    .bloomLoader > .loader {
        min-height: initial;
        animation: rotation 1s infinite linear;
    }

.stanbic_image_class {
    min-height: 50vh;
    width: 100%;
}

.stanbic_image_div {
    height: 50vh;
}

.store_doc_grid > .rz-datatable > .rz-datatable-scrollable-wrapper {
    max-height: 40vh;
}

.fund_Anly_Table {
    max-height: 40vh;
}

.bloomHeatMap {
    background-size: cover;
    overflow: auto;
    max-height: 53vh;
}

.bloomHeatMapGrid {
    display: inline-grid;
    grid-auto-flow: column;
    gap: 10px;
    grid-template-rows: repeat(8, 1fr);
    background-size: cover;
}

.bloomHeatMap .cell {
    height: 120px;
    color: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 6px rgb(0 0 0);
}

.bloomHeatMap .grid-centered {
    display: grid;
    align-items: center;
}

.bloomHeatMap .sect1 {
    width: 70%;
}

.bloomHeatMap .sect2 {
    height: 40%;
    font-weight: bold;
    font-size: 18px;
}

.bloomHeatMap .sect3 {
    flex-grow: 1;
    font-size: 23px;
}

.bloomHeatMap .sect4 {
    flex-grow: 1;
    text-align: right;
    font-size: 15px;
}

.bloomHeatMap .sect5 {
    font-size: 0.6rem;
}

.bloomListView {
    background-image: url(../images/green-bubbles.jpg);
    background-size: cover;
    min-height: 420px;
    max-height: 55vh;
    overflow: auto;
}

    .bloomListView > table {
        width: 100%;
        border-spacing: 0em 10px;
        border-collapse: separate;
    }

    .bloomListView > h1 {
        color: white;
        font-size: 20px;
        border-bottom: #018786 solid 4px;
        padding-bottom: 8px;
        padding-top: 10px;
    }

    .bloomListView tr {
        background-color: white;
        border: #018786 solid 2px;
        color: black;
        font-size: 22px;
    }

    .bloomListView td {
        border: #018786 solid 2px;
        font-size: 1rem;
    }

        .bloomListView td.noLeftBorder {
            border-left: none;
        }

        .bloomListView td.noRightBorder {
            border-right: none;
        }

    .bloomListView .up {
        color: lawngreen;
    }

    .bloomListView .up-bg {
        background-color: limegreen;
    }

    .bloomListView .down {
        color: red;
    }

    .bloomListView .down-bg {
        background-color: red;
    }

.bloom .up {
    color: lawngreen;
}

.bloom .up-bg {
    background-color: limegreen;
}

.bloom .down {
    color: red;
}

.bloom .down-bg {
    background-color: red;
}

.bloom .info {
    color: var(--colPrimary);
}

.bloom .neut {
    color: gray;
}

.bloom .neut-bg {
    background-color: gray;
}

.select_width {
    width: 100% !important;
}

.fund_Blm_Table {
    max-height: 42vh;
}

.risk_mgmt_text {
    font-weight: bold;
    font-size: 1.1rem;
    padding-bottom: 0.5rem;
}

.w-30 {
    width: 30% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.risk_mgmt_body {
    font-size: 1rem;
}

.minheight-40 {
    min-height: 40vh;
}

.minheight-50 {
    min-height: 50vh !important;
}

.maxheight-55 {
    max-height: 55vh;
}

.maxheight-75 {
    max-height: 75vh;
}

.maxheight-50 {
    max-height: 50vh;
}

.maxheight-45 {
    max-height: 45vh;
}

.maxheight-40 {
    max-height: 40vh;
}

.height-50 {
    height: 50vh !important;
}

.divider {
    height: 3px;
    width: 100%;
    border-radius: 2px;
    background: black;
}

.custom_context_menu {
    font-size: 0.8rem;
}

    .custom_context_menu > .rz-navigation-item > .rz-navigation-item-wrapper > .rz-navigation-item-link {
        padding: 0.5rem 0.3rem;
    }

.fs-7 {
    font-size: 0.8rem;
}

.doc_mgmt {
    width: 40vw;
}

.fs-normal {
    font-size: 1rem;
}

.sign_verify_imageclass {
    width: 40vw;
    height: 50vh;
    overflow: auto;
    display: flex;
    align-items: center;
}

.doc_mgmt_context {
}

.mat-file-upload input[type=file]:disabled {
    color: var(--mdc-theme-text-primary);
    background-color: var(--disabled-color) !important;
}

.acct_off_contact_info {
    grid-template-columns: 1fr 2fr 1fr 2fr 2fr;
}

.min-8rem {
    min-height: 8rem;
}

.min-15rem {
    min-height: 15rem;
}

.w-20 {
    width: 20% !important
}

.w-75 {
    width: 75% !important
}

.kyc_image_div {
    height: 80vh;
}

.bankrecon_header {
    font-size: 0.9rem;
}

.bankrecon_body {
    font-size: 0.8rem;
}

.bankrecon_manual {
    background: yellowgreen;
}

    .bankrecon_manual > td > .rz-cell-data {
        color: white;
    }

.bankrecon_auto {
    background: lightgreen;
}

    .bankrecon_auto > td > .rz-cell-data {
        color: white;
    }

.bg-circle-red, .add_circle, .remove_circle {
    color: white;
}

    .bg-circle-red .material-icons, .add_circle .material-icons, .remove_circle .material-icons {
        background-color: red;
        border-radius: 50%;
        font-size: 20px;
    }

    .bg-circle-red .material-icons, .remove_circle .material-icons {
        background-color: red;
    }

    .add_circle .material-icons {
        background-color: green;
    }

.maxheight-65 {
    max-height: 65vh;
}

.maxheight-63 {
    max-height: 63vh;
}

.crm_left_list {
    min-width: 200px;
    min-height: 300px;
    max-height: 68vh;
}

.maxwidth-50 {
    max-width: 50vw;
}

.minheight-70 {
    min-height: 70vh;
}

.minwidth-50 {
    min-width: 50vw;
}

.fsp-3 {
    font-size: 1.8rem;
}

.fsp-8 {
    font-size: 0.8rem;
}

.fsp-9 {
    font-size: 0.9rem;
}

.no-line:hover {
    text-decoration: none;
}

.grid-S5 {
    grid-template-columns: repeat(5, 1fr)
}

.lien-grid {
    grid-template-columns: min-content 1fr 2fr
}

.trading_Rebate {
    grid-template-columns: min-content 1fr 1fr 2fr
}

.mat-toast-body {
    font-size: 0.9rem;
}

.bg-grey-crossdeal {
    height: 65vh;
}

.buyTxnType {
    background-color: rgba(0, 100, 0, 0.2);
    padding: 2px;
}

.sellTxnType {
    background-color: rgba(255, 0, 0, 0.2);
    padding: 2px;
}

.rowspan6 {
    grid-row: span 6;
}

.w-50 {
    width: 50% !important;
}

.lnSecCol {
    grid-template-columns: 1fr 1fr 2fr 1fr;
}

.lnSecCol2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr;
}

.lnCol {
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}

.div-two-one {
    grid-template-columns: 2fr 1fr;
}

.counter_party {
    grid-template-columns: repeat(4, min-content 1fr);
}

.advHeight {
    max-height: 8rem;
    box-shadow: 0px 5px 5px;
    margin: 0.5rem;
    max-width: 15rem;
}

.service-invoiceorder-table {
    max-height: 10rem;
    overflow: auto;
}

.fit-content {
    height: fit-content;
}

    .fit-content .h3 {
        font-size: 1rem !important;
    }

.rz-html-editor-content {
    min-height: 20rem;
}

.announcement-text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
}

.announcement-container {
    border: 2px solid #018786;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 5px 6px rgb(0 0 0);
}

.noimage-title {
    font-size: 1.5rem;
    background-color: lightgrey;
}

.announcements {
    background-color: lightgrey;
}

.ann-header {
    font-size: 1rem;
    padding: 0px 0px 5px 5px;
    font-weight: bold;
}

.image-wrapper {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .image-wrapper img {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.show-announcement {
    text-decoration: underline;
    margin-right: 2rem;
    color: wheat;
}

.height-auto {
    height: auto;
}

.rz-dropdown-filter,
.rz-dropdown-item {
    font-size: var(--small-font-size) !important;
}

.rz-dropdown-item {
    padding: 0px 10px 1px !important;
}

.rz-dropdown-filter-container {
    padding: 0.2rem 0rem !important;
}

.dragging-line {
    top: 0px;
    left: 0px;
}

.dragging-line-isdragging {
    border-top-color: red;
    border-top-style: solid;
    border-top-width: 2px;
}

.drag-title {
    font-size: 1rem;
}

.draggable-ul {
    list-style-type: none;
    padding-left: 0;
}

.ui-association-grid {
    grid-template-columns: min-content 1fr min-content 1fr min-content 1fr;
}

.submenu-menu-ordering-grid {
    grid-template-columns: 1fr 2fr min-content;
}


.drag-unselected td, .drag-selected td, .drag-selected-left td {
    padding: 0.3rem 0.2rem;
}

.drag-unselected {
}

    .drag-unselected:hover {
        background: lightgreen;
    }

.drag-selected {
    background: green !important;
    box-shadow: 0 2px 0px rgb(0 0 0);
}

.drag-selected-left {
    background: var(--bar-grad-1) !important;
    box-shadow: 0 2px 0px rgb(0 0 0);
}

    .drag-selected .iwlabelcss, .drag-selected-left .iwlabelcss {
        color: white;
    }

.IWTable thead tr .description {
    min-width: 8vw;
}

/*Rewrite this CSS in a cleaner way*/
.rz-grid-table thead th[style="width:150px;text-align:right;"] div .rz-column-title,
.rz-grid-table thead th[style="width:5rem;text-align:right;"] div .rz-column-title,
.rz-datatable-thead th[style="width:150px;text-align:right;"] div .rz-column-title,
.rz-datatable-thead th[style="width:5rem;text-align:right;"] div .rz-column-title {
    justify-content: end;
}

.rz-grid-table thead th[style="width:150px;text-align:center;"] div .rz-column-title,
.rz-grid-table thead th[style="width:250px;text-align:center;"] div .rz-column-title,
.rz-grid-table thead th[style="width:5rem;text-align:center;"] div .rz-column-title,
.rz-datatable-thead th[style="width:150px;text-align:center;"] div .rz-column-title,
.rz-datatable-thead th[style="width:250px;text-align:center;"] div .rz-column-title,
.rz-datatable-thead th[style="width:5rem;text-align:center;"] div .rz-column-title {
    justify-content: center;
}

.rz-chart svg {
    height: 120% !important
}
.date-space {
    margin-bottom:10px; 
    width:60%;
}