/*SAF Sidebar Logo*/
#navbarHeader {
}

.navbar-brand {
    margin: auto;
}

    .navbar-brand img {
        margin: auto;
    }

/** All Pop Up Boxes */
#addStatus_dialog-content,
#addDelMethod_dialog-content,
#addPT_dialog-content,
#addRole_dialog-content,
#addUser_dialog-content,
#addOrg_dialog-content,
#addOrd_dialog-content,
#addInvoice_dialog-content,
#addPayment_dialog-content,
#addTemplate_dialog-content,
#addClient_dialog-content,
#addContact_dialog-content,
#addJur_dialog-content,
#addExpTypes_dialog-content,
#addTaskType_dialog-content,
#addStock_dialog-content,
#addReferralType_dialog-content {
    background-color: #2f2175;
}

/* i might like this shade of purple better: #2f2175  old color - 201557*/

.e-cc-contentdiv {
    background-color: #fff;
}

.e-dlg-content h3 {
    color: #c0c0c4;
}

.e-dlg-content form {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(218,218,218,1) 47%, rgba(214,214,214,1) 100%);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

    .e-dlg-content form > div {
        padding: 5px;
    }

.modal-footer {
    border-top: solid #000 1px;
    grid-column: 2 / 4;
    justify-self: center;
    margin-top: 25px;
}

    .modal-footer .button-container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
    }

    .modal-footer .button-row {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    .modal-footer .checkbox-wrapper {
        margin-bottom: 5px;
    }

#ordSave,
#invSave {
    grid-column: 1;
    grid-row: 2;
}

#ordCancel,
#invCancel {
    grid-column: 2;
    grid-row: 2;
}

/**Order Page*/
#modNote {
    color: #ff0000;
}


#orderAlert {
    grid-row: 1;
    grid-column: 1 / 5;
    position: relative;
}

    #orderAlert button {
        border: none;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        position: absolute;
        left: 820px;
        font: fontawesome;
        content: "\f0f3";
        box-shadow: none;
    }

    #orderAlert textarea {
        color: red;
        font-weight: bold;
    }

#orderDate {
    grid-row: 2;
    grid-column: 1;
}

#orderDeadline {
    grid-row: 2;
    grid-column: 2;
}

#orderOverrides {
    grid-row: 2;
    grid-column: 3;
    align-self: start;
    display: grid;
    row-gap: 10px;
}

#orderJurOverride {
    grid-row: 2;
}

#orderTaskOverride {
    grid-row: 3;
}

#orderStatus {
    grid-row: 2;
    grid-column: 4;
    padding-left: 25px;
}



#orderSubjectAdd {
    grid-row: 3;
    grid-column: 1 / 5;
    align-self: start;
    display: grid;
    /* grid-template-columns:3fr 3fr 1fr;*/
}

    #orderSubjectAdd label {
        grid-column: 1 / 5;
        justify-self: center;
        font-weight: bold;
    }

    #orderSubjectAdd button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        max-width: 40%;
        content: "\f1b9";
    }

#orderSubjectContainer {
    grid-row: 4;
    grid-column: 1 / 5;
    align-self: start;
    /* grid-template-columns:3fr 3fr 1fr;*/
}

.e-acrdn-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-left: 50px;
    grid-row-gap: 15px;
}

.e-acrdn-header-content {
    max-width: 90%;
}

#headerText {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#orderSubjects {
    grid-row: 1;
    grid-column: 1 / 13;
    position: relative;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

    #orderSubjects div {
        grid-column: 1 / 10;
    }

    #orderSubjects button {
        border: none;
        border-radius: 6px;
        bottom: 10px;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f1b9";
        align-self: end;
        grid-row: 1;
        grid-column: 12;
    }

#orderSubJur {
    grid-row: 2;
    grid-column: 1 / 13;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid
}

    #orderSubJur span {
        grid-column: 1 / 10 !important;
    }

    #orderSubJur button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        content: "\f1b9";
        align-self: center;
        grid-column: 9;
    }

    #orderSubJur a {
        grid-column: 2 / 9;
        grid-row-end: auto;
        padding: 5px;
    }

#orderSubTasks {
    grid-column: 1 / 10;
    position: relative;
}

#orderAsOf {
    grid-column: 1 / 3;
    padding-top: 15px;
    grid-row-end: auto;
}


#orderResults {
    grid-column: 3 / 10;
    padding-top: 15px;
    grid-row-end: auto;
    padding-left: 15px;
}


