@import "../../node_modules/dojox/grid/resources/Grid.css";
@import "../../node_modules/dojox/grid/resources/tundraGrid.css";

/* otherwise workcard may be invisible! */
#borderContainer {
    height: 100vh;
    width: 100vw;
    padding: 0px;
    margin: 0px;
}

/* default stack grid slightly larger */
#historyGrid > .dgrid-scroller {
    overflow-y: scroll !important;
    margin-top: 22px !important;
}
#allTiesHistoryGrid .dgrid-scroller,
#trustGrid .dgrid-scroller,
#invoiceHistoryGrid .dgrid-scroller,
#invoiceItemsGrid .dgrid-scroller {
    overflow-y: scroll !important;
}

#dell17InvoiceGrid .dgrid-scroller {
    max-height: 30em;
    overflow-x: hidden;
    overflow-y: visible;
}
#addressesGrid .dgrid-scroller {
    /* max-height: 24em; */
    overflow-x: hidden;
    overflow-y: visible;
}
#invoicesGrid .dgrid-scroller {
    overflow-y: scroll;
}
#ticketsGrid .dgrid-scroller {
    overflow-y: scroll;
}
#internalTicketsGrid .dgrid-scroller {
    overflow-y: scroll;
}
#dsgDetail.smallInvoiceGrid .dgrid-scroller {
    max-height: 20em;
    overflow-x: hidden;
    overflow-y: visible;
}
#dsgDetail.mediumInvoiceGrid .dgrid-scroller,
#clientNotesGrid .dgrid-scroller {
    max-height: 30em;
    overflow-x: hidden;
    overflow-y: visible;
}

#firstCallGrid .dgrid-scroller,
#secondCallGrid .dgrid-scroller,
#thirdCallGrid .dgrid-scroller {
    overflow-y: scroll;
}
#achGrid .dgrid-scroller,
#rchGrid .dgrid-scroller {
    max-height: 15em;
    overflow-x: hidden;
    overflow-y: visible;
}

.reminderDialog .dgrid {
    height: 4em;
}

#addressesWidget {
    /* height: 45em; */
    height: 100%;
}

/* autosize grid to size of memo/it/and phones and remove scrollbar */
.DebtorUpdateSingleCellGridWidget .dgrid,
.DebtorPhoneWidget .dgrid,
#instructionsToTrustGrid {
    height: auto;
}
.DebtorUpdateSingleCellGridWidget .dgrid-scroller,
.DebtorPhoneWidget .dgrid .dgrid-scroller {
    position: relative;
    overflow: visible;
    margin-top: 22px !important;
}
/* remove gap where scroll bar would be */
.DebtorUpdateSingleCellGridWidget .dgrid-header,
.DebtorPhoneWidget .dgrid-header {
    right: 0px;
    height: auto !important;
}
/* show full height empty memo cell */
.DebtorUpdateSingleCellGridWidget .dgrid-row-table,
.DebtorPhoneWidget .dgrid-row-table {
    min-height: 21px;
    max-height: 156px;
}

/* Debtor phone widget styles */
.DebtorPhoneWidget a.clicktocall:hover {   
    color: #fff !important;
}
.DebtorPhoneWidget .dgrid-column-phone:hover a.clicktocall {
    color: #fff !important;
}
.DebtorPhoneWidget a.clicktocall {
    color: #08c !important;
}


/* spacing between widgets */
#debtorMemoWidget,
#debtorUpdateWorkcardWidget {
    margin-top: 10px;
}
#accountNotes {
    margin-top: 5px;
}
/* spacing between widgets */
#instructionsToTrustGrid {
    margin-bottom: 10px;
}

.margin-top {
    margin-top: 7.2px;
}

/* worcard widget spacing and alignment */
div.box {
    margin: 0 1% 0% 0;
    float: left;
    clear: none;
    width: 23.5%;
    height: 100%;
}

#invoiceSelectionGrid .dgrid-column-paid {
    width: 150px;
}
#invoiceSelectionGridUDA .dgrid-column-newAmount {
    width: 150px;
}
.dgrid-column-invoiceCheck,
.dgrid-column-documentCheck,
.dgrid-column-plivoCallCheck,
.dgrid-column-qmoxiCallCheck,
.dgrid-column-tiedAccountCheck {
    width: 30px;
}

