@charset "UTF-8";

#summaryLayout {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* flex-wrap: wrap; */
    /*    justify-content:center; */
}
#summaryInner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* align-content:flex-start;
    align-items:stretch; */
}
#summary0 {
    min-width: 200px;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

#summary1 {
    min-width: 250px;
    /* max-width: fit-content; */
    flex: 1;
    padding: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
}
#summary2 {
    flex: 1;
    min-width: 200px;
    /*  max-width: fit-content; */
    padding: 5px;
}
#summary3 {
    flex: 1;
    min-width: 200px;
    /* max-width: fit-content; */
    padding: 5px;
}
#debtorCardWidget {
    max-width: 100%;
    min-width: 550px;
    /* display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; */
    /* align-items:stretch; */
    /* -webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-direction: normal;
-moz-box-orient: horizontal; */
}
#debtorSummaryWidget {
    min-width: 250px;

    /* width: 15vw; */
    /* width:500px; */
    /* min-width: 500px; */
    /* max-width: fit-content; */
    flex: 1;
    transition: all 1s;
}
#nodeForDebtor {
    /* flex: 1; */
    padding: 5px;
    /* width:500px; */
    max-width: fit-content;
    min-width: 500px;
    /* flex:1; */
    /* width: 50%; */
    transition: all 1s;
}
#workspace {
    background: rgb(245, 245, 245);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    height: 100vh;
}

#debtorStackWidget {
    min-width: 30vw;
}
#preferencesWidget {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#preferencesGrid {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dbootstrap .dijitContentPane {
    padding: 5px;
}
#borderContainer {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#instructionsToTrustWidget .dgrid-scroller {
    max-height: 15vh;
    overflow-y: auto;
}
#footer {
    background: #fff;
    height: 10px;
    /*filter: drop-shadow(0 0 0.05rem rgba(30, 30, 30, 0.7));*/
}

#workcardBorderContainer {
    transition: opacity 0.2s ease-in-out;
}
#preferencesWidget {
    overflow: hidden !important;
    min-height: 20vh;
}
#topPane {
    overflow: hidden !important;
    transition: opacity 0.2s ease-in-out;
}
#centerPane {
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    padding: 5px 5px 5px 0px !important;
}
#leftPane {
    width: 45%;
    overflow-x: hidden;
}
#historyWidget, #allTiedHistoryWidget, #invoiceHistoryWidget, #invoiceItemsWidget {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 100%;
    height: 100%;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#historyGrid, #allTiesHistoryGrid, #invoiceHistoryGrid, #invoiceItemsGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#historyGrid .dgrid-scroller,
#allTiesHistoryGrid .dgrid-scroller,
#invoiceHistoryGrid .dgrid-scroller,
#invoiceItemsGrid .dgrid-scroller {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#trustWidget {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 100%;
    height: 100%;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#trustGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#trustGrid .dgrid-scroller {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#invoicesWidget {
    display: block;
    height: 100%;
    max-height: 100%;

}
#invoicesGridWidget {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}
#invoicesGrid {
    height: 100%;
}
#invoicesGrid .dgrid-scroller {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#csTicketsWidget {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    max-height: 100%;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#ticketsGridWidget {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
}
#ticketsGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    height: 60em;
}
#debtorStackWidget {
    max-height: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#workcardBorderContainer {
    max-height: 100%;
    height: 100%;
    width: 100%;
}
#clientServiceWidget {
    max-height: 100%;
    height: 100%;
    width: 94%;
}
#debtorStackContainer {
    max-height: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#addressesGrid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#invoiceGridWrapper {
    max-height: 98%;
    height: 100%;
}
#debtorDocumentsGrid, #debtorDocumentsGridAga, #debtorEmailsGridAga {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 300px;
    height: 300px;
}
.dijitStackContainerChildWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    max-height: 100%;
    height: 100%;
    width: 100%;
    overflow: auto;
}
#addressesWidget {
    max-height: 100%;
    height: 100%;
}
#allTiedInvoicesWidget,
#allTiedInvoicesGrid {
    overflow: none;
}
#allTiedInvoicesWidget .dojoxGridScrollbox,
#allTiedInvoicesWidget .tundra {
    overflow: none;
}
#allTiedInvoicesWidget #orderByContainer > label,
#allTiedInvoicesWidget #orderByContainer > div > label {
    color: black;
    font-weight: bold;
    vertical-align: middle;

}
#allTiedInvoicesWidget #orderByContainer {
    margin: 10px 0;
}
#callsWidget {
    max-height: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
}
#plivoCallsWidget,
#qmoxiCallsWidget,
#eightByEightCallsWidget {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
#plivoCallsWidget {
    padding-bottom: 40px;
}
#firstCallGrid,
#secondCallGrid,
#thirdCallGrid {
    min-height: 20em;
    height: 99%;
    max-height: 99%;
}
#historyGrid .dgrid-row a {
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}
#historyGrid .dgrid-row:hover a {
    color: white;
}
#historyGrid .dgrid-row:hover a:hover {
    color: #fefe22;
}
#debtorDocumentsGrid .dgrid-row a, #debtorDocumentsGridAga .dgrid-row a, #debtorEmailsGridAga .dgrid-row a {
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}
#debtorDocumentsGrid .dgrid-row:hover a, #debtorDocumentsGridAga .dgrid-row:hover a, #debtorEmailsGridAga .dgrid-row:hover a {
    color: #ffffff;
}
#debtorDocumentsGrid .dgrid-row:hover a:hover, #debtorDocumentsGridAga .dgrid-row:hover a:hover, #debtorEmailsGridAga .dgrid-row:hover a:hover {
    color: #ffffff;
}
#invoices8x8Grid .dgrid-row a {
    font-weight: bold;
    transition: color 0.2s ease-in-out;
}
#invoices8x8Grid .dgrid-row:hover a {
    color: #ffffff;
}
#invoiceHistoryWidget, #invoiceItemsWidget {
    height: 200px;
    overflow-y: auto;
}
#invoiceDetailWidget {
    height: 200px;
    overflow-wrap: break-word;
}
#debtorStackWidget .dijitStackController {
    padding-left: 5px;
}
#addressesGrid .subrow2 {
    height: 24px;
}
#addressesGrid .primaryPayer,
#debtorPhoneGrid #debtorPhoneGrid-row-001,
#debtorPhoneGrid #debtorPhoneGrid-row-002 {
    background-color: #dff0d8;
}
#insuranceCompanySelect_popup0 {
    padding: 5px;
}
.tooltip-info {
    transition: 0.2s;
}

.tooltip-info:hover {
    color: #759dc0;
    font-size: 20px;
}

#invoiceLink {
    color: #333;
}
#invoiceLink:hover {
    color: #fff;
    display: block;
}
/*Flex mixins https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Mixins */