#orderClient {
    grid-row: 5;
    grid-column: 1 / 3;
    position: relative;
    margin: 0;
    display: grid;
    grid-template-columns: 11fr 1fr;
}

    #orderClient button {
        border: none;
        border-radius: 6px;
        position: absolute;
        bottom: 10px;
        right: 0;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f1b9";
    }

#orderContact {
    grid-row: 5;
    grid-column: 3 / 5;
    padding-left: 25px;
    align-self: start;
    column-gap: 10px;
    position: relative;
    display: grid;
    grid-template-columns: 11fr 1fr;
}

    #orderContact button {
        border: none;
        border-radius: 6px;
        position: absolute;
        bottom: 10px;
        right: 0;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f1b9";
    }

#orderRefNbr {
    grid-row: 6;
    grid-column: 1 / 3;
}

#orderInstructions {
    grid-row: 6;
    grid-column: 3 / 5;
    padding-left: 25px;
}

#orderJur {
    grid-row: 7;
    grid-column: 1 / 3;
    row-gap: 10px;
    display: grid;
    grid-template-columns: 11fr 1fr;
}

    #orderJur button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        max-width: 40%;
        content: "\f1b9";
    }

#orderTasks {
    grid-row: 7;
    grid-column: 3 / 5;
    position: relative;
    row-gap: 10px;
    padding-left: 25px;
}


#orderExpenses {
    grid-row: 8;
    grid-column: 1 / 3;
    align-self: start;
    column-gap: 10px;
    row-gap: 10px;
    padding-left: 25px;
    display: grid;
    grid-template-columns: 8fr 3fr 1fr;
}

    #orderExpenses label {
        grid-column: 1 / 4;
        justify-self: center;
        font-weight: bold;
    }

    #orderExpenses button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        max-width: 40%;
        content: "\f1b9";
    }

    #orderExpenses span {
        max-height: 31px;
    }

#orderFeeContainer {
    grid-row: 8;
    grid-column: 3 / 5;
    align-self: start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 25px;
}

#orderFeeOverride {
    align-self: center;
    grid-column: 1;
    grid-row: 1;
}

#orderServiceFeeTotal {
    grid-column: 2;
    grid-row: 1;
}

#orderExpensesTotal {
    grid-column: 2;
    grid-row: 2;
}

#orderTotalCharge {
    grid-column: 2;
    grid-row: 3;
}

/*#orderDM {
    align-self: end;
    margin-left: auto;
    margin-right: 5px;
    grid-column: 3;
    grid-row: 2;
}
*/

#addOrd_dialog-content .modal-footer {
    grid-row: 9;
}

/**Configure Email Page*/
#emailContact {
    grid-column: 1/4;
    grid-row: 1;
}

#emailSub {
    grid-column: 1/4;
    grid-row: 2;
}

#emailBody {
    grid-column: 1/5;
    grid-row: 3;
}

    #emailBody .multiline {
        height: 200px;
    }

/*ENTITIES (OK TO MOVE UNDER CLIENTS)*/
#RACGen {
    display: grid;
    padding: 5px;
    column-gap: 10px;
    row-gap: 5px;
    min-height: 300px;
}

#RACDocTab {
    display: grid;
    justify-content: center;
    padding: 5px;
    column-gap: 5px;
    min-height: 300px;
}
    #RACDocTab button {
        margin: 4px; 
        background-color: #1861ac;
        /*border: none;*/
        border-color: #1861ac;
        border-radius: 6px;
        bottom: 10px;
        max-height: 31px;
        font: fontawesome;
        color: #fff;
        font-size: 14px;
        max-width: 380px;
    }

#RACAgent {
    grid-row: 1;
    grid-column: 1;
}

#RACFileNbr {
    grid-row: 1;
    grid-column: 2;
}

#RACSosNbr {
    grid-row: 1;
    grid-column: 3;
}

#RACEntity {
    grid-row: 2;
    grid-column: 1;
}

#RACFormDate {
    grid-row: 2;
    grid-column: 2;
}

#RACEntSt {
    grid-row: 2;
    grid-column: 3;
}

#RACLegStat {
    grid-row: 3;
    grid-column: 1;
}

#RACLSAO {
    grid-row: 3;
    grid-column: 2;
}

#RACBilling {
    grid-row: 3;
    grid-column: 3;
}

#RACPrimaryContact {
    grid-row: 4;
    grid-column: 1;
}