#individualColumnsSelector .dgrid-column-client,
#tiedCrsAccountsSelection .dgrid-column-client,
#viewDailyTrustGrid .dgrid-column-debtorNumber,
#clientNotesGrid .dgrid-column-debtorNumber,
#tiedAccountsSelection .dgrid-column-debtorNumber,
#tiedCrsAccountsSelection .dgrid-column-debtorNumber,
#promisesGrid .dgrid-column-id {
    width: 70px;
}
#tiedAccountsSelection .dgrid-column-name {
    width: 120px;
}
.dgrid-column-assignDate { 
    width: 120px;
}
#promisesGrid .dgrid-column-promiseDate {
    width: 12%;
}
.dgrid-column-clientReference,
.dgrid-column-hangup {
    width: 97px;
}
.dgrid-column-assignAmount,
#promisesGrid .dgrid-column-invoiceAmount,
#promisesGrid .dgrid-column-promiseAmount {
    width: 92px;
    text-align: right;
}
 .dgrid-column-totalDue {
    text-align: right;
}
.dgrid-column-call_duration {
    width: 100px;
}
.dgrid-column-start_time {
    width: 117px;
}
.dgrid-column-phone {
    width: 125px;
}

#debtorPhoneWidget .dgrid-column-country_code {
    width: 8%;
}

#debtorPhoneWidget .dgrid-column-phone,
#debtorPhoneWidget .dgrid-column-id {
    width: 20%;
}

#achGrid .dgrid-column-id,
#rchGrid .dgrid-column-id {
    width: 10%;
}

#clientServiceWidget i {
    padding: 5px;
}

#geClientServiceWidget i {
    padding: 5px;
}

#historyGrid .dgrid-column-notes,
#historallTiesHistoryGridyGrid .dgrid-column-notes {
    word-wrap: break-word;
}

/* column widths */
.dgrid-column-touched {
    width: 16px;
}

#preferencesGrid .dgrid-footer {
    width: calc(100% - 23px) !important;
}

/* #allTiesHistoryGrid .dgrid-column-user {
    width: 10%;
}
#allTiesHistoryGrid .dgrid-column-date {
    width: 100px;
}
#allTiesHistoryGrid .dgrid-column-debtorNo {
    width: 80px;
} */

.liveVoxWidgetClientInfo {
    margin-right:5px; 
    font-size: 12px; 
    font-weight: 600; 
    padding: 15px;
}

.dgrid-column-amount,
.dgrid-column-commission,
.dgrid-column-due,
.dgrid-column-size,
.dgrid-column-balance,
.dgrid-column-checkAmount,
.dgrid-column-std_cost,
.dgrid-column-assigned,
.dgrid-column-trust_code,
.dgrid-column-checkRouting,
.dgrid-column-checkAccount,
.dgrid-column-totalAssignAmount,
.dgrid-column-totalReceivedAmount,
.dgrid-column-totalPrincipalDue,
.dgrid-column-totalOtherDue,
.dgrid-column-totalInterestDue,
.dgrid-column-totalTotalDue,
.dgrid-column-promise_amount {
    text-align: right;
}

#addressesGrid .field-seq,
#addressesGrid .field-state {
    width: 4%;
}
#addressesGrid .field-taxid {
    width: 10%;
}
#addressesGrid .field-manta,
#addressesGrid .field-bbb,
#addressesGrid .field-google {
    width: 6%;
}
#addressesGrid .field-country {
    width: 5%;
}
#addressesGrid .field-name {
    width: 24%;
}
#addressesGrid .field-address1,
#addressesGrid .field-address2 {
    width: 19%;
}
#addressesGrid .field-email {
    width: 24%;
}
#addressesGrid .field-statement,
#addresses .field-dunningLetter {
    width: 10%;
}
#clientNotesGrid {
    margin-bottom: 15px;
}
/* For document upload box */
.shadeBox {
    border-radius: 4px 4px 4px 4px;
    padding: 2px 4px 4px;
    border: 1px solid #e4e4e4;
}
/* To hide the browse button on drag and drop upload forms */
#myForm span.dijit {
    display: none;
}
#myForm {
    height: 25em;
    margin-top: 10px;
}
#uploaderDiv pre {
    background-color: transparent;
    border: 0px;
    font-size: 100%;
    white-space: pre-wrap;
}

div[data-dojo-attach-point] {
    vertical-align: top;
    font-weight: bold;
}

.right {
    text-align: right;
}

#callWarning .dijitDialogPaneContent {
    font-weight: normal;
    font-size: 21px;
    line-height: 30px;
}

#tieLabel.tied,
#tieValue.tied {
    border-color: red;
    border: 2px;
}

