body { background-color: #d0d0d0;} div[ui-view]{ height: 100%; } .theme-wrapper { height: 100%; } .am-nosidebar-left .am-top-header .navbar-header .navbar-brand { background-image: url("../img/logo-150x40.png"); width: 150px; } .am-top-header .navbar-collapse { padding: 0;} .am-top-header .navbar-collapse .am-user-nav > li.dropdown > a .user-name { display: initial; } .am-top-header .navbar-collapse .am-user-nav .avatar i { font-size: 28px; vertical-align: middle; } .am-top-header .navbar-collapse .navbar-nav > li.dropdown > a .fa-angle-down { font-size: 18px; margin-left: 5px;} .documentgrid { clear: both; } .documentgrid .class { font-weight: bold;} .documentgrid small { color: #aaaaaa; font-size: 80%; } .documentgrid .icon-container .icon{ padding: 20px 17px; } .documentgrid .icon-container .icon .fa-fw{ font-size: 50px;} .documentgrid .icon-container .action-container { position: absolute; position: absolute; top: 90px; right: 30px; font-size: 0; } .documentgrid .icon-container .action-container > span { font-size: 15px; cursor: pointer;} .status { margin-bottom: 5px; margin-top: 6px; font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: -1px; font-size: 28px; line-height: 36px; padding-left: 15px; padding-right: 15px; } .pre { white-space: pre-wrap; word-break: normal; } .widget > .widget-head .tools small {height: 22px; color: #aaaaaa;} .widget > .widget-head .tools .fa { margin-left: 5px; color: #aaaaaa;} .panel > .panel-heading .tools small {height: 22px; color: #aaaaaa;} .panel > .panel-heading .tools .fa { display: inline-block; margin-left: 5px; font-size: 21px; line-height: 28px; vertical-align: middle; cursor: pointer; } .panel-body.full-width {padding-left: 0; padding-right: 0;} .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-notifications .am-scroller > .content > ul > li > a .logo .fa, .am-top-header .navbar-collapse .am-icons-nav > li.dropdown .am-messages .am-scroller > .content > ul > li > a .logo .fa { font-size: 25px; color: #979595; line-height: 36px; } .table > tbody > tr > td {vertical-align: top; } .table-compact thead tr th { padding-left: 10px; padding-right: 25px; vertical-align: top; } .table-compact tbody tr td { padding: 5px; vertical-align: top; } .widget.widget-compact { padding: 10px; margin-bottom: 15px; } .progress-timeline { display: inline-block } .progress-timeline a {color: #aaaaaa; padding: 12px 5px 10px 30px; margin-right:5px; background:#efefef; position:relative; display:inline-block; height: 60px;vertical-align: bottom;} .progress-timeline a div { height: 38px; display: table-cell; vertical-align: middle;} .progress-timeline a:before {width:0px; height:0px; border-top: 30px inset transparent; border-bottom: 30px inset transparent; border-left: 20px solid #fff; position: absolute; content: ""; top: 0; left: 0;} .progress-timeline a:after {width:0px; height:0px; border-top: 30px inset transparent; border-bottom: 30px inset transparent; border-left: 20px solid #efefef; position: absolute; content: ""; top: 0; right: -20px; z-index:2;} .progress-timeline a:first-child:before {border:none;} .progress-timeline a:nth-last-child(2):after { border: none; } .progress-timeline a:last-child:before { border: none; } .progress-timeline a:last-child:after {border:none;} .progress-timeline a:last-child { border-radius: 4px 4px 4px 4px; padding-right: 30px; } .progress-timeline a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; padding-left: 15px;} .progress-timeline a:nth-last-child(2) { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; padding-right: 15px; } .progress-timeline .badge {margin:0 5px 0 18px; position:relative; top:-1px;} .progress-timeline a:first-child .badge {margin-left:0;} .progress-timeline .done {background:#cccccc; color:#fff;} .progress-timeline .done:after {border-left-color:#cccccc;} .progress-timeline .current {background:#1e336e; color:#fff;} .progress-timeline .current:after {border-left-color:#1e336e;} .input-sm {padding-left: 8px; padding-right: 8px; } select.input-sm {height: 33px; } .input-group { padding: 0; margin-top: 0;} .input-group-addon { padding-left: 8px; padding-right: 8px; } .form-horizontal .form-group { padding: 5px 0; } .datetimepicker { padding: 0; margin-top: 0; } .switch-button { margin-top: 5px;} /* dl {} dl dt { font-size: 12px; font-weight: normal; } dl dd { font-size: 15px; font-weight: bold; margin-left: 5px; margin-bottom: 5px;} */ .form-custom .form-group .control-label.mandatory { font-weight: bold; } .form-custom .form-group .control-label.mandatory:after { content:" *"; } .form-custom .form-group .control-label.row-label { font-weight: bold; } .form-custom {} .form-custom .form-group { margin-bottom: 0; } .form-custom .form-group .form-control { padding-left: 5px; padding-right: 5px; } .form-custom .form-group .control-label { font-size: 12px; text-align: right; margin-bottom: 0; padding-top: 9px;} .form-custom .form-group.form-actions { margin: 20px 0;} .form-custom .am-checkbox, .am-radio {padding: 6px 0 5px 0;} .row-compact {margin-left: -5px; margin-right: -5px; } .row-compact .col-xs-1, .row-compact .col-sm-1, .row-compact .col-md-1, .row-compact .col-lg-1, .row-compact .col-xs-2, .row-compact .col-sm-2, .row-compact .col-md-2, .row-compact .col-lg-2, .row-compact .col-xs-3, .row-compact .col-sm-3, .row-compact .col-md-3, .row-compact .col-lg-3, .row-compact .col-xs-4, .row-compact .col-sm-4, .row-compact .col-md-4, .row-compact .col-lg-4, .row-compact .col-xs-5, .row-compact .col-sm-5, .row-compact .col-md-5, .row-compact .col-lg-5, .row-compact .col-xs-6, .row-compact .col-sm-6, .row-compact .col-md-6, .row-compact .col-lg-6, .row-compact .col-xs-7, .row-compact .col-sm-7, .row-compact .col-md-7, .row-compact .col-lg-7, .row-compact .col-xs-8, .row-compact .col-sm-8, .row-compact .col-md-8, .row-compact .col-lg-8, .row-compact .col-xs-9, .row-compact .col-sm-9, .row-compact .col-md-9, .row-compact .col-lg-9, .row-compact .col-xs-10, .row-compact .col-sm-10, .row-compact .col-md-10, .row-compact .col-lg-10, .row-compact .col-xs-11, .row-compact .col-sm-11, .row-compact .col-md-11, .row-compact .col-lg-11, .row-compact .col-xs-12, .row-compact .col-sm-12, .row-compact .col-md-12, .row-compact .col-lg-12 { padding-left: 5px; padding-right: 5px; } .form-custom .select2-container--default .select2-selection--single {height: 33px; } .form-custom .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 5px 5px; height: 33px; font-size: 12px; } .form-custom .select2-container--default .select2-selection--single .select2-selection__arrow {height: 33px; } .form-custom .select2-container--default .select2-selection--single .select2-selection__arrow b:after {line-height: 33px; } .panel-group.accordion { margin-bottom: 20px; } .transactionlist tr.transaction {} .transactionlist tr.transaction-detail { } .transactionlist tr.transaction-detail td { border-top: none; } table.applicationlist thead tr th:nth-child(1){ width: 15%; } table.applicationlist thead tr th:nth-child(2){ width: 15%; } table.applicationlist thead tr th:nth-child(3){ width: 15%; } table.applicationlist thead tr th:nth-child(4){ width: 10%; } table.applicationlist thead tr th:nth-child(5){ width: 10%; } table.applicationlist thead tr th:nth-child(6){ width: 10%; } table.applicationlist thead tr th:nth-child(7){ width: 10%; } .cd-horizontal-timeline .events ol { list-style-type: none; } .cd-horizontal-timeline ul.cd-timeline-navigation { list-style-type: none; } .cd-horizontal-timeline .events-content ol { list-style-type: none; } .cd-horizontal-timeline .events-wrapper::before { background-image: none; } .cd-horizontal-timeline .events-wrapper::after{ background-image: none; } .panel { margin-bottom: 20px; } .main-content { padding-left: 0; padding-right: 0; padding-top: 20px; overflow-x: hidden; } .am-nosidebar-left .am-content { margin-left: auto; margin-right: auto; } .am-wrapper { padding-top: 0; } .row-inner { margin-left: 0; margin-right: 0; } .table.table-align-top > tbody > tr > td { vertical-align: top; } .table > tbody > tr > td small { color: #999999; } .accordion.accordion-arrow {} .accordion.accordion-arrow a {} .accordion.accordion-arrow a i.fa-angle-right {display: none;} .accordion.accordion-arrow a i.fa-angle-down {display: inline;} .accordion.accordion-arrow a.collapsed i.fa-angle-right { display: inline; } .accordion.accordion-arrow a.collapsed i.fa-angle-down { display: none; } ul.filelist { list-style-type: none; margin: 0; padding: 0;} ul.filelist li {margin: 10px 0; padding: 0; } ul.filelist li:first-child {margin-top: 5px;} ul.filelist li:last-child {margin-bottom: 5px;} ul.filelist li > i {float: left; font-size: 24px; margin: 5px; } ul.filelist li > div { margin-left: 40px; } ul.filelist li > div div { font-weight: 400; font-size: 14px; } ul.filelist li > div small { color: #999999; } .applicationlist.table-striped > tbody > tr:nth-of-type(even).new { background-color: #eef1f7;; } .applicationlist.table-striped > tbody > tr:nth-of-type(odd).new { background-color: #dde3ee; } .commentlist { list-style-type: none; margin: 0; padding: 0;} .commentlist li { margin: 20px 0;} .commentlist li:first-child { margin-top: 0;} .commentlist li > div { margin-left: 70px; } .commentlist li > div strong {} .commentlist li > div blockquote {padding: 5px; font-size: 14px; border-left: none; margin-bottom: 0; } .commentlist li > div small {} .transaction.transaction-pending { background-color: #fcf8e3; } .transaction.transaction-cleared { background-color: #dff0d8; } .transaction.transaction-nsf { background-color: #f2dede; } /* Replace the datatable glyphs with fontawesome */ table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {font-family: 'FontAwesome'; } table.dataTable thead .sorting:after {content: "\f0dc"; } table.dataTable thead .sorting_desc:after {content: "\f0dd"; } table.dataTable thead .sorting_asc:after {content: "\f0de"; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {top: 16px; bottom: auto; } /* Move the sort icons to the left of the column name */ table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {padding-left: 20px; padding-right: 15px; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {left: 8px; right: auto; } .table-fw-widget tr th:first-child, .table-fw-widget tr td:first-child {padding-left: 10px; } .widget .summary-info span.leadtitle {font-size: 14px; font-weight: bold; } .widget .summary-info span.sublead {font-size: 11px; color: #b2b2b2; } .widget .summary-info.summary-info-inverted {background-color: #eeeeee; padding-bottom: 10px; } .widget .summary-info div { padding-left: 10px; padding-right: 10px; } .widget .summary-info {margin: 0; text-align: center; } .widget .summary-info > div:first-child {} .widget .summary-info > div {padding-top: 10px; } .widget .summary-info span.title {margin-bottom: 3px; text-transform: uppercase; color: #b2b2b2; font-size: 11px; } .widget .summary-info span {display: block; } .widget .summary-info span.number {font-size: 14px; font-weight: 300; } /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { .nav-tabs > li a.collapsable { min-width: 40px; } .nav-tabs > li a.collapsable span { display: none; } .nav-tabs > li a.collapsable i { display: inline-block; font-size: 18px; } } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width: 1200px) { .nav-tabs > li a { padding-left: 6px; padding-right: 6px; } .nav-tabs > li a.collapsable { min-width: 80px; } .nav-tabs > li a.collapsable span { display: inline; } .nav-tabs > li a.collapsable i { display: none; } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /* For seven column grid rows */ @media (min-width: 768px){ .seven-cols .col-md-1, .seven-cols .col-xs-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 100%; *width: 100%; } } @media (min-width: 1200px) { .seven-cols .col-md-1, .seven-cols .col-xs-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; } } /** * The following is not really needed in this case * Only to demonstrate the usage of @media for large screens */ @media (min-width: 1200px) { .seven-cols .col-md-1, .seven-cols .col-xs-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; } } /* For nine column grid rows */ @media (min-width: 768px){ .nine-cols .col-md-1, .nine-cols .col-xs-1, .nine-cols .col-sm-1, .nine-cols .col-lg-1 { width: 100%; *width: 100%; } } @media (min-width: 1200px) { .nine-cols .col-md-1, .nine-cols .col-xs-1, .nine-cols .col-sm-1, .nine-cols .col-lg-1 { width: 11.111111111%; *width: 11.111111111%; } } /** * The following is not really needed in this case * Only to demonstrate the usage of @media for large screens */ @media (min-width: 1200px) { .nine-cols .col-md-1, .nine-cols .col-xs-1, .nine-cols .col-sm-1, .nine-cols .col-lg-1 { width: 11.111111111%; *width: 11.111111111%; } } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } /* [Mobile] */ @media (max-width: 1199px) { .applicationsEditPageHeadMobile { margin-top: -10%; } .applicationsEditHeightMobile { padding: 3%; } .applicationsEditFloatLeftMobile { float: left; } .applicationsEditFloatRightMobile { float: right; } .applicationsEditMarginTopMobile { margin-top: 1%; } .applicationsEditQuarterWidthMobile { width: 24%; } .applicationsEditThirdWidthMobile { width: 33%; } .applicationsEditHalfWidthMobile { width: 49.5%; } .applicationsEditThreeQuartersWidthMobile { width: 74%; } .applicationsEditFullWidthMobile { width: 100%; } .applicationsEditFlexLayoutMobile { display: flex; flex-wrap: wrap; } .applicationsEditGridLayoutMobile { display: grid; } .applicationsEditDisplayNoneMobile { display: none !important; } /* Applications Transactions */ .applicationsTransactionsMobile table { width: 100%; border-collapse: collapse; } .applicationsTransactionsMobile tr:nth-of-type(odd) { background: #eee; } .applicationsTransactionsMobile th { background: #333; color: white; font-weight: bold; } .applicationsTransactionsMobile td, th { padding: 6px; border: 1px solid #ccc; text-align: left; } /* End*/ .dataTable table, .dataTable thead, .dataTable tbody, .dataTable th, .dataTable td, .dataTable tr, .table-bordered table, .table-bordered thead, .table-bordered tbody, .table-bordered th, .table-bordered td, .table-bordered tr .otherTableMobile table, .otherTableMobile thead, .otherTableMobile tbody, .otherTableMobile th, .otherTableMobile td, .otherTableMobile tr { display: block; } .dataTable thead .dataTable tr, .table-bordered thead .table-bordered tr, otherTableMobile thead .otherTableMobile tr { position: absolute; top: -9999px; left: -9999px; } .dataTable tr, .table-bordered tr, .otherTableMobile tr { border: 1px solid #ccc; margin-bottom: 2em; } .dataTable td, .table-bordered td, .otherTableMobile td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .dataTable td:before, .table-bordered td:before, .otherTableMobile td:before { position: absolute; top: -5px; left: 5px; width: 45%; padding-right: 10px; white-space: nowrap; font-style: italic; font-weight: bold; } .dataTable thead, .table-bordered thead, .otherTableMobile thead { display: none; } .mortgageAdminTableMobile td { height: 30px; margin-top: 1em; } .applicationsTransactionsMobile td { margin-top: 1em; } .otherTableMobile td { margin-top: 1em; } .otherTableMobile td:before { margin-top: -1em; } .mortgageAdminTableMobile td:before, .applicationsTransactionsMobile td:before { position: absolute; top: -1em; left: 5px; width: 45%; padding-right: 10px; white-space: nowrap; font-style: italic; font-weight: bold; color: darkslategrey; } .applicationsTableMobile td:nth-of-type(1):before { content: "Application"; } .applicationsTableMobile td:nth-of-type(2):before { content: "Client"; } .applicationsTableMobile td:nth-of-type(3):before { content: "Property"; } .applicationsTableMobile td:nth-of-type(4):before { content: "Underwriter"; } .applicationsTableMobile td:nth-of-type(5):before { content: "Amount"; } .applicationsTableMobile td:nth-of-type(6):before { content: "Updated"; } .applicationsTableMobile td:nth-of-type(7):before { content: "State"; } .applicationsTransactionsMobile td:nth-of-type(7):before, .transactionReportTableMobile td:nth-of-type(1):before { content: "Date"; } .transactionReportTableMobile td:nth-of-type(2):before { content: "App"; } .applicationsTransactionsMobile td:nth-of-type(8):before, .transactionReportTableMobile td:nth-of-type(3):before { content: "Desc"; } .applicationsTransactionsMobile td:nth-of-type(9):before, .transactionReportTableMobile td:nth-of-type(4):before { content: "Amt"; } .applicationsTransactionsMobile td:nth-of-type(10):before, .transactionReportTableMobile td:nth-of-type(5):before { content: "Princ"; } .applicationsTransactionsMobile td:nth-of-type(11):before, .transactionReportTableMobile td:nth-of-type(6):before { content: "Int"; } .applicationsTransactionsMobile td:nth-of-type(12):before, .transactionReportTableMobile td:nth-of-type(7):before { content: "Tax"; } .applicationsTransactionsMobile td:nth-of-type(13):before, .transactionReportTableMobile td:nth-of-type(8):before { content: "Disb"; } .applicationsTransactionsMobile td:nth-of-type(14):before, .transactionReportTableMobile td:nth-of-type(9):before { content: "Admin"; } .applicationsTransactionsMobile td:nth-of-type(15):before, .transactionReportTableMobile td:nth-of-type(10):before { content: "Commit"; } .applicationsTransactionsMobile td:nth-of-type(16):before, .transactionReportTableMobile td:nth-of-type(11):before { content: "Holdback"; } .applicationsTransactionsMobile td:nth-of-type(17):before, .transactionReportTableMobile td:nth-of-type(12):before { content: "Arr"; } .applicationsTransactionsMobile td:nth-of-type(18):before, .transactionReportTableMobile td:nth-of-type(13):before { content: "Int/Arr"; } .borrowersLawyersTableMobile td:nth-of-type(1):before, .lendersLawyersTableMobile td:nth-of-type(1):before, .brokersTableMobile td:nth-of-type(1):before, .appraisersTableMobile td:nth-of-type(1):before, .bdmsTableMobile td:nth-of-type(1):before { content: "Name"; } .borrowersLawyersTableMobile td:nth-of-type(2):before, .lendersLawyersTableMobile td:nth-of-type(2):before, .brokersTableMobile td:nth-of-type(2):before, .appraisersTableMobile td:nth-of-type(2):before, .bdmsTableMobile td:nth-of-type(2):before { content: "Firm"; } .borrowersLawyersTableMobile td:nth-of-type(3):before, .lendersLawyersTableMobile td:nth-of-type(3):before, .brokersTableMobile td:nth-of-type(3):before, .appraisersTableMobile td:nth-of-type(3):before, .bdmsTableMobile td:nth-of-type(3):before { content: "Email"; } .borrowersLawyersTableMobile td:nth-of-type(4):before, .lendersLawyersTableMobile td:nth-of-type(4):before, .brokersTableMobile td:nth-of-type(4):before, .appraisersTableMobile td:nth-of-type(4):before, .bdmsTableMobile td:nth-of-type(4):before { content: "Phone"; } .borrowersLawyersTableMobile td:nth-of-type(5):before, .lendersLawyersTableMobile td:nth-of-type(5):before, .brokersTableMobile td:nth-of-type(5):before, .appraisersTableMobile td:nth-of-type(5):before, .bdmsTableMobile td:nth-of-type(5):before { content: "Address"; } .externalLendersTableMobile td:nth-of-type(1):before, .internalLendersTableMobile td:nth-of-type(1):before { content: "Firm" } .eftTableMobile td:nth-of-type(1):before { content: "ID"; } .eftTableMobile td:nth-of-type(2):before { content: "Date Created"; } .eftTableMobile td:nth-of-type(3):before { content: "Lender"; } .eftTableMobile td:nth-of-type(4):before { content: "Applications"; } .eftTableMobile td:nth-of-type(5):before { content: "Status"; } .eftEditTableMobile td:nth-of-type(1):before { content: "Application"; } .eftEditTableMobile td:nth-of-type(2):before { content: "State"; } .eftEditTableMobile td:nth-of-type(3):before { content: "Date of Pmt"; } .eftEditTableMobile td:nth-of-type(4):before { content: "Arrears"; } .eftEditTableMobile td:nth-of-type(5):before { content: "Pmt Amt"; } .eftEditTableMobile td:nth-of-type(6):before { content: "Override Amt"; } .eftEditTableMobile td:nth-of-type(7):before { content: "Notes"; } .propertyInspectionTableMobile td:nth-of-type(1):before { content: "ID"; } .propertyInspectionTableMobile td:nth-of-type(2):before { content: "Date Created"; } .propertyInspectionTableMobile td:nth-of-type(3):before { content: "Status"; } .propertyInspectionTableMobile td:nth-of-type(4):before { content: "Address"; } .propertyInspectionTableMobile td:nth-of-type(5):before { content: "Inspector"; } .renewalsTableMobile td:nth-of-type(1):before { content: "File No."; } .renewalsTableMobile td:nth-of-type(2):before { content: "Borrowers Last Names"; } .renewalsTableMobile td:nth-of-type(3):before { content: "Interest Rate"; } .renewalsTableMobile td:nth-of-type(4):before { content: "Outstanding Balance"; } .renewalsTableMobile td:nth-of-type(5):before { content: "LTV"; } .renewalsTableMobile td:nth-of-type(6):before { content: "State"; } .renewalsTableMobile td:nth-of-type(7):before { content: "Arrears Amount"; } .renewalsTableMobile td:nth-of-type(8):before { content: "Action"; } .mortgageAdminTableMobile td:nth-of-type(1):before { content: "ID"; } .mortgageAdminTableMobile td:nth-of-type(2):before { content: "Borrowers"; } .mortgageAdminTableMobile td:nth-of-type(3):before { content: "Property"; } .mortgageAdminTableMobile td:nth-of-type(4):before { content: "Maturity"; } .mortgageAdminTableMobile td:nth-of-type(5):before { content: "Ins. Expiry Date"; } .mortgageAdminTableMobile td:nth-of-type(6):before { content: "Other Mortgage Verified"; } .mortgageAdminTableMobile td:nth-of-type(7):before { content: "Taxes Paid Until"; } .mortgageAdminTableMobile td:nth-of-type(8):before { content: "Taxes Unpaid"; } .mortgageAdminTableMobile td:nth-of-type(9):before { content: "Tax Owing To Us"; } .mortgageAdminTableMobile td:nth-of-type(10):before { content: "Taxes Paid By"; } .mortgageAdminTableMobile td:nth-of-type(11):before { content: "Status"; } .usersTableMobile td:nth-of-type(1):before { content: "Name"; } .usersTableMobile td:nth-of-type(2):before { content: "Email"; } .usersTableMobile td:nth-of-type(3):before { content: "Roles"; } .usersTableMobile td:nth-of-type(4):before { content: "Last Sign In"; } .rolesTableMobile td:nth-of-type(1):before { content: "Name"; } .applicationsApplicantsTableMobile td:nth-of-type(1):before { content: "Name"; } .applicationsApplicantsTableMobile td:nth-of-type(2):before { content: "Phone"; } .applicationsApplicantsTableMobile td:nth-of-type(3):before { content: "Email"; } .applicationsApplicantsTableMobile td:nth-of-type(4):before { content: "Current Address"; } .applicationsPropertiesTableMobile td:nth-of-type(1):before { content: "Address"; } .applicationsPropertiesTableMobile td:nth-of-type(2):before { content: "Security Type"; } .applicationsPropertiesTableMobile td:nth-of-type(3):before { content: "Change Position"; } .applicationsPropertiesTableMobile td:nth-of-type(4):before { content: "Appraised Value"; } .applicationsPropertiesTableMobile td:nth-of-type(5):before { content: "Prior Mortgage(s) Balance"; } .applicationsPropertiesTableMobile td:nth-of-type(6):before { content: "Inspection Status"; } .applicationsPropertiesEditTableMobile td:nth-of-type(1):before { content: "Change Position"; } .applicationsPropertiesEditTableMobile td:nth-of-type(2):before { content: "Lender Name"; } .applicationsPropertiesEditTableMobile td:nth-of-type(3):before { content: "Balance"; } .applicationsPropertiesEditTableMobile td:nth-of-type(4):before { content: "Last Verified Date"; } .applicationsLendersTableMobile td:nth-of-type(1):before { content: "Firm"; } .applicationsLendersTableMobile td:nth-of-type(2):before { content: "Phone"; } .applicationsLendersTableMobile td:nth-of-type(3):before { content: "Email"; } .applicationsLendersTableMobile td:nth-of-type(4):before { content: "Address"; } .applicationsBrokersTableMobile td:nth-of-type(1):before { content: "Firm"; } .applicationsBrokersTableMobile td:nth-of-type(2):before { content: "Name"; } .applicationsBrokersTableMobile td:nth-of-type(3):before { content: "Finder's Fee"; } .applicationsBrokersTableMobile td:nth-of-type(4):before { content: "Broker Fee"; } .applicationsBrokersTableMobile td:nth-of-type(5):before { content: "Date Paid"; } .applicationsLawyersTableMobile td:nth-of-type(1):before { content: "Firm"; } .applicationsLawyersTableMobile td:nth-of-type(2):before { content: "Name"; } .applicationsLawyersTableMobile td:nth-of-type(3):before { content: "Phone"; } .applicationsLawyersTableMobile td:nth-of-type(4):before { content: "Email"; } .applicationsLawyersTableMobile td:nth-of-type(5):before { content: "Address"; } .applicationsActivityTableMobile td:nth-of-type(1):before { content: "Date"; } .applicationsActivityTableMobile td:nth-of-type(2):before { content: "User"; } .applicationsActivityTableMobile td:nth-of-type(3):before { content: "Message"; } .applicationsActivityTableMobile td:nth-of-type(4):before { content: "Description"; } .applicationsDiagnosticsTableMobile td:nth-of-type(1):before { content: "Due Date"; } .applicationsDiagnosticsTableMobile td:nth-of-type(2):before { content: "Payment"; } .applicationsDiagnosticsTableMobile td:nth-of-type(3):before { content: "Property Tax"; } .applicationsDiagnosticsTableMobile td:nth-of-type(4):before { content: "Principal Payment"; } .applicationsDiagnosticsTableMobile td:nth-of-type(5):before { content: "Interest"; } .applicationsDiagnosticsTableMobile td:nth-of-type(6):before { content: "Principal Outstanding"; } .borrowersLawyersLocationsTableMobile td:nth-of-type(1):before, .lendersLawyersLocationsTableMobile td:nth-of-type(1):before, .brokersLocationsTableMobile td:nth-of-type(1):before, .bdmsLocationsTableMobile td:nth-of-type(1):before, .internalLendersLocationsTableMobile td:nth-of-type(1):before, .externalLendersLocationsTableMobile td:nth-of-type(1):before { content: "Firm"; } .borrowersLawyersLocationsTableMobile td:nth-of-type(2):before, .lendersLawyersLocationsTableMobile td:nth-of-type(2):before, .brokersLocationsTableMobile td:nth-of-type(2):before, .bdmsLocationsTableMobile td:nth-of-type(2):before, .internalLendersLocationsTableMobile td:nth-of-type(2):before, .externalLendersLocationsTableMobile td:nth-of-type(2):before { content: "Email"; } .borrowersLawyersLocationsTableMobile td:nth-of-type(3):before, .lendersLawyersLocationsTableMobile td:nth-of-type(3):before, .brokersLocationsTableMobile td:nth-of-type(3):before, .bdmsLocationsTableMobile td:nth-of-type(3):before, .internalLendersLocationsTableMobile td:nth-of-type(3):before, .externalLendersLocationsTableMobile td:nth-of-type(3):before { content: "Phone"; } .borrowersLawyersLocationsTableMobile td:nth-of-type(4):before, .lendersLawyersLocationsTableMobile td:nth-of-type(4):before, .brokersLocationsTableMobile td:nth-of-type(4):before, .bdmsLocationsTableMobile td:nth-of-type(4):before, .internalLendersLocationsTableMobile td:nth-of-type(4):before, .externalLendersLocationsTableMobile td:nth-of-type(4):before { content: "Address"; } .dashboardNewApplicationsTableMobile td:nth-of-type(1):before { content: "ID" } .dashboardNewApplicationsTableMobile td:nth-of-type(2):before { content: "Name" } .dashboardNewApplicationsTableMobile td:nth-of-type(3):before { content: "Broker" } .dashboardNewApplicationsTableMobile td:nth-of-type(4):before { content: "Amount" } .dashboardNewApplicationsTableMobile td:nth-of-type(5):before { content: "Age" } .dashboardYourApplicationsTableMobile td:nth-of-type(1):before { content: "ID" } .dashboardYourApplicationsTableMobile td:nth-of-type(2):before { content: "Name" } .dashboardYourApplicationsTableMobile td:nth-of-type(3):before { content: "Broker" } .dashboardYourApplicationsTableMobile td:nth-of-type(4):before { content: "Amount" } .dashboardYourApplicationsTableMobile td:nth-of-type(5):before { content: "Date" } .inArrearsDefaultNotesTableMobile td:nth-of-type(1):before :NOT(.excludedMobile) { content: "Mortgage" } .inArrearsDefaultNotesTableMobile td:nth-of-type(2):before { content: "Status" } .inArrearsDefaultNotesTableMobile td:nth-of-type(3):before { content: "Borrower" } .inArrearsDefaultNotesTableMobile td:nth-of-type(4):before { content: "Property" } .inArrearsDefaultNotesTableMobile td:nth-of-type(5):before { content: "Outstanding Loan Amount" } .inArrearsDefaultNotesTableMobile td:nth-of-type(6):before { content: "Amount In Arrears" } .inArrearsDefaultNotesTableMobile td:nth-of-type(7):before { content: "Days In Arrears" } .inArrearsDefaultNotesTableMobile td:nth-of-type(8):before { content: "Appraised Value" } .inArrearsDefaultNotesTableMobile td:nth-of-type(9):before { content: "Existing First" } .inArrearsDefaultNotesTableMobile td:nth-of-type(10):before { content: "Date Verified" } .inArrearsDefaultNotesTableMobile td:nth-of-type(11):before { content: "LTV %" } .mortgageBalanceTableMobile1 td:nth-of-type(1):before { content: "Mortgage Amount" } .mortgageBalanceTableMobile1 td:nth-of-type(2):before { content: "Number" } .mortgageBalanceTableMobile1 td:nth-of-type(3):before { content: "Outstanding Amount" } .mortgageBalanceTableMobile1 td:nth-of-type(4):before { content: "Percent" } .mortgageBalanceTableMobile2 td:nth-last-of-type(1):before { content: "W. Avg Yield" } .mortgageBalanceTableMobile2 td:nth-last-of-type(2):before { content: "W. Avg Months To Maturity" } .mortgageBalanceTableMobile2 td:nth-last-of-type(3):before { content: "W. Avg LTV" } .mortgageBalanceTableMobile2 td:nth-last-of-type(4):before { content: "Percentage" } .mortgageBalanceTableMobile2 td:nth-last-of-type(5):before { content: "Amount" } .mortgageBalanceTableMobile2 td:nth-last-of-type(6):before { content: "Num Mortgages" } .mortgageBalanceTableMobile2 td:nth-last-of-type(7):before { content: "Description" } .geographicReportTableMobile td:nth-of-type(1):before { content: "Totals" } .statementOfAccountsTransactionsMobile td:nth-of-type(1):before, .statementOfAccountsSummaryMobile td:nth-of-type(1):before { content: "Date" } .statementOfAccountsTransactionsMobile td:nth-of-type(2):before { content: "Description" } .statementOfAccountsTransactionsMobile td:nth-of-type(3):before, .statementOfAccountsSummaryMobile td:nth-of-type(2):before { content: "Amount" } .statementOfAccountsTransactionsMobile td:nth-of-type(4):before, .statementOfAccountsSummaryMobile td:nth-of-type(3):before { content: "Principal" } .statementOfAccountsTransactionsMobile td:nth-of-type(5):before, .statementOfAccountsSummaryMobile td:nth-of-type(4):before { content: "Interest" } .statementOfAccountsTransactionsMobile td:nth-of-type(6):before, .statementOfAccountsSummaryMobile td:nth-of-type(5):before { content: "Tax" } .statementOfAccountsTransactionsMobile td:nth-of-type(7):before, .statementOfAccountsSummaryMobile td:nth-of-type(6):before { content: "Disbursements" } .statementOfAccountsTransactionsMobile td:nth-of-type(8):before, .statementOfAccountsSummaryMobile td:nth-of-type(7):before { content: "Admin Fee" } .statementOfAccountsTransactionsMobile td:nth-of-type(9):before, .statementOfAccountsSummaryMobile td:nth-of-type(8):before { content: "Commitment Fee" } .statementOfAccountsTransactionsMobile td:nth-of-type(10):before, .statementOfAccountsSummaryMobile td:nth-of-type(9):before { content: "Holdback" } .statementOfAccountsTransactionsMobile td:nth-of-type(11):before, .statementOfAccountsSummaryMobile td:nth-of-type(10):before { content: "Arrears" } .statementOfAccountsTransactionsMobile td:nth-of-type(12):before, .statementOfAccountsSummaryMobile td:nth-of-type(11):before { content: "Int/Arrears" } .bdmReportTableMobile td:nth-of-type(1):before { content: "Application" } .bdmReportTableMobile td:nth-of-type(2):before { content: "Broker" } .bdmReportTableMobile td:nth-of-type(3):before { content: "Broker Previous Deal" } .bdmReportTableMobile td:nth-of-type(4):before { content: "Loan Date" } .bdmReportTableMobile td:nth-of-type(5):before { content: "Loan Amount" } .bdmReportTableMobile td:nth-of-type(6):before { content: "Status" } .unearnedFeeTableMobile td:nth-of-type(1):before { content: "Mortgage Number" } .unearnedFeeTableMobile td:nth-of-type(2):before { content: "State" } .unearnedFeeTableMobile td:nth-of-type(3):before { content: "Desc" } .unearnedFeeTableMobile td:nth-of-type(4):before { content: "Fee" } .unearnedFeeTableMobile td:nth-of-type(5):before { content: "Maturity Date" } .unearnedFeeTableMobile td:nth-of-type(6):before { content: "Months Remaining" } .unearnedFeeTableMobile td:nth-of-type(7):before { content: "Monthly Fee Portion" } .unearnedFeeTableMobile td:nth-of-type(8):before { content: "Outstanding" } .adminFeeTableMobile td:nth-of-type(1):before { content: "Date" } .adminFeeTableMobile td:nth-of-type(2):before { content: "Mortgage Number" } .adminFeeTableMobile td:nth-of-type(3):before { content: "Description" } .adminFeeTableMobile td:nth-of-type(4):before { content: "Amount" } .adminFeeTableMobile td:nth-of-type(5):before { content: "HST" } .adminFeeTableMobile td:nth-of-type(6):before { content: "Total" } .commitmentFeeTableMobile td:nth-of-type(1):before { content: "Mortgage Number" } .commitmentFeeTableMobile td:nth-of-type(2):before { content: "State" } .commitmentFeeTableMobile td:nth-of-type(3):before { content: "Desc" } .commitmentFeeTableMobile td:nth-of-type(4):before { content: "Fee" } .commitmentFeeTableMobile td:nth-of-type(5):before { content: "IA Date" } .commitmentFeeTableMobile td:nth-of-type(6):before { content: "Maturity Date" } .commitmentFeeTableMobile td:nth-of-type(7):before { content: "Months Elapsed" } .commitmentFeeTableMobile td:nth-of-type(8):before { content: "Monthly Fee Portion" } .commitmentFeeTableMobile td:nth-of-type(9):before { content: "Earned" } .commitmentFeeTableMobile td:nth-of-type(10):before { content: "Outstanding" } .renewalFeeTableMobile td:nth-of-type(1):before { content: "Date" } .renewalFeeTableMobile td:nth-of-type(2):before { content: "Mortgage Number" } .renewalFeeTableMobile td:nth-of-type(3):before { content: "Amount" } .managementFeeTableMobile td:nth-of-type(1):before { content: "Mortgage Number" } .managementFeeTableMobile td:nth-of-type(2):before { content: "Average Principal Balance" } .taxBalanceTableMobile td:nth-of-type(1):before { content: "Mortgage" } .taxBalanceTableMobile td:nth-of-type(2):before { content: "Tax" } .taxBalanceTableMobile td:nth-of-type(3):before { content: "Change in Tax" } .arTableMobile td:nth-of-type(1):before { content: "Mortgage" } .arTableMobile td:nth-of-type(2):before { content: "AR" } .arTableMobile td:nth-of-type(3):before { content: "Change in AR" } .applicationsDrawsTableMobile td:nth-of-type(1):before { content: "Amount" } .applicationsDrawsTableMobile td:nth-of-type(2):before { content: "Order" } .applicationsDrawsTableMobile td:nth-of-type(3):before { content: "Date" } .applicationsDrawsTableMobile td:nth-of-type(4):before { content: "Budgeted Items" } .editApplicationsMobile { margin-bottom: -1em; margin-top: 1em; font-weight: bold; } .editApplicationsTopMobile { margin-bottom: -1em; font-weight: bold; } .applicationsChecklistMobile { color: darkred; float: left; padding-top: 1em; } .displayInlineBlockMobile { display: inline-block; } .displayBlockMobile { display: block; } .rolesTitleMobile { text-align: center; } .rolesMarginMobile { margin-top: -2em; border-top: none; } .inArrearsDefaultNotesTableMobile td:before { margin-top: -1em; } .inArrearsDefaultNotesMobile { margin-top: 2em; } .tetAlignLeftMobile { text-align: left !important; } } @media (min-width: 500px) and (max-width: 1199px) { .applicationsEditPageHeadMobile { margin-top: -5%; } } @media (max-width: 768px) { #gritter-notice-wrapper { width: 90%; } } @media (min-width: 1200px) { .applicationsEditDisplayNone { display: none; } .sixtyEightWidth { display: inline-block; width: 68%; } .sixtyFiveWidth { display: inline-block; width: 65%; } .fortyEightWidth { display: inline-block; width: 48%; } .fortySevenWidth { display: inline-block; width: 47%; } .fortyOneWidth { display: inline-block; width: 41%; } } @media (min-width: 800px) { .commitmentWidth { width: 800px; } } @media (min-width: 768px) { .text-sm-right { text-align: right; } } .renewalAgreementContainer { display: inline-block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .renewalAgreementContainer input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .renewalAgreementCheckbox { position: absolute; top: 10px; left: 5px; height: 25px; width: 25px; background-color: #eee; } /* On mouse-over, add a grey background color */ .renewalAgreementContainer:hover input ~ .renewalAgreementCheckbox { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .renewalAgreementContainer input:checked ~ .renewalAgreementCheckbox { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .renewalAgreementCheckbox:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .renewalAgreementContainer input:checked ~ .renewalAgreementCheckbox:after { display: block; } /* Style the checkmark/indicator */ .renewalAgreementContainer .renewalAgreementCheckbox:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .progressTimelineOtherState { margin-left: 30px; } .progressTimelineOtherStates { display: inline-block; margin-right: 50px; } .progressTimelineOtherStates a { color: #aaaaaa; padding: 12px 5px 10px 20px; margin-right: 5px; background: #efefef; position: relative; display: inline-block; height: 60px; vertical-align: bottom; } .progressTimelineOtherStates a div { height: 38px; display: table-cell; vertical-align: middle; } .progressTimelineOtherStates a:first-child:before { border: none; } .progressTimelineOtherStates a:last-child:before { border: none; } .progressTimelineOtherStates a:last-child:after { border: none; } .progressTimelineOtherStates a { border-radius: 4px 4px 4px 4px; padding-right: 20px; } .progressTimelineOtherStates .badge { margin: 0 5px 0 18px; position: relative; top: -1px; } .progressTimelineOtherStates a:first-child .badge { margin-left: 0; } .progressTimelineOtherStates .done { background: #cccccc; color: #fff; } .progressTimelineOtherStates .done:after { border-left-color: #cccccc; } .progressTimelineOtherStates .current { background: #1e336e; color: #fff; } .progressTimelineOtherStates .current:after { border-left-color: #1e336e; } .progressDiv { white-space: nowrap; overflow-x: hidden; } .progressArrowRight { vertical-align: text-bottom; font-size: 50px; margin-left: 10px; color: #aaaaaa; cursor: pointer; } .progressArrowRight a:hover { color: #1a1919; } .progressArrowLeft { vertical-align: text-bottom; font-size: 50px; margin-left: 10px; margin-right: 20px; color: #aaaaaa; cursor: pointer; } .progressMap { margin-left: -30px; margin-bottom: -20px; vertical-align: text-top; color: #aaaaaa; cursor: pointer; } .progressMap2 { color: #aaaaaa; cursor: pointer; } .progressMap a:hover { color: #1a1919; } /* The Modal (background) */ #progressMapModal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */ } /* Modal Content (image) */ .progressImage { margin: auto; display: block; width: 80%; max-width: 700px; padding-bottom: 5%; } /* Add Animation */ .progressImage { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes zoom { from { transform: scale(0) } to { transform: scale(1) } } .progressMapClose { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .progressMapClose:hover, .progressMapClose:focus { color: #bbb; text-decoration: none; cursor: pointer; } @media (min-width: 992px) and (max-width: 1199px) { .hideMobileTimeline { display: none; } } /* Summary Accordion styles */ .summary-tab { position: relative; margin-bottom: 1px; width: 100%; color: white; overflow: hidden; } .summary-input { position: absolute; opacity: 0; z-index: -1; } .summary-label { position: relative; display: block; padding: 0 0 0 1em; background: grey; font-weight: bold; line-height: 2; margin-bottom: 0; cursor: pointer; } .summary-tab-content { color: #555555; max-height: 0; overflow-x: hidden; overflow-y: scroll; padding-left: 20px; background: white; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; } /* Icon */ .summary-label::after { position: absolute; right: 0; top: 0; display: block; width: 2em; height: 2em; line-height: 2; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .summary-input[type=radio] + .summary-label::after { content: "+"; } .summary-input[type=radio]:checked + .summary-label::after { content: "-" } /*checked*/ .summary-input:checked ~ .summary-tab-content{ max-height: 19em; } .summary-tab:first-child .summary-input:checked ~ .summary-tab-content{ max-height: 20em; }