#RACBillingContact {
    grid-row: 4;
    grid-column: 2;
}

#RACFees {
    grid-row: 4;
    grid-column: 3;
}

/**Invoice Page*/
#invoiceDate {
    grid-column: 1 / 3;
    grid-row: 2;
}

#invoiceClient {
    grid-column: 1 / 5;
    grid-row: 1;
}

#invoiceContact {
    column-gap: 10px;
    grid-column: 3 / 5;
    position: relative;
    grid-row: 2;
    display: grid;
    grid-template-columns: 11fr 1fr;
}

    #invoiceContact button {
        border: none;
        border-radius: 6px;
        position: absolute;
        bottom: 4px;
        right: 0;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f1b9";
    }

#invoiceOrder {
    grid-column: 1 / 4;
    grid-row: 3;
}

#invoiceFees {
    align-self: end;
    grid-column: 4;
    grid-row: 3;
    justify-self: start;
    padding: 0;
    padding-left: 10px;
}

#invoiceExpenses {
    align-self: end;
    grid-column: 4;
    grid-row: 4;
    justify-self: start;
    padding: 0;
    padding-left: 10px;
}

#invoiceAmt {
    align-self: end;
    grid-column: 4;
    grid-row: 5;
    justify-self: start;
    padding: 0;
    padding-left: 10px;
}

#invoiceCom {
    grid-column: 1 / 5;
    grid-row: 6 / 8;
}

#invoiceStat {
    grid-column: 1 / 5;
    grid-row: 8;
}

#addInvoice_dialog-content .modal-footer {
    grid-row: 9;
}

/**Payment Page**/
#payDate {
    grid-column: 4;
    grid-row: 1;
}

#payClient {
    grid-column: 1 / 4;
    grid-row: 1;
}

#payType {
    grid-column: 1;
    grid-row: 2;
}

#payTypeInfo {
    grid-column: 2 / 4;
    grid-row: 2;
}

#payAmnt {
    grid-column: 4;
    grid-row: 2;
}

#payCom {
    grid-column: 1 / 5;
    grid-row: 3;
}

#payInv {
    grid-column: 1 / 3;
    grid-row: 4;
}

/**Client Page*/
#addClient_dialog-content {
}

    #addClient_dialog-content form {
        display: block;
        height: 90%;
    }

.e-tab {
    display: block;
}

#generalTab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 5px;
    row-gap: 5px;
}

#clientStatus {
    grid-column: 4;
    grid-row: 1;
}

#clientType {
    grid-column: 4;
    grid-row: 2;
}

#clientName {
    grid-column: 1 / 5;
    grid-row: 3;
}

#clientAdd1 {
    grid-column: 1 / 5;
    grid-row: 4;
}

#clientAdd2 {
    grid-column: 1 / 5;
    grid-row: 5;
}

#clientCity {
    grid-column: 1 / 3;
    grid-row: 6;
}

#clientState {
    grid-column: 3;
    grid-row: 6;
}

#clientZip {
    grid-column: 4;
    grid-row: 6;
}

#clientPhone {
    grid-column: 1 / 3;
    grid-row: 7;
}

#clientFax {
    grid-column: 3 / 5;
    grid-row: 7;
}

#clientWeb {
    grid-column: 1 / 5;
    grid-row: 8;
}

#clientBillingOffice {
    grid-column: 1 / 3;
    grid-row: 9;
}


#clientPmtTerms {
    align-self: start;
    grid-column: 4;
    grid-row: 9;
}

#clientRefType {
    grid-column: 1 / 3;
    grid-row: 10;
}

#clientRefDetails {
    grid-column: 3 / 5;
    grid-row: 10;
}

#clientAlert {
    display: flex;
    flex-direction: row-reverse;
    grid-column: 1/5;
    grid-row: 1;
}

    #clientAlert button {
        border: none;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f0f3";
        box-shadow: none;
        position: relative;
    }

    #clientAlert textarea {
        color: red;
        font-weight: bold;
    }


#clientDelivery {
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 5;
    grid-row: 10;
    grid-template-columns: repeat(3, 1fr);
    justify-items: start;
    padding-top: 15px;
}

    #clientDelivery label {
        font-weight: bold;
    }