#subscriptionsGrid .icon-large,
#notificationsGrid .icon-large,
#rescheduleGrid .icon-large,
#achGrid .icon-large,
#promisesGrid .icon-large,
#tieGroupAccountsGrid .icon-large,
#historyGrid .icon-large,
#debtorDocumentsGrid .icon-large,
#debtorDocumentsGridAga .icon-large,
#subscriptionGrid.icon-remove,
#invoiceHistoryGrid .icon-large,
#invoiceItemsGrid .icon-large {
    color: red;
}
#debtorDocumentsGrid .restore-document .icon-large {
    color: green;
}
.remove-subscription,
.remove-notification,
.remove-promise,
.remove-tie,
.remove-note,
.remove-document,
.restore-document,
.generate-receipt,
.remove-invoice-note,
.remove-invoice-item {
    text-align: center;
    padding: 0.5em !important;
}
.remove-subscription .icon-trash,
.remove-notification .icon-trash,
.remove-promise .icon-trash,
.remove-tie .icon-trash,
.remove-note .icon-trash,
.remove-document .icon-trash,
.restore-document .icon-refresh,
.remove-invoice-note .icon-trash,
.remove-invoice-item .icon-trash {
    font-size: 15px;
    cursor: pointer;
}

#rchGrid .icon-large {
    color: green;
}

.generate-receipt .iconToolbar-file-pdf-solid {
    font-size: 20px;
    cursor: pointer;
}

div[id^="remove_"]:hover {
    cursor: pointer;
}

div[id^="remove_"]:hover .icon-remove {
    color: #ff0000;
    font-size: 12px;
}

/* Helpers */
.hide {
    display: none;
}
.text-center {
    text-align: center;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.simple-dialog-content {
    margin: 20px 15px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
}

.dialog-buttons {
    border-top: 1px solid #eee;
    margin: 5px 0px;
    padding-top: 15px;
}
#addressesGrid td[colspan] {
    border: 1px solid #ddd !important;
}

.flag-country-name {
    margin-top: 1px;
    font-size: 11px;
    vertical-align: text-bottom;
}
.select2-selection__choice__removes {
    vertical-align: text-bottom !important;
    margin-right: 6px !important;
}
.flag {
    margin-top: 4px;
}

.icon-spinner:before {
    animation: rotation 2s infinite linear;
}
.p-left2 {
    padding-left: 2px !important;
}
.p-left5 {
    padding-left: 5px !important;
}
.p-left7 {
    padding-left: 7px !important;
}
.p-right5 {
    padding-right: 5px !important;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

#drillDownInvoicesGrid {
    width: 100%;
    min-height: 600px;
}

.loading_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #eee;
    text-align: center;
    padding-top: 100px;
    font-size: 16px;
    z-index: 1;
}

.dojoxGridSummarySpan {
    font-weight: 700;
}

/** Pagination navigation overrides **/
.dgrid-first,
.dgrid-previous,
.dgrid-next,
.dgrid-last {
    visibility: hidden;
    position: relative;
}

.dgrid-first:after,
.dgrid-previous:after,
.dgrid-next:after,
.dgrid-last:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}
.dgrid-first:after {
    content: "First";
    left: -65px;
}
.dgrid-previous:after {
    content: "Previous";
    left: -45px;
}
.dgrid-next:after {
    content: "Next";
    left: -35px;
}
.dgrid-last:after {
    content: "Last";
    left: -15px;
}
.dgrid-pagination-links {
    margin-right: 45px;
}
.dgrid-navigation .dgrid-page-link {
    font-weight: normal;
    font-size: 10.5px;
    line-height: 1;
}
.dgrid-pagination select {
    margin-top: 2px;
}

#debtorClientMemoWidget,
#debtorPhoneWidget,
#debtorMemoWidget {
    margin-bottom: 2px;
}

#debtorSummaryWidget fieldset {
    padding: 10px;
    margin-bottom: 5px;
}
/* Notes count lines widget */
#accountNotesWidget {
    margin-bottom: 5px;
}
#notesCharactersWidget {
    font-size: 11px;
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 10px;
}
#notesCharactersWidget.valid {
    color: #333;
}

#notesCharactersWidget.invalid {
    color: #ff0000;
}

.action_dialog .dijitDialogPaneContent {
    width: 80em !important;
}

#deskBacklogGrid .dgrid-cell.dgrid-selected {
    background-color: #a7dafa !important;
}

#courtInvoicesGrid{
    min-height: 60px;
}

.legal-icon {
    font-weight: 100;
    font-size: 15px;
    padding: 5px 4px 5px 55px;
    line-height: 15px;
    display: inline;
    vertical-align: middle;
    background-image: url(legal-icon.jpg);
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 0 0.2rem #ffffff);
}