#clientFees {
    grid-row: 7;
    grid-column: 1 / 3;
    align-self: start;
    column-gap: 10px;
    row-gap: 10px;
    padding-left: 25px;
    display: grid;
    grid-template-columns: 8fr 3fr 1fr;
}

    #clientFees label {
        grid-column: 1 / 4;
        justify-self: center;
        font-weight: bold;
    }

    #clientFees button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        max-width: 40%;
        content: "\f1b9";
    }

    #clientFees span {
        max-height: 31px;
    }


#clientExpenses {
    grid-row: 8;
    grid-column: 1 / 3;
    align-self: start;
    column-gap: 10px;
    row-gap: 10px;
    padding-left: 25px;
    display: grid;
    grid-template-columns: 8fr 3fr 1fr;
}

    #clientExpenses label {
        grid-column: 1 / 4;
        justify-self: center;
        font-weight: bold;
    }

    #clientExpenses button {
        border: none;
        border-radius: 6px;
        background-color: transparent;
        color: dimgray;
        font: fontawesome;
        max-height: 31px;
        max-width: 40%;
        content: "\f1b9";
    }

    #clientExpenses span {
        max-height: 31px;
    }

#clientStocks {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 100%;
    overflow-x: auto;
}

#stockVoting {
    grid-column: 1 / 4;
    grid-row: 2;
}

#stockType {
    align-self: center;
    grid-column: 1;
    grid-row: 1;
}

#stockShares {
    grid-column: 2;
    grid-row: 1;
}

#stockValue {
    grid-column: 3;
    grid-row: 1;
}
#stockPar {
    grid-column: 4;
    grid-row: 1;
}

#addClient_dialog-content .modal-footer {
    grid-row: 12;
}

/** Contact Page*/
#contClient {
    grid-column: 1 / 5;
    grid-row: 3;
}

#contPrefix {
    grid-column: 1 / 2;
    grid-row: 4;
}

#contFirst {
    grid-column: 2 / 3;
    grid-row: 4;
}

#contLast {
    grid-column: 3 / 5;
    grid-row: 4;
}

#contTitle {
    grid-column: 1 / 3;
    grid-row: 5;
}

#contStat {
    grid-column: 4;
    grid-row: 2;
}

#contPhone {
    grid-column: 1 / 3;
    grid-row: 6;
}

#contExt {
    grid-column: 3 / 5;
    grid-row: 6;
}

#contEmail {
    grid-column: 3/ 5;
    grid-row: 5;
}

#contFax {
    grid-column: 1 / 3;
    grid-row: 7;
}

#contAlert {
    grid-column: 1 / 5;
    grid-row: 1;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

    #contAlert button {
        border: none;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        position: absolute;
        font: fontawesome;
        content: "\f0f3";
        box-shadow: none;
    }

    #contAlert textarea {
        color: red;
        font-weight: bold;
    }

#contRoles {
    grid-column: 1 / 3;
    grid-row: 8;
}

#addContact_dialog-content .modal-footer {
    grid-row: 9;
}

/**Jurisdictions Page*/
#addJur_dialog-content {
}

    #addJur_dialog-content form {
        display: block;
        min-height: 90%;
    }

.e-tab {
    display: block;
}

#jurGenTab,
#jurTaskTab {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 5px;
    row-gap: 5px;
}

#ClientContacts {
    display: flex;
    flex-direction: column;
    gap: 10px; /* space between contact rows */
}

.contact-row {
    display: flex;
    flex-direction: row;
    gap: 10px; /* space between fields in a row */
    flex-wrap: nowrap;
    align-items: flex-start;
}

.contact-col {
    flex: 1;
    min-width: 0; /* helps prevent overflow */
}

#jurisdictionStatus {
    grid-column: 4;
    grid-row: 2;
}

#Jurisdiction {
    grid-column: 1 / 5;
    grid-row: 3;
}

#jurAdd1 {
    grid-column: 1 / 5;
    grid-row: 4;
}

#jurAdd2 {
    grid-column: 1 / 5;
    grid-row: 5;
}

#jurCity {
    grid-column: 1 / 3;
    grid-row: 6;
}

#jurState {
    grid-column: 3;
    grid-row: 6;
}

#jurZip {
    grid-column: 4 / 5;
    grid-row: 6;
}

#jurPhone {
    grid-column: 1 / 3;
    grid-row: 7;
}

#jurFax {
    grid-column: 3 / 5;
    grid-row: 7;
}

#jurWeb {
    grid-column: 1 / 3;
    grid-row: 8;
}

#jurCom {
    grid-column: 1 / 5;
    grid-row: 1;
    display: flex;
    flex-direction: row-reverse;
}

    #jurCom button {
        border: none;
        background-color: transparent;
        max-height: 31px;
        color: dimgray;
        font: fontawesome;
        content: "\f0f3";
        box-shadow: none;
    }

    #jurCom textarea {
        color: red;
        font-weight: bold;
    }

#jurTasks {
    align-items: end;
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 5;
    grid-row: 1;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 15px;
    row-gap: 10px;
}

    #jurTasks label {
        grid-column: 1 / 3;
        justify-self: center;
        font-weight: bold;
    }

    #jurTasks div label {
        font-weight: normal;
    }

    #jurTasks div {
        max-width: 98%;
    }

#addJur_dialog-content .modal-footer {
    grid-row: 10;
}

/*Template Page*/
#tempFileCont {
    display: flex;
    flex-direction: column;
    grid-row: 1;
    grid-column: 1/3;
}

#tempStatMsg {
    padding-top: 10px;
}

#tempCheck {
    grid-row: 1;
    grid-column: 4;
}

#tempName {
    grid-row: 3;
    grid-column: 1/5;
}

#addTemplate_dialog-content .modal-footer {
    grid-row: 4;
}

#expEnabled {
    align-self: center;
    grid-column: 4;
    grid-row: 1;
}

#expType {
    grid-column: 1 / 4;
    grid-row: 1;
}

#expApplies {
    grid-column: 1/3;
    grid-row: 2;
}

#ttEnabled {
    align-self: center;
    grid-column: 4;
    grid-row: 1;
}

#ttType {
    grid-column: 1 / 4;
    grid-row: 1;
}

#ttFee {
    grid-column: 1 / 4;
    grid-row: 2;
}

#ttApplies {
    grid-column: 1/3;
    grid-row: 3;
}

/* To change background color */
.e-toast-container .e-toast {
    background-color: #d3def2;
}

    .e-toast-container .e-toast:hover {
        background-color: #b0bcd1
    }


/*PRINT FORMS*/
#PrintClientHead {
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 3;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
}

#PrintOrderClient {
    font-size: 14pt;
}

#PrintPageTitle {
    text-align: center;
    font: italic;
    font-size: 18pt;
    font-weight: bold;
}

#PrintOrderReference {
    padding-left: 100px;
    font-size: 14pt;
}

#PrintOrderSubjHead {
    -webkit-print-color-adjust: exact !important;
    background-color: dimgray;
    color: white;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-left: 8px;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


#PrintOrderSubj {
    -webkit-print-color-adjust: exact !important;
    background-color: darkgray;
    color: white;
    padding-top: 8px;
    padding-bottom: 1px;
    padding-left: 8px;
    border: none;
}

#PrintOrderContent {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    font-size: 14pt;
}

#PrintOrderScribbleAreaOuter {
    margin: 0 auto;
}

#PrintOrderScribbleArea {
    height: 260px;
    margin-left: 8px;
    background-color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-color: black;
    border: none;
    border-radius: 10px;
}

#PrintOrderFooter {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

/*for InvoicePrint*/
#PrintLogo {
    height: 200px;
    width: 200px;
}

    #PrintLogo img {
        max-width: 100%;
    }

#PrintInvoiceHeaderDetails {
    position: absolute;
    right: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#PrintInvoiceHeaderDetailsLeft {
    font-size: 14pt;
    text-align: right;
    padding-right: 12px;
}

#PrintInvoiceHeaderDetailsRight {
    font-size: 14pt;
}

#PrintInvoiceOrderContainer {
    border-radius: 10px;
    border: solid thin;
    break-inside: avoid;
}

#PrintInvoiceOrderResults {
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 12px;
    font-size: 14pt;
}

#PrintInvoiceOrderResultsContent {
    padding-top: 0px;
    padding-bottom: 8px;
    padding-left: 36px;
    font-size: 14pt;
}

#PrintInvoiceOrderDetails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#PrintInvoiceOrderDetailsLeft {
    font-size: 14pt;
    text-align: right;
    padding-right: 12px;
}

#PrintInvoiceOrderDetailsRight {
    font-size: 14pt;
}

#PrintInvoiceRemittanceDetails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#PrintInvoiceRemitTo {
    font-size: 14pt;
}

#PrintInvoiceRemittanceAmounts {
    position: absolute;
    bottom: 0px;
    right: 0;
    font-size: 14pt;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#PrintInvoiceRemittanceAmountsLeft {
    text-align: right;
    padding-right: 12px;
}