.percentageSymbol {
    padding: 5px;
    font-size: 14px;
    font-weight: 900;
    color: #555555;
}

*:focus {
    outline: 0 !important;
}


#transaction8x8FieldSetNode fieldset.no-data,
#appliedPaymentsNoData fieldset.no-data {
    letter-spacing: normal;
    color: #aaa;
    text-align: center;
}

#noDebtor {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#noDebtor fieldset.no-data{
    font-size: initial;
    font-weight: bold;
    font-family: system-ui;
    color: #aaa;
    text-align: center;
    letter-spacing: normal;
    line-height: normal;
    min-width: 320px;
}

div[id^="dijit_ConfirmDialog_"] .dijitDialogTitle {
    font-size: 18px !important;
}

.disabledCell {
    pointer-events: none;
    cursor: pointer !important;
    color: rgb(161,161,161);
    text-decoration: line-through;
    /* cursor: not-allowed; */
}

.restrictedCall {
    cursor: default !important;
    color: rgb(161,161,161);
    text-decoration: line-through;
}

#transaction8x8TabsNode .dijitContentPane {
    width: calc(100% - 4px) !important;
    height: 95% !important;
    min-height: 400px !important;
}
#transaction8x8TabsNode .dijitTabPaneWrapper {
    width: calc(100% - 5px) !important;
    height: 100% !important;
}
#transaction8x8TabsNode .dijitTabContainerTopChildWrapper {
    height: 100% !important;
}
#gridTransactionsNode,
#gridAppliedPaymentNode {
    width: calc(100% - 7px) !important;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden !important;
    height: 35vh !important;
    max-height: 90%;
}
#details8x8TransactionNode {
    width: calc(100% - 5px) !important;
    height: 90% !important;
}

#transaction8x8GridWrapper,
#transactions8x8GridWidget {
    height: 100%;
}
#invoices8x8Grid {
    height: 100%;
    width: 100% !important;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden !important;
    min-height: 20vh;
    max-height: 90%;
}
#transaction8x8Wrapper,
#agaEmailsWrapper,
#documentsAgaWrapper,
#invoicesWrapper {
    height: 98%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden !important;
}
#agaEmailsGridWrapper,
#documentsAgaGridWrapper {
    max-height: 98%;
    height: 100%;
}
#transactions8x8Widget,
#emailsWidgetAga,
#documentsWidgetAga {
    display: block;
    height: 100%;
    max-height: 100%;
}
#agaEmailsGridWidget,
#agaDocumentsGridWidget {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}
#agaEmailDetailWidget {
    overflow-y: auto;
}
#emailFieldSetNode fieldset {
    width: auto !important;
}
#agaEmailsGrid,
#debtorDocumentsGridAga {
    height: 100%;
    width: 100% !important;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden !important;
    max-height: 90%;
}
#agaEmailsGrid .dgrid-scroller,
#debtorDocumentsGridAga .dgrid-scroller {
    overflow-y: scroll !important;
    margin-top: 22px !important;
}
#attachments ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#email-content iframe {
    width: 100%;
    height: 100%;
    min-height: 300px;
    border: none;
    background-color: #ffffff;
}
.email-attachment-icon {
    filter: drop-shadow(0 0 0.2rem #ffffff);
    font-size: 17px;
    margin-top: 4px;
}
#debtorDetailNode {
    font-weight: bold;
}
#debtorDetailFieldSetNode fieldset.no-data {
    letter-spacing: normal;
    color: #aaa;
    text-align: center;
}
#displayTimer {
    width: 100%;
    font-size: 35px;
    text-align: center;
    margin: 0px auto;
}
.timerButtonsDiv {
    text-align: center;
}
.timerButtons {
    border: 1px solid #bbb;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    padding: 10px 14px 10px 14px;
    margin: 0.2em;
    vertical-align: middle;
    text-align: center;
}
#startTimer {
    background: #4CAF50;
}
#stopTimer {
    background: #f44336;
}
#saveTimer {
    background: #2196F3;
}

#costCenterGrid .dgrid-scroller, #addresses8x8Grid .dgrid-scroller {
    overflow-y: scroll;
    margin-top: 22px !important;
}
#recordingButtonGroup {
    margin: auto;
    text-align: center;
}
#recordingButtonGroup .dijitButton .dijitButtonNode {
    padding: 0px 10px 2px 10px !important;
}
#recordingButtonGroup .dijitButton {
    margin: 0 !important;
}
#recordingButtonGroup .icon-pause, #recordingButtonGroup .icon-play {
    font-size: 8px;
}
#debtorMemoGrid .dgrid-scroller, #debtorClientMemoGrid .dgrid-scroller {
    overflow-y: hidden;
    margin-top: 0 !important;
}
#debtorMemoGrid .dojoxGridHeader, #debtorClientMemoGrid .dojoxGridHeader {
    display: none;
}
#debtorMemoGrid .dgrid-header-hidden, #debtorClientMemoGrid .dgrid-header-hidden {
    height: 0 !important;
}
#internalMemo_pane, #clientMemo_pane{
    padding: 2px;
}