#PrintInvoiceRemittanceAmountsRight {
}

/*for StatementPrint*/
#PrintStmtHeader {
    -webkit-print-color-adjust: exact !important;
    background-color: dimgray;
    color: white;
    font-size: 14pt;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 8px;
    border: none;
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 4;
    grid-template-columns: 150px 150px 700px 150px;
    row-gap: 10px;
}

#PrintStmtContent {
    font-size: 14pt;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 8px;
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 4;
    grid-template-columns: 150px 150px 700px 150px;
    row-gap: 10px;
}

#PrintStmtSummary {
    -webkit-print-color-adjust: exact !important;
    background-color: lightgray;
    color: black;
    font-size: 14pt;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 8px;
    border: none;
    column-gap: 5px;
    display: grid;
    grid-column: 1 / 4;
    grid-template-columns: 150px 150px 700px 150px;
    row-gap: 10px;
}

/* New Content - integrate with rest of CSS later */

#addOrg {
}

#organizationStatus {
    grid-column: 4;
    grid-row: 1;
}

#orgTab {
    grid-column: 1/5;
    grid-row: 2;
}

#orgGenTab,
#orgEmailTab,
#orgVariablesTab {
    display: grid;
    column-gap: 5px;
    row-gap: 5px;
    grid-column: 1/5;
    grid-row: 15;
}

#organizationName {
    grid-column: 1/5;
    grid-row: 1;
}

#organizationTagline {
    grid-column: 1/5;
    grid-row: 2;
}

#organizationAdd1 {
    grid-column: 1/5;
    grid-row: 3;
}

#organizationAdd2 {
    grid-column: 1/5;
    grid-row: 4;
}

#organizationCity {
    grid-column: 1;
    grid-row: 5;
}

#organizationState {
    grid-column: 2;
    grid-row: 5;
}

#organizationZip {
    grid-column: 3;
    grid-row: 5;
}

#organizationPhone {
    grid-column: 1/3;
    grid-row: 6;
}

#organizationFax {
    grid-column: 3/5;
    grid-row: 6;
}

#organizationWeb {
    grid-column: 1/5;
    grid-row: 7;
}

#organizationCom {
    grid-column: 1/5;
    grid-row: 8;
}

#organizationLfn {
    grid-column: 1/3;
    grid-row: 9;
}

#organizationTc {
    grid-column: 3/5;
    grid-row: 9;
}

#organizationPc {
    grid-column: 1/3;
    grid-row: 10;
}

#organizationPtc {
    grid-column: 3/5;
    grid-row: 10;
}

#organizationSc {
    grid-column: 1/3;
    grid-row: 11;
}

#organizationStc {
    grid-column: 3/5;
    grid-row: 11;
}


#organizationNon {
    grid-column: 1/3;
    grid-row: 12;
}

#organizationNin {
    grid-column: 3/5;
    grid-row: 12;
}

#organizationNpn {
    grid-column: 1/3;
    grid-row: 13;
}

#organizationRlt {
    grid-column: 3/5;
    grid-row: 13;
}

#organizationIff {
    grid-column: 1/3;
    grid-row: 14;
}

#addOrg .modal-footer {
    grid-row: 3;
}

#userStatus {
    grid-column: 4;
    grid-row: 1;
}

#userOrg {
    grid-column: 1/5;
    grid-row: 2;
}

#userFirstName {
    grid-column: 1/3;
    grid-row: 3;
}

#userLastName {
    grid-column: 3/5;
    grid-row: 3;
}

#userEmail {
    grid-column: 1/3;
    grid-row: 4;
}

#userPhone {
    grid-column: 3/5;
    grid-row: 4;
}

#addUser .modal-footer {
    grid-row: 5;
}

#roleVisibility {
    align-self: center;
    justify-self: center;
}

#roleTitle {
    grid-column: 3/5;
}

#paymentType {
    grid-column: 1/3;
    grid-row: 1;
}

#paymentInfo {
    grid-column: 3/5;
    grid-row: 1;
}

#addPT .modal-footer {
    grid-row: 2;
}

#deliveryVisibility {
    align-self: center;
    justify-self: center;
}

#delMethodName {
    grid-column: 3/5;
}

#statusName {
    grid-column: 1;
    grid-row: 2;
}

#statusDesc {
    grid-column: 2/5;
    grid-row: 2
}

#statusEntity {
    grid-column: 1;
    grid-row: 1;
}