#internalMemo_titleBarNode, #clientMemo_titleBarNode {
    color: #333 !important;
    padding: 3px !important;
    background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #dfdbd3), color-stop(1, #d6d1c6));
    background-image: -webkit-linear-gradient(center top, #dfdbd3 0%, #d6d1c6 100%);
    background-image: -moz-linear-gradient(center top, #dfdbd3 0%, #d6d1c6 100%);
    background-image: -o-linear-gradient(center top, #dfdbd3 0%, #d6d1c6 100%);
    background-image: -ms-linear-gradient(center top, #dfdbd3 0%, #d6d1c6 100%);
    background-image: linear-gradient(center top, #dfdbd3 0%, #d6d1c6 100%);
}

.dgrid-column-emailSubscription,
.dgrid-column-voiceblastSubscription,
.dgrid-column-smsSubscription {
    text-align: center !important;
    font-weight: bold;
}

.dgrid-column-emailOptOut,
.dgrid-column-voiceblastOptOut,
.dgrid-column-smsOptOut {
    text-align: center !important;
    font-weight: bold;
}

#invoiceSelectionGridUDA .field-field-newAmount {
    width: 120px;
}

.alignTextLeftMiddle {
    text-align: left;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    line-height: 25px;
    padding-left: 20px;
}

#emailAutomationValue {
    color: white;
    text-align: center;
}

#debtorCardWidget fieldset.workcardMessages {
    background-image: linear-gradient(#f5f5f5, #f5f5f5);
    font-weight: bold;
    color: #ffa500;
    text-align: right;
    width: auto;
}

.disputeModeFields {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #fdffca), color-stop(1, #fff)) !important;
    background-image: -webkit-linear-gradient(left, #fdffca 0%, #fff 100%) !important;
    background-image: -moz-linear-gradient(left, #fdffca 0%, #fff 100%) !important;
    background-image: -o-linear-gradient(left, #fdffca 0%, #fff 100%) !important;
    background-image: -ms-linear-gradient(left, #fdffca 0%, #fff 100%) !important;
    background-image: linear-gradient(left, #fdffca 0%, #fff 100%) !important;
}

.cashAppModeFields {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #caffca), color-stop(1, #fff)) !important;
    background-image: -webkit-linear-gradient(left, #caffca 0%, #fff 100%) !important;
    background-image: -moz-linear-gradient(left, #caffca 0%, #fff 100%) !important;
    background-image: -o-linear-gradient(left, #caffca 0%, #fff 100%) !important;
    background-image: -ms-linear-gradient(left, #caffca 0%, #fff 100%) !important;
    background-image: linear-gradient(left, #caffca 0%, #fff 100%) !important;
}

.creditModeFields {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffcfca), color-stop(1, #fff)) !important;
    background-image: -webkit-linear-gradient(left, #ffcfca 0%, #fff 100%) !important;
    background-image: -moz-linear-gradient(left, #ffcfca 0%, #fff 100%) !important;
    background-image: -o-linear-gradient(left, #ffcfca 0%, #fff 100%) !important;
    background-image: -ms-linear-gradient(left, #ffcfca 0%, #fff 100%) !important;
    background-image: linear-gradient(left, #ffcfca 0%, #fff 100%) !important;
}

.collectionModeFields {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #e7f0fe), color-stop(1, #fff)) !important;
    background-image: -webkit-linear-gradient(left, #e7f0fe 0%, #fff 100%) !important;
    background-image: -moz-linear-gradient(left, #e7f0fe 0%, #fff 100%) !important;
    background-image: -o-linear-gradient(left, #e7f0fe 0%, #fff 100%) !important;
    background-image: -ms-linear-gradient(left, #e7f0fe 0%, #fff 100%) !important;
    background-image: linear-gradient(left, #e7f0fe 0%, #fff 100%) !important;
}

.loading {
    pointer-events: none !important;
}

.loading::after {
    content: 'Generating...';
    font-size: 10px;
    color: #ffffff;
    display: block;
}

#halfFeeValue, #name2Value {
    overflow: hidden;
    text-overflow: ellipsis;
}