:root {
    --primary: #f2f8f4; /* mint cream */
    --primaryaccent: #388697; /* Metalic seaweed (teal) */
    --secondaryaccent: #24428f; /*  #0D286D      #0e78aa;*/ /* celadon Blue */
    --secondaryaccentH1: #d0edfb; /* lighter */
    --secondaryaccentH2: #a1dcf7; /* darker */
    --secondaryaccentH3: #7ccef4; /* darker yet */
    --altaccent: #fdf7c21; /* pumpkin */
    --BPorange: #fd6a02;
    --BPblue: #0d286D;
    --BPWarnLight: #ff7070;
    --BPWarnDark: #ff3f3f;
    --BPWarnYellow: #ffcc00;
}

.mygrey2yrcolor {
    background-color: #eceaea;
}
a {
    color: blue;
    text-decoration: none;
}

    a:hover {
        color: blue;
        text-decoration: none;
    }
.infolink {
    color: blue !important;
    text-decoration: underline;
}
.infolink :link{
    color: blue !important;
    text-decoration: underline;
}
.warnlink {
    text-decoration: underline;
}

    .warnlink :link {
        text-decoration: underline;
    }
    .warnlink :link :hover{
        background-color: transparent;
    }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background-color: #FFFFFF;
}

input:focus {
    user-select: text;
}

.box {
    width: 1200px;
}
/* Not sure what this style is used for */

.boxTop {
    background: url(images/tabs/boxTop.png) no-repeat;
    height: 11px;
    clear: both;
    width: 1300px;
}

.boxBody {
    background-color: #ffffff;
    padding: 7px;
    height: auto;
    width: 1300px;
}

.boxBottom {
    background: url(images/tabs/boxBottom.png) no-repeat;
    height: 11px;
    width: 1300px;
}

.clearBoth {
    clear: both;
    display: inline-block;
}

.checkbox label {
    display: inline-block;
    margin-left: 10px;
}

.inlineCkbx {
    display: inline-flex; /* Ensures checkbox + label align horizontally */
    align-items: center; /* Vertically center checkbox and text */
    gap: 5px; /* Space between checkbox and label */
    font-size: 10px; /* Ensures label font size matches */
    margin: 2px;
}
/*.inlineCkbx label {*/
    /*display: inline-block;*/
    /*padding-right: 5px;
    padding-left: 10px;
}*/

#BodyFooter {
    width: 900px;
    height: 30px;
    padding: 15px;
    margin-left: 10px;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #FFFFFF), color-stop(1, #FFF9EF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at center, #FFFFFF 0%, #FFF9EF 100%);
}

.user-comment-body {
    line-height: 1.4;
}

    /* Make it work whether the class is on the table or a wrapper */
    .user-comment-body,
    .user-comment-body table {
        width: 100%;
        border-collapse: collapse;
    }

        /* Cells */
        .user-comment-body td,
        .user-comment-body th {
            padding: 6px 10px;
            text-align: left;
        }


#DetailsBox {
    font-size: 15px;
    margin: 15px;
    padding: 5px;
}

h3 {
    background-color: #121175;
    color: #ffffff;
    border-radius: 7px;
    margin: 5px;
    padding: 3px 10px 3px 10px;
    width: auto;
    float: left;
    display: block;
}

/* LoanInfo.aspx
        ---------------------------*/
#property {
    width: 500px;
    height: auto;
    display: block;
    float: left;
}

#loan {
    width: 500px;
    height: auto;
    display: block;
    float: left;
}

#LoanInfo {
    width: 1100px;
    display: block;
}

/* Checklist.aspx
        ---------------------------------------*/
#checklist {
    height: auto;
    display: block;
    width: 1100px;
}

/*#notes {
            width: 1100px;
            height: 200px;
            display: block;
        }*/

#notesGridviewDiv {
    display: block;
    width: 100%;
}

#LoanInfoDiv, #ImportantDatesDiv,
#AppraisalInfoDiv, #MiscInformationDiv,
#ten04Section8questions {
    width: 100%;
}


.BlogGridViewStyle {
    background-color: white;
}

    .BlogGridViewStyle th {
        background-color: #121175;
        font: bold;
        color: white;
        text-align: center;
    }

    .BlogGridViewStyle td:nth-child(1) {
        text-align: left;
        width: 70%;
        border-bottom: 1px solid gray;
        padding-left: 20px;
    }

    .BlogGridViewStyle td:nth-child(2) {
        width: 10%;
        text-align: center;
        border-bottom: 1px solid gray;
    }

    .BlogGridViewStyle td:nth-child(3) {
        text-align: center;
        width: 10%;
        margin-left: 10px;
        border-bottom: 1px solid gray;
    }

    .BlogGridViewStyle .pgr {
        display: block;
        color: black;
        width: 200px;
        text-align: left;
        font-size: 14px;
        font-weight: bolder;
        border: 0px none;
    }




/* General formatting for all pages*/

#MenuDiv {
    display: inline-block;
    width: 65%;
}

#FileHeaderDiv {
    display: block;
    content: "";
    clear: both;
    width: 330px;
    float: right;
    margin-right: 0;
    margin-top: 0px;
    font-size: 12px;
}

#FileHeaderDiv tbody {
    text-align: initial;
}

.menuItemSelected {
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

.workbox { /*Used for zones of data entry */
    display: block;
    margin: 15px;
    padding: 5px;
    float: left;
    border: 1px solid black;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    -webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
}

.displaybox { /* General outline for a display region*/
    border: 1px solid #808080;
    border-radius: 5px;
    /*-webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);*/
    padding: 10px;
    margin: 10px;
    /*overflow: auto;*/
    display: block;
    /*float: left;*/
    /*height: 100%;*/
}

.displayboxNoBrdr { /* General outline for a display region*/
    /*border: 1px solid #808080;
            border-radius: 5px;*/
    /*-webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);*/
    /*padding: 10px;*/
/*    margin: 10px;
*/    /*display: block;*/
    /*float: left;*/
    height: 100%;
    clear: both;
}

.displaybox1084 { /* General outline for a display region*/
    /*border: 1px solid #808080;
            border-radius: 5px;*/
    /*-webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);*/
    padding-left: 10px;
    padding-right: 10px;
    /*margin: 10px;*/
    text-align: left;
    /*display: block;*/
    /*float: left;*/
    width: 100%;
    /*padding: 20px;*/
    float: none;
}

.displaybox1084_test { /* General outline for a display region*/
    /*border: 1px solid #808080;
            border-radius: 5px;*/
    /*-webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
            box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);*/
    padding-left: 10px;
    padding-right: 10px;
    /*margin: 10px;*/
    text-align: left;
    /*display: block;*/
    /*float: left;*/
    /*width: 735px;*/
    /*padding: 20px;*/
    /*float: none;*/
}

.displayboxBrwr {
    border: 1px solid #808080;
    border-radius: 5px;
    /*-webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);*/
    padding: 3px;
    margin: 2px;
    display: block;
    vertical-align: top;
    float: left;
    width: 23%;
    min-width: 200px;
    max-width: 350px;
}

.displayboxSimple {
    border: 1px solid var(--primaryaccent);
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 3px rgba(0,0,0,0.75);
    margin: 10px;
    display: block;
    padding: 10px;
}

.displayboxBottom {
    border-bottom: 1px solid #828282;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 3px rgba(0,0,0,0.75);
    margin: 10px;
    display: block;
    padding: 10px;
    float: left;
}

.bottomDisplaybox {
    border-bottom: 1px solid #828282;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 3px rgba(0,0,0,0.75);
    margin: 10px;
    display: block;
    padding: 10px;
    float: left;
}

.GridViewStyle {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
}

    .GridViewStyle th {
        background-color: var(--secondaryaccent);
        font: bold;
        color: white;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .GridViewStyle td {
        text-align: center;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
        border-bottom: 1px solid gray;
    }

    .GridViewStyle .alt {
        background-color: white;
    }

    .GridViewStyle .slct {
        background: -moz-linear-gradient(top, rgba(129,229,123,0) 0%, rgba(129,229,123,0.01) 1%, rgba(208,236,146,1) 93%, rgba(214,237,148,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,229,123,0)), color-stop(1%,rgba(129,229,123,0.01)), color-stop(93%,rgba(208,236,146,1)), color-stop(100%,rgba(214,237,148,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e57b', endColorstr='#d6ed94',GradientType=0 ); /* IE6-9 */
        color: black;
    }
    .GridViewStyle a:hover {
        background-color: initial;
    }

.GridViewStyleOrder {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
}

    .GridViewStyleOrder th {
        background-color: var(--secondaryaccent);
        font: bold;
        color: white;
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .GridViewStyleOrder td {
        text-align: center;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
/*        border-bottom: 1px solid gray;
*/    }

    .GridViewStyleOrder .alt {
        background-color: white;
    }

    .GridViewStyleOrder .slct {
        background: -moz-linear-gradient(top, rgba(129,229,123,0) 0%, rgba(129,229,123,0.01) 1%, rgba(208,236,146,1) 93%, rgba(214,237,148,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,229,123,0)), color-stop(1%,rgba(129,229,123,0.01)), color-stop(93%,rgba(208,236,146,1)), color-stop(100%,rgba(214,237,148,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e57b', endColorstr='#d6ed94',GradientType=0 ); /* IE6-9 */
        color: black;
    }

    .GridViewStyleOrder a:hover {
        background-color: initial;
    }


.GridPager a, .GridPager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}


.row:after {
    content: "";
    display: table;
    clear: both;
}
.docColumn {
    float: left;
    width: 90%;
}
.detailsColumn {
    float: left;
    width: 90%;
    margin-left: 10px;

}

.pgr {
    background-color: white;
    color: black;
}

    .pgr span {
        padding: 5px;
        border: solid 1px #477B0E;
        text-decoration: none;
        white-space: nowrap;
        background: var(--primaryaccent); /*#D6ED94*/ /* Green */
    }

    .pgr a {
        text-decoration: none;
        padding: 6px;
        white-space: nowrap;
    }

        .pgr a:hover {
            padding: 5px;
            border: solid 1px #9ECDE7;
            text-decoration: none;
            white-space: nowrap;
            background: #61c2ff;
        }

.GridViewStyleLog {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
    width: 900px;
}

    .GridViewStyleLog th {
        background-color: #121175;
        font: bold;
        color: white;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .GridViewStyleLog td {
        text-align: center;
        word-break: break-all;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 4px;
        padding-right: 4px;
        border-bottom: 1px solid gray;
    }

.GridViewStyleSilver {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
}

    .GridViewStyleSilver th {
        background-color: var(--secondaryaccent); /*#B6B5B3*/
        font: bold;
        color: white;
        text-align: center;
    }

    .GridViewStyleSilver tr{
        background-color: white;
    }

    .GridViewStyleSilver td {
        text-align: center;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 1px;
        padding-right: 1px;
        border-bottom: 1px solid gray;
        background-color: white;
    }

    .GridViewStyleSilver .alt {
        background-color: white;
    }

    .GridViewStyleSilver .slct {
        background-color: var(--primaryaccent); /*mediumseagreen*/
        color: white;
    }

.GridViewStyleFirstLook {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
    padding: 10px;
}

    .GridViewStyleFirstLook th {
        background-color: #121175;
        font: bold;
        color: white;
        text-align: center;
    }

    .GridViewStyleFirstLook td {
        text-align: left;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 15px;
        border-bottom: 1px solid gray;
    }


.GridViewStylePurchase {
    background-color: white;
    color: black;
    font: bold;
    font-size: 14px;
}

    .GridViewStylePurchase th {
        font: bold;
        color: blue;
        text-align: center;
        padding: 8px;
    }

    .GridViewStylePurchase td {
        text-align: center;
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 8px;
        padding-right: 8px;
        border-bottom: 1px solid gray;
        border-color: #808080;
        border-width: 1px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .GridViewStylePurchase td:first-child {
            text-align: right;
            border: none;
            background-color: white;
        }

.GridViewStylePurchCert {
    background-color: white;
    color: black;
    font: bold;
    font-size: 18px;
    /*width: 900px;*/
}

    .GridViewStylePurchCert th {
        font: bold;
        color: blue;
        text-align: right;
        padding: 8px;
        font-size: 20px;
        line-break: auto;
        /*width: 200px;*/
    }
    /*.GridViewStylePurchCert th:last-child
            {
                text-align: center;
                font: normal;
            }*/

    .GridViewStylePurchCert td {
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 8px;
        padding-right: 20px;
        border-bottom: 1px solid gray;
        border-color: #808080;
        border-width: 1px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 500px;
    }
/*.GridViewStylePurchCert td:first-child
            {
                text-align: right;
                border: none;
                background-color: white;
                /*width: 30%;*/
}

*/


.TableStyle {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
}

.TableStyle th {
    background-color: #121175;
    font: bold;
    color: white;
    text-align: center;
}

.TableStyleTD {
    text-align: center;
}

.TableStyleCol {
    text-align: right;
    width: 100px;
}

.TableStylePlain {
    border-color: #808080;
}

    .TableStylePlain th {
        font: bold;
        text-align: center;
        border: 1px solid gray;
        margin: 6px;
        padding: 6px;
        background-color: #121175;
        color: white;
        font-size: larger;
    }

    .TableStylePlain td {
        text-align: center;
        border: 1px solid gray;
        margin: 4px;
        padding: 4px;
    }

.TableStyleNoBorder {
    border-color: #808080;
    font-size: 12px;
}

    .TableStyleNoBorder th {
        font: bold;
        text-align: center;
        margin: 6px;
        padding: 6px;
    }

    .TableStyleNoBorder td {
        text-align: center;
        margin: 4px;
        padding: 4px;
    }

#adRotatorDiv {
    margin: 5px;
    padding: 5px;
}
/*      Assets Worksheet Styles    
    -------------------------------------------- */

#TotalAssetsTable {
    width: 350px;
}

#TotalAssetsForLoanDiv {
    width: 350px;
    display: block;
    float: left;
}

#FundsRequiredForClosing {
    width: 300px;
    display: block;
    float: left;
}

#ReserveAssetRequirementDiv {
    width: 420px;
    display: block;
    float: left;
}

.AssetsWkshtGridView {
    width: 1000px;
}

    .AssetsWkshtGridView th {
        font-size: 14px;
        text-align: center;
        border: 1px solid gray;
        margin: 4px;
        padding: 4px;
    }

    .AssetsWkshtGridView td {
        font-size: 12px;
        text-align: center;
        border: 1px solid gray;
        margin: 4px;
        padding: 4px;
    }


#BrwrOneAssetSummaryDiv {
    width: auto;
    margin-right: 30px;
}

.ReserveRqmt {
    border: 1px solid black;
    font-size: 12px;
    float: left;
}

    .ReserveRqmt th {
        font: bold;
        padding: 4px;
        border: 2px solid black;
        text-align: center;
    }

    .ReserveRqmt td {
        text-align: center;
        border: 1px solid black;
        padding: 2px;
    }

        .ReserveRqmt td:nth-child(2) {
            text-align: left;
            border: 1px solid black;
            padding: 2px;
            width: 60px;
            text-align: center;
        }

        .ReserveRqmt td:nth-child(3) {
            text-align: left;
            border: 1px solid black;
            padding: 2px;
        }

    .ReserveRqmt tr:nth-child(5) {
        border-bottom: 3px solid black;
    }

.TotalAssetSummary {
    font-size: 12px;
}

    .TotalAssetSummary th {
        text-align: right;
        padding: 4px;
        font-weight: normal;
    }

    .TotalAssetSummary td {
        text-align: center;
        padding: 3px;
        border: 1px solid black;
        width: 100px;
        height: 30px;
    }

        .TotalAssetSummary td:nth-child(1) {
            text-align: right;
            padding: 3px;
            border: 1px solid black;
            height: 30px;
        }

.AsssetWkshtFundsToClose {
    font-size: 12px;
}

    .AsssetWkshtFundsToClose td:nth-child(1) {
        text-align: right;
    }

    .AsssetWkshtFundsToClose td:nth-child(2) {
        text-align: left;
    }


/* Borrower.aspx 
        ---------------------------*/

#BorrowerInfoEntry {
    width: 400px;
    height: 300px;
    /*float: right;*/
    margin-right: 450px;
}

#BrwrPrimaryResInfo,
#BrwrPrimaryResInfoRefi {
    max-width: 980px;
    margin: 10px auto;
}

#BrwrIncomeDiv {
    width: 1200px;
    height: auto;
}

#borrowerInfo {
    width: 100%;
    /*display: block;*/
    float: none;
    display: block;
    overflow: auto;
}

.AddNewBorrowerButton {
    width: 200px;
    margin: 15px;
    float: left;
}

#ten03Section8questions {
    display: block;
    width: 900px;
}

/* Debt.aspx
        ----------------------------*/
#DebtBox {
    width: 1100px;
}

#CreditReport {
    width: 1100px;
    /*margin-left: 250px;*/
}

#MortgageDebtsDiv {
    width: 1100px;
}

#DebtQualityControl {
    width: 1100px;
}


/* Assets.aspx
        ----------------------------*/
#EMD_Present {
    width: 500px;
}

#assetEntry {
    width: 1050px;
}

#AssetQualityControl {
    width: 500px;
}


/* REO.aspx
        ----------------------------*/

#reo {
    width: 1000px;
    display: block;
}

#BrwrPrimMortDetail {
    width: 700px;
    display: block;
}


/* DebtWorksheet
            -------------------------*/
.DbtWkshtDTI {
    font-size: 12px;
}

    .DbtWkshtDTI th {
        font: bold;
        font-size: 11px;
        padding: 4px;
        text-align: center;
        border: 1px solid gray;
    }

    .DbtWkshtDTI td {
        text-align: right;
        border: 1px solid gray;
        width: auto;
        margin: 5px;
        padding: 5px;
    }


.DbtWkshtTotalDebt {
    font-size: 12px;
    text-align: center;
}

    .DbtWkshtTotalDebt th {
        width: 80px;
    }

        .DbtWkshtTotalDebt th:nth-child(1) {
            width: 200px;
        }


    .DbtWkshtTotalDebt td {
        width: 80px;
    }

        .DbtWkshtTotalDebt td:nth-child(1) {
            width: 200px;
        }

#TotalDebtsTable {
    font-size: 12px;
}

#TotalAmountsDiv {
    float: left;
}



/* File_Viewer.aspx
        ------------------------------*/
/*#CreateFile {
    width: 160px;
    float: left;
}
*/
.ToolbarNav {
    font-size: 1.3em;
    background-color: var(--primary); /* old uberwriter colors #efeeef */
    color: #7C6F57;
    font-family: Arial;
    border-bottom: 3px solid var(--secondaryaccent); /* old uberwriter colors ##D6ED94*/
}

.ToolbarNavAdmin {
    font-size: 1.3em;
    background-color: var(--primary); /* old uberwriter colors #efeeef */
    color: #7C6F57;
    font-family: Arial;
    border-bottom: 3px solid var(--secondaryaccent); /* old uberwriter colors ##D6ED94*/
}

.ToolbarNav_Sub {
    font-size: 0.9em;
    background-color: #f2f8f4; /* old uberwriter colors #efeeef */
    border: 1px solid #388697; /* old uberwriter colors ##D6ED94*/
    font-family: Arial;
}
.ToolbarNav_Hover {
    background-color: var(--altaccent);
    color: white;
}
.ToolbarNav_Selected {
    background-color: var(--altaccent) !important;
    color: white;
}
#IncomeBorrowerDiv {
    /*width: 95%;*/
/*    margin: 30px auto;
*/    /*text-align: center;*/
    max-width: 980px;
}

#OtherIncomeDiv {
    width: 1100px;
}

#BorrowerButtonsWksht {
    display: block;
    width: 600px;
    float: left;
    font-size: 12px;
    margin-left: 20px;
}

#BorrowerButtons {
    display: block;
    width: 700px;
    margin: 10px;
}

#UpdateIncomeButton {
    display: block;
    width: 150px;
    /*margin-top: -55px;
            float: right;*/
    position: fixed;
    left: -49px;
    top: 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.imgForm {
    width: 300px;
    margin-left: 10px;
}


.processingStatus {
    display: block;
    width: 250px;
    height: 50px;
    text-align: center;
    position: fixed;
    left: 40%;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

.processingMessage {
    background-color: var(--primary);
    border: 2px solid var(--primaryaccent);
    border-radius: 7px;
    width: 250px;
    height: 110px;
    text-align: center;
    vertical-align: central;
    font-size: xx-large;
    text-shadow: 1px 1px 2px white;
    z-index: 0;
}

.UpdateEmploymentButton {
    position: absolute;
    left: 0%;
    top: -32px;
/*    background: #75c2f5;
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
*/    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    height: 40px;
    width: 190px;
    font-size: 28px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;

    background: var(--altaccent) !important; /*#337ab7*/
    background-color: var(--altaccent) !important;
    border-color: #2e6da4;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

    .UpdateEmploymentButton:hover {
        background: var(--primaryaccent) !important;
        text-decoration: none;
        top: -31px;
    }

.UpdateDebtButton {
    position: absolute;
    left: 0%;
    top: -32px;
    background: #75c2f5;
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    height: 40px;
    width: 190px;
    font-size: 28px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

    .UpdateDebtButton:hover {
        background: #61c2ff;
        text-decoration: none;
        top: -31px;
    }

.UREtable {
}

    .UREtable td {
        text-align: right;
        font-size: 11px;
    }

        .UREtable td:nth-child(1) {
            width: 150px;
        }

.incomeHeading {
    background-color: var(--primaryaccent); /*#D6ED94*/
    font-family: arial;
    font-size: 10px;
    color: #000000;
    /*word-wrap: break-word;*/
}

.incomeRowName {
    width: 150px;
    height: 45px;
    float: left;
    font-family: Arial;
    font-size: 11px;
    line-height: 15px;
    text-align: right;
}

.incomeTextBox {
    width: 85px;
    text-align: right;
    font-size: 13px;
    user-select: all;
    z-index: 10;
}

    .incomeTextBox::-ms-clear {
        /* This disables the IE x in the textbox for deletion*/
        display: none;
    }

    .incomeTextBox:hover {
        cursor: text;
    }


.incomeTextBoxSM {
    width: 55px;
    text-align: right;
    font-size: 13px;
    user-select: all;
    z-index: 10;
}

    .incomeTextBoxSM::-ms-clear {
        /* This disables the IE x in the textbox for deletion*/
        display: none;
    }

    .incomeTextBoxSM:hover {
        cursor: text;
    }
/*.incomeTextBoxDisabled {
            width: 85px;
            text-align: right;
            background-color: lightgray;
            -webkit-user-select: none;  
            -moz-user-select: none;    
            -ms-user-select: none;      
            user-select: none;
        }*/

.incomeHeaderTextBox {
    width: 60px;
    text-align: right;
    cursor: text;
}

.incomeTexBoxDiv {
    width: 100px;
    height: 35px;
}

.incomeDataEntry {
    width: 400px;
    display: block;
}

.incomeDataEntryHourly {
    width: 550px;
    display: block;
    float: left;
}

.incomeDataEntry_Hourly {
    width: 700px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.incomeNoEntry_nonVOE {
    background-color: lightgray;
    text-align: right;
    width: 85px;
}

.incomeDataEntry1065 {
    width: 400px;
    display: block;
}

.incomeDataEntrySchC {
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .incomeDataEntrySchC tr:last-child {
        border-top: 1px solid black;
    }

.incomeAnalysisTblVryNarrow {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.incomeAnalysisTblVryNarrow td {
    padding-left: 10px;
}
.incomeAnalysisTblVryNarrow th {
    text-align: center;
}

.incomeAnalysisTblNarrow {
    width: 400px;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
    float: none;
    font-size: 13px;
}

    .incomeAnalysisTblNarrow th {
        text-align: center;
    }

.incomeAnalysisTblWide {
    width: 590px;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
    float: none;
}

    .incomeAnalysisTblWide tr:nth-child(1) td {
        text-align: center;
    }

    .incomeAnalysisTblWide tr:nth-child(2) td {
        text-align: center;
    }

    .incomeAnalysisTblWide td {
        padding: 3px;
        margin: 1px;
    }

.incomeAnalysisTblNOVOE {
    width: 595px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

    .incomeAnalysisTblNOVOE tr:nth-child(1) td {
        text-align: center;
        padding: 3px;
    }

    .incomeAnalysisTblNOVOE tr:nth-child(2) td {
        text-align: center;
        padding: 3px;
    }

    .incomeAnalysisTblNOVOE td {
        padding: 4px;
        margin: 3px;
    }


.incomeAnalysisTblSE {
    width: 450px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
/*    .incomeAnalysisTblSE tr:nth-child(1) td {
                text-align: left;
            }
    .incomeAnalysisTblSE tr:nth-child(2) td {
                text-align: left;
            }
*/    .incomeAnalysisTblSE td {
        padding: 10px;
        margin: 1px;
    }

.incomeAnalysisTblSHOULD {
    background-color: var(--primary); /*var(--secondaryaccentH1);*/ /*#fbfad9*/
    width: 50px;
}

.incomeAnalysisTblANN {
    background-color: var(--primary); /*var(--secondaryaccentH1);*/ /*#fefef4*/
    width: 50px;
}

.incomeAnalysisTblARE {
    background-color: var(--primary); /*var(--secondaryaccentH2);*/ /*#f9f8c6*/
    width: 50px;
}

.incomeAnalysisTblWERE {
    background-color: var(--primary); /*var(--secondaryaccentH3);*/ /*#f8f6b3*/
    width: 50px;
}
.incomeAnalysisTblWEREPaystub {
    background-color: var(--secondaryaccentH3); /*#f8f6b3*/
    width: 50px;
    min-width: 70px;
}


.incomeDataEntry1065total {
    width: 400px;
    display: block;
    border-top: solid 1px black;
}

.incomeDataEntry1120 { /* Mark this for deletion later*/
    width: 400px;
    display: block;
}

.incomeDataEntryTblNarrow_wTotal {
    width: 560px;
    display: block;
    margin: auto;
    /*margin-left: auto;
            margin-right: auto;*/
    overflow: auto;
    align-content: center;
}

/*    .incomeDataEntryTblNarrow_wTotal tr:last-child {
        border-top: 1px solid black;
    }
*/
.qualIncome {
    border-left: solid 1px black;
    border-right: solid 1px black;
}
/*.qualIncCol1 {
    background-color: aquamarine;
}
.qualIncCol2{
    background-color: aqua;
}
.qualIncCol3 {
    background-color: aquamarine;
}

.qualIncCol4 {
    background-color: aqua;
}
*/
.incomeDataEntrySE_Ind {
    background-color: var(--secondaryaccentH1); /*#fbfad9*/
}

.incomeDataEntrySE_Biz {
    background-color: var(--secondaryaccentH2); /*#f8f6b3*/
}


.incomeDataEntryTblWide_wTotal {
    width: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

    .incomeDataEntryTblWide_wTotal tr:last-child {
        border-top: 1px solid black;
    }

.incomeDataEntry1120total {
    width: 400px;
    display: block;
    border-top: solid 1px black;
}

.incomeDataEntryMilitary {
    width: 300px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.incomeDataEntrySalary {
    width: 540px;
    display: block;
    float: left;
}

/* Improved styling for paystub / hourly income table. */
/* Table container */
.incomeHourlyTable {
    width: 80%;
    border-collapse: separate; /* allow vertical spacing between row pairs */
    border-spacing: 0px; /* vertical gap between logical groups */
    font-size: 13px;
    line-height: 1.45;
    color: #222;
    margin: 0 auto;
}

    /* Header */
    .incomeHourlyTable th {
        text-align: center;
        padding: 5px 6px;
        font-weight: 700;
        font-size: 0.95rem;
        color: #012351;
        background: var(--primary);
    }
        .incomeHourlyTable tr:last-child th
        {
            text-align: right;
        }
        .incomeHourlyTable tr:last-child th:first-child
        {
            text-align: center;
        }


    /* Default cell appearance */
    .incomeHourlyTable td {
        padding: 5px 6px;
        vertical-align: middle;
        background: transparent; /* actual row background applied to tr for grouping */
        border: 0;
    }

        /* Right-align numeric columns (2..4) - adjust indexes if markup changes */
        .incomeHourlyTable td:nth-child(2),
        .incomeHourlyTable td:nth-child(3),
        .incomeHourlyTable td:nth-child(4) {
            text-align: right;
            font-variant-numeric: tabular-nums;
        }

    /* Pair backgrounds:
   4n-2 & 4n-1 -> pair A (primary)
   4n+1 & 4n   -> pair B (white)
*/
    .incomeHourlyTable tbody > tr:nth-child(4n-2),
    .incomeHourlyTable tbody > tr:nth-child(4n-1) {
        background: var(--primary);
    }

    .incomeHourlyTable tbody > tr:nth-child(4n+1),
    .incomeHourlyTable tbody > tr:nth-child(4n) {
        background: #ffffff;
    }

        /* Spacing:
   - First row of pair: small bottom padding to keep pair tight
   - Second row of pair: larger bottom padding to separate pairs visually
*/
        .incomeHourlyTable tbody > tr:nth-child(4n-2) td,
        .incomeHourlyTable tbody > tr:nth-child(4n) td {
            padding-top: 13px;
            padding-bottom: 2px; /* small gap to the paired row */
        }

        .incomeHourlyTable tbody > tr:nth-child(4n-1) td,
        .incomeHourlyTable tbody > tr:nth-child(4n+1) td {
            padding-top: 2px;
            padding-bottom: 13px; /* larger gap after the pair */
        }

        /* Emphasize the label on the first row of each pair */
        .incomeHourlyTable tbody > tr:nth-child(4n-3) td:first-child,
        .incomeHourlyTable tbody > tr:nth-child(4n-1) td:first-child {
            font-weight: 700;
            color: #0b3b66;
        }

        /* Indent the monthly/sub-row label (second row of each pair) */
        .incomeHourlyTable tbody > tr:nth-child(4n-2) td:first-child,
        .incomeHourlyTable tbody > tr:nth-child(4n) td:first-child {
            color: #556;
            padding-left: 18px;
            font-size: 0.95rem;
        }
        /* Optional: make the first column stand out on narrow screens */
    @media (max-width: 720px) {
        .incomeHourlyTable, .incomeHourlyTable thead, .incomeHourlyTable tbody, .incomeHourlyTable th, .incomeHourlyTable td, .incomeHourlyTable tr {
            display: block;
        }

            .incomeHourlyTable thead {
                display: none; /* hide header for stacked layout */
            }

            .incomeHourlyTable tbody > tr {
                margin-bottom: 12px;
                box-shadow: 0 2px 6px rgba(0,0,0,0.06);
                border-radius: 8px;
                padding: 8px;
            }

            .incomeHourlyTable td {
                display: flex;
                justify-content: space-between;
                padding: 8px 10px;
            }

                .incomeHourlyTable td:first-child {
                    font-weight: 600;
                    padding-left: 0;
                }
    }

.incomeInvTable {
    display: block;
    /*margin-left: auto;
    margin-right: auto;
    width: 400px;*/
}

    .incomeInvTable th {
        padding: 3px;
        margin: 3px;
        text-align: center;
        font-style: normal;
        font-size: 12px;
        width: 100px;
    }

        .incomeInvTable th:nth-child(4) {
            text-align: center;
            padding: 3px;
        }

    .incomeInvTable td {
        padding: 3px;
        margin: 3px;
        text-align: right;
        font-size: 12px;
        width: 100px;
    }

        .incomeInvTable td:nth-child(1) {
            width: 150px;
        }

        .incomeInvTable td:nth-child(4) {
            text-align: center;
            padding: 3px;
        }

#jobMonthlyTotal {
    width: 170px;
    height: 20px;
    margin-left: 735px;
    margin-top: -90px;
    line-height: 20px;
}

#jobMonthlyTotalSchedC {
    width: 170px;
    height: 20px;
    margin-left: 700px;
    margin-top: 20px;
    line-height: 20px;
    display: block;
}

#jobMonthlyTotal1120 {
    width: 170px;
    height: 20px;
    margin-left: 700px;
    margin-top: 0px;
    line-height: 20px;
}

#BorrowerMonthlyTotal {
    /*width: 340px;*/
    height: 25px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -25px;
    /*margin-bottom: 60px;*/
    line-height: 27px;
    float: right;
    font-size: 16px;
    text-align: center;
    background-color: var(--primary);
}

#reoMonthlyTotal {
    width: 300px;
    height: 30px;
    margin-left: 0px;
    margin-right: 50px;
    line-height: 27px;
    float: right;
    font-size: 16px;
    text-align: center;
    background-color: #D5E7F7;
    margin-top: -60px;
}

.incomeLightColor {
    background-color: #ffffff; /*#fafad2;*/
    font-family: arial;
    font-size: 11px;
    color: #000000;
    float: left;
    /*line-height: 70px;*/
    height: 15px;
    width: 120px;
    padding: 0px;
}

.incomeDarkColor {
    background-color: #ffffff;
    font-family: arial;
    font-size: 11px;
    float: left;
    /*line-height: 70px;*/
    height: 15px;
    width: 120px;
    padding: 0px;
}


/*#pnlHourlyVOEradiobutton {
            border-left: 1px solid black;
        }*/

#pnlHourlyNoVOEradiobutton {
    display: block;
    width: 550px;
    float: right;
    margin-top: -100px
}

.pnlHasVOENarrow {
    display: block;
    width: auto;
    float: left;
}

.pnlHasVOEHrly {
    display: block;
    width: 550px;
    float: left;
}

.pnlHasVOESalry {
    display: block;
    width: 600px;
    float: left;
}


SchedCEntry {
    display: block;
    width: 700px;
    float: left;
}

/*.ten65Entry {
            display: block;
            float: left;
        }*/

.blockFloatLeft {
    display: block;
    float: left;
}

.blockFloatLeftDataList {
    /*display: block;*/
    /*float: left;*/
    page-break-inside: avoid;
    /*page-break-after: always;*/
    float: none;
}

.blockFloatLeftDataListAlways {
    /*display: block;
            float: left;*/
    page-break-before: always;
}

.pageBreakForce {
    page-break-before: always;
}

.pageBreakForceAfter {
    page-break-after: always;
}

.pageBreakInsideAvoid {
    page-break-inside: avoid;
}

.datalistPageBreak tr {
    page-break-after: always;
}

.ten65RadioButtons {
    width: 550px;
    float: right;
    display: block;
    margin-top: 0px;
}

.eleven20RadioButtons {
    width: 550px;
    float: right;
    display: block;
    margin-top: 0px;
}

.SchedCRadioButtons {
    width: 400px;
    float: right;
    display: block;
    margin-top: -480px;
}

.UpdateIncomeDataButtton {
    float: right;
    margin-right: 20px;
}

/* Yet to be categorized styles*/
.TextBoxesSM {
    font-size: small;
    background-color: white;
    width: 65px;
    text-align: right;
}

.TextBoxesxSM {
    font-size: small;
    background-color: white;
    width: 50px;
    text-align: right;
}

.TextBoxIncHeader {
    background: var(--primary);
    font-size: 18px;
    font-weight: bold;
}

.TextBoxesMD {
    font-size: small;
    background-color: white;
    width: 100px;
    text-align: right;
}

.TextBoxesMD1084 {
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    background-color: white;
    width: 90px;
    text-align: right;
    display: inline-block;
    font-family: Electrolize;
    padding: 3px;
    margin: 2px 3px 2px 3px;
    clear: both;
}

.TextBoxesMDSearch {
    font-size: small;
    background-color: white;
    width: 180px;
    text-align: right;
    vertical-align: top;
    padding: 3px;
    margin: 5px;
    height: 20px;
}


.TextBoxesUser {
    font-size: small;
    background-color: white;
    width: 100px;
    text-align: center;
}

.TextBoxesLG {
    font-size: small;
    background-color: white;
    width: 130px;
    text-align: right;
}

.TextBoxesXL {
    font-size: small;
    background-color: white;
    width: 175px;
    text-align: right;
}

.center-aligned-text {
    text-align: center;
}



/*       USR STYLES       */

.USRworksheetDiv {
    width: auto;
    float: left;
}

.USRAssetsGridviewStyle {
    width: 600px;
}

    .USRAssetsGridviewStyle td {
        font-weight: normal;
        text-align: center;
    }

    .USRAssetsGridviewStyle th {
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid black;
    }

.USRIncomeGridviewStyle {
    width: 700px;
}

    .USRIncomeGridviewStyle td {
        font-weight: normal;
        text-align: center;
    }

    .USRIncomeGridviewStyle th {
        font-weight: bold;
        text-align: center;
    }

.USRFundsToCloseStyle {
    width: 300px;
    margin-left: 20%;
    page-break-inside: avoid;
}

    .USRFundsToCloseStyle td:nth-child(1) {
        font-weight: bold;
        text-align: right;
    }

    .USRFundsToCloseStyle td:nth-child(2) {
        font-weight: normal;
        text-align: left;
    }

    .USRFundsToCloseStyle th {
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid black;
    }

.USRDebtsGridviewStyle {
    width: 600px;
}

    .USRDebtsGridviewStyle td:nth-child(1) {
        font-weight: bold;
        text-align: center;
    }

    .USRDebtsGridviewStyle td {
        font-weight: normal;
        text-align: center;
    }

    .USRDebtsGridviewStyle th {
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid black;
    }

.USRSubPropInfoStyle {
    width: 300px;
    margin-left: 15%;
}

    .USRSubPropInfoStyle td:nth-child(1) {
        font-weight: bold;
        text-align: right;
    }

    .USRSubPropInfoStyle td:nth-child(2) {
        font-weight: normal;
        text-align: left;
    }

    .USRSubPropInfoStyle th {
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        border-bottom: 1px solid black;
    }

.USRBrwrOvervwGridviewStyle {
    width: 700px;
}

    .USRBrwrOvervwGridviewStyle td {
        font-weight: normal;
        text-align: center;
        width: auto;
    }

    .USRBrwrOvervwGridviewStyle th {
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid black;
    }

#SubjectMortPaymentDiv {
    width: 20%;
    display: block;
    float: left;
    padding: 5px;
}

#TotalDebtsAllBorrowersDiv {
    width: 35%;
    display: block;
    float: left;
    padding: 5px;
}

#DTIratiosDiv {
    width: 40%;
    display: block;
    float: left;
    padding: 5px;
}

/* Debt Worksheet*/
.DebtSummaryGridView {
    font-size: 11px;
    border: 1px solid black;
}

    .DebtSummaryGridView th {
        border: 1px solid black;
        text-align: center;
        margin: 4px;
        padding: 4px;
    }

    .DebtSummaryGridView td {
        border: 1px solid black;
        text-align: center;
        margin: 4px;
        padding: 4px;
    }

.CommentListViewStyle {
    width: 700px;
    display: block;
}

    .CommentListViewStyle th {
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        border-bottom: 3px solid gray;
        padding: 3px;
    }

    .CommentListViewStyle td:nth-child(1) {
        width: 480px;
        text-align: left;
        padding: 3px;
        margin: 3px;
        border-bottom: 1px solid gray;
    }

    .CommentListViewStyle td:nth-child(2) {
        width: 100px;
        text-align: center;
        padding: 3px;
        margin: 3px;
        border-bottom: 1px solid gray;
    }

    .CommentListViewStyle td:nth-child(3) {
        width: 100px;
        text-align: center;
        padding: 3px;
        margin: 3px;
        border-bottom: 1px solid gray;
    }


.GridViewStyleDiscrep {
    color: black;
    font: bold;
    font-size: 11px;
    margin: 5px;
    padding: 5px;
}

    .GridViewStyleDiscrep th {
        font: bold;
        color: white;
        background-color: #121175;
        text-align: center;
    }

    .GridViewStyleDiscrep td:nth-child(1) {
        text-align: left;
        margin: 5px;
        padding: 5px;
        border-bottom: 1px solid gray;
        width: 150px;
    }

    .GridViewStyleDiscrep td:nth-child(2) {
        text-align: center;
        margin: 5px;
        padding: 5px;
        border-bottom: 1px solid gray;
        width: 100px;
    }

    .GridViewStyleDiscrep td:nth-child(3) {
        text-align: center;
        margin: 5px;
        padding: 5px;
        border-bottom: 1px solid gray;
        width: 200px;
    }

    .GridViewStyleDiscrep td:nth-child(4) {
        text-align: center;
        margin: 5px;
        padding: 5px;
        border-bottom: 1px solid gray;
        width: 150px;
    }

.auto-style13 {
    text-decoration: underline;
    text-align: center;
}

#FileOverview {
    width: 1000px;
    margin-right: 500px;
    font-size: 1.5em;
}

.FancyButtonClass {
    -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    background-color: #9dce2c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #000000;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
}

    .FancyButtonClass:hover {
        background-color: #8cb82b;
    }

    .FancyButtonClass:active {
        position: relative;
        top: 1px;
    }

.btn {
    display: inline-block;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    float: left;
}

.btn-group {
    color: #337ab7;
    padding: 5px 4px 0px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .btn-group:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .btn-group > .btn {
        position: relative;
        float: left;
    }

.btn-groupUno {
    color: #337ab7;
    padding: 5px 4px 0px 4px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

/* outer container */
.report-actions {
    width: 400px; /* replaces inline width */
    margin: 0 auto; /* centers the whole block */
    text-align: center;
}

/* buttons row */
.report-actions__buttons {
    display: flex;
    gap: 10px; /* lateral separation */
    justify-content: center; /* center the row */
    align-items: stretch; /* same height */
}

/* make LinkButtons equal height and behave nicely in flex */
.report-actions__btn {
    display: inline-flex; /* lets us vertically center icon/text */
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    /* optional: make them equal width too */
    flex: 1 1 0;
    min-width: 0;
}

/* loader positioning */
.report-actions__loader {
    margin-top: 10px;
}

    .report-actions__loader img {
        width: 50px; /* replaces inline width */
        height: auto;
    }

/* dropdown centered under buttons */
.report-actions__dropdownWrap {
    margin-top: 12px;
    display: flex;
    justify-content: center;
}

.report-actions__dropdown {
    min-width: 220px; /* adjust as desired */
    max-width: 100%;
}
/* Generic disabled look */
.is-disabled {
    pointer-events: none; /* prevents clicks */
    opacity: 0.55;
    background-color: #6c757d !important; /* Bootstrap secondary gray */
    border-color: #6c757d !important;
    color: #fff !important;
    cursor: not-allowed;
}

    /* Optional: dim the icon slightly */
    .is-disabled i {
        opacity: 0.7;
    }


.btn-primary {
    background-color: var(--secondaryaccent); /*#337ab7*/
    border-color: #2e6da4;
    padding-left: 10px;
    color: #fff !important;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

    .btn-primary:hover {
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active {
        background-color: #286090;
        border-color: #204d74;
    }

.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    color: white;
}

    .dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.dropdown-menu {
    background: none;
    list-style: none;
    list-style-type: none;
    position: absolute;
    /*clear:both;*/
    top: 36px;
    left: 4px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 80px;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}

    .dropdown-menu ul {
        list-style-type: none;
    }

    .dropdown-menu a {
        color: black;
    }

        .dropdown-menu a:hover {
            background-color: #dcdcdc;
        }

        .dropdown-menu a.disabled {
            color: #999;
            pointer-events: none;
            cursor: default;
            text-decoration: none;
        }

    .dropdown-menu li {
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu li:hover {
            background-color: #dcdcdc;
            color: black !important;
        }

.open {
    display: block;
}

    .open > .dropdown-menu {
        display: block;
    }

.NavigationButtonEmpty {
    /*Comment out old code for test*/
    background: #ffff;
    /*background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;*/
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    vertical-align: bottom;
    padding: 0px 0px 2px 0px;
    line-height: 30px;
    border: none; /*solid #1f628d 1px;*/
    text-decoration: none;
    position: relative;
    /* New flat code        */
    /*border-radius: 5px;
            padding: 10px 15px;
            font-size: 14px;
            text-decoration: none;
            margin: 5px;
            color: #fff;
            position: relative;
            display: inline-block;
            background-color: #55acee;
            box-shadow: 0px 5px 0px 0px #3C93D5;
            border: 0px solid none;*/
}
    .NavigationButtonEmpty i {
        position: absolute; /* Position the icon absolutely */
        top: 50%; /* Move the icon to the center vertically */
        left: 50%; /* Move the icon to the center horizontally */
        transform: translate(-50%, -50%); /* Center the icon perfectly */
    }


.NavigationButton {
    /*Comment out old code for test*/
    background: var(--altaccent) !important; /*#337ab7*/
    background-color: var(--altaccent) !important;
    border-color: #2e6da4;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 10px 10px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
}
    .NavigationButtonSelected {
        background: var(--primaryaccent) !important; /*#337ab7*/
        background-color: var(--primaryaccent) !important;
        border-color: #2e6da4;
        padding-left: 10px;
        text-shadow: 0 1px 0 rgba(0,0,0,0.2);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        font-family: Arial;
        color: #000000;
        font-size: 20px;
        padding: 10px 20px 10px 20px;
        border: solid #1f628d 1px;
        text-decoration: none;
    }

    .NavigationButton:hover {
        background: var(--primaryaccent) !important;
        text-decoration: none;
        color: black;
        /*background-color: #6FC6FF;*/
    }
/*.NavigationButton:active {
            transform: translate(0px, 5px);
            -webkit-transform: translate(0px, 5px);
            box-shadow: 0px 1px 0px 0px;
        }*/


.NavigationButtonYellow {
    /*Comment out old code for test*/
    background: var(--BPWarnYellow) !important;
    background-color: var(--BPWarnYellow) !important;
    border-color: #2e6da4;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

.NavigationButtonYellowSelected {
    background: var(--primaryaccent) !important; /*#337ab7*/
    background-color: var(--primaryaccent) !important;
    border-color: #2e6da4;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

.NavigationButtonYellow:hover {
    background: var(--primaryaccent) !important;
    text-decoration: none;
    color: black;
    /*background-color: #6FC6FF;*/
}


.NavigationButtonRed {
    background: var(--altaccent) !important; /*#337ab7*/
    background-color: var(--altaccent) !important;
    border-color: #2e6da4;
    padding-left: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}


    .NavigationButtonRed:hover {
        background: var(--BPWarnLight) !important;
        text-decoration: none;
        color: black;
        /*background-color: #6FC6FF;*/
    }



        .btn {
            display: inline-block;
            margin-left: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            white-space: nowrap;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: relative;
            float: left;
        }
        .btn-group{
            color: #337ab7;
            padding: 5px 4px 0px 4px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }
            .btn-group:not(:last-child):not(.dropdown-toggle){
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }
            .btn-group .btn+.btn{
                margin-left: -1px;
            }
            .btn-group > .btn{
                position: relative;
                float: left;
            }
        .btn-primary {
            background-color: var(--secondaryaccent); /*#337ab7*/
            border-color: #2e6da4;
            padding-left: 10px;
            color: #fff !important;
            font-weight: bold;
            text-shadow: 0 1px 0 rgba(0,0,0,0.2);
        }
            .btn-primary:hover {
                background-color: #286090;
                border-color: #204d74;
            }
            .btn-primary:active {
                background-color: #286090;
                border-color: #204d74;
            }
        .dropdown-toggle {
            padding-left: 8px;
            padding-right: 8px;
            color: white;
        }
        .dropdown-toggle:not(:first-child){
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }
        .dropdown-menu {
            background: none;
            list-style: none;
            list-style-type: none;
            position: absolute;
            /*clear:both;*/
            top: 36px;
            left: 4px;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 80px;
            padding: 0px 0;
            margin: 2px 0 0;
            list-style: none;
            font-size: 14px;
            text-align: left;
            background-color: #fff;
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,0.15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
            box-shadow: 0 6px 12px rgba(0,0,0,0.175);
            background-clip: padding-box;
        }
        .dropdown-menu ul {
            list-style-type: none;
        }
            .dropdown-menu a{
                color: black;
            }
            .dropdown-menu a:hover{
                background-color: #dcdcdc;
            }
            .dropdown-menu li {
                display: block;
                padding: 3px 10px;
                clear: both;
                font-weight: normal;
                line-height: 1.42857143;
                color: #333;
                white-space: nowrap;
            }
                .dropdown-menu li:hover {
                    background-color: #dcdcdc;
                    color: black !important;
                }
        .open{
            display: block;
        }
            .open > .dropdown-menu{
                display: block;
            }

        .fileOps{
            color: black;
            background-color: white;
        }
        .fileOps > a:hover{
            /*background-color: white !important;*/
            color: blue !important;
            
        }

.NavigationButtonWhite {
    background: var(--primary) !important;
    background-color: var(--primary) !important;
    background-image: -webkit-linear-gradient(top, #fafdff, #999999);
    background-image: -moz-linear-gradient(top, #fafdff, #999999);
    background-image: -ms-linear-gradient(top, #fafdff, #999999);
    background-image: -o-linear-gradient(top, #fafdff, #999999);
    background-image: linear-gradient(to bottom, #fafdff, #999999);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

    .NavigationButtonWhite:hover {
        background: var(--primaryaccent) !important;
        text-decoration: none;
    }

.NavigationButtonDisabled {
    background: #fafdff;
    background-image: -webkit-linear-gradient(top, #fafdff, #999999);
    background-image: -moz-linear-gradient(top, #fafdff, #999999);
    background-image: -ms-linear-gradient(top, #fafdff, #999999);
    background-image: -o-linear-gradient(top, #fafdff, #999999);
    background-image: linear-gradient(to bottom, #fafdff, #999999);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: gray;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

/*.NavigationButtonDisabled:hover {
          background: #61c2ff;
          text-decoration: none;
        }*/

.NavigationButtonGreen {
    background: #A0CE4E;
    background-image: -webkit-linear-gradient(top, #A0CE4E, #2980b9);
    background-image: -moz-linear-gradient(top, #A0CE4E, #2980b9);
    background-image: -ms-linear-gradient(top, #A0CE4E, #2980b9);
    background-image: -o-linear-gradient(top, #A0CE4E, #2980b9);
    background-image: linear-gradient(to bottom, #A0CE4E, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 1px;
    text-decoration: none;
}

    .NavigationButtonGreen:hover {
        background: #61c2ff;
        text-decoration: none;
    }


.NavPrevious {
    display: block;
    width: 80%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.NavNext {
    display: block;
    width: 50px;
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
}

.reportbodyUSR {
    width: 715px;
    padding-left: 20px;
    padding-right: 20px;
}

.reportbodyAssetWksht {
    width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}


/*#reportbody {*/
    /*width: 735px;*/
    /*padding: 20px;*/
    /*float: none;*/
/*    font-size: .8em;
*//*}*/

.homeTripleDivList {
}

    .homeTripleDivList li {
        width: 250px;
        font-size: 13px;
        margin-left: -20px;
        text-align: left;
    }

.CentertripleDiv {
    width: 275px;
    height: 250px;
    display: block;
    border: 1px solid #808080;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    -moz-box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    box-shadow: 0 1px 20px 1px rgba(77,77,77,0.75);
    padding: 10px;
    margin: 10px;
    text-align: left;
    background-color: floralwhite;
    /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Opera */
    background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #FFFFFF), color-stop(1, #FFF9EF));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #FFF9EF 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(circle farthest-side at center, #FFFFFF 0%, #FFF9EF 100%);
}

.ThirtyDayDemo {
    -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    box-shadow: inset 0px 1px 0px 0px #c1ed9c;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background: -moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color: #9dce2c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #83c41a;
    display: inline-block;
    color: #474547;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #689324;
}

    .ThirtyDayDemo:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
        background: -moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
        background-color: #8cb82b;
    }

    .ThirtyDayDemo:active {
        position: relative;
        top: 1px;
    }
/* This imageless css button was generated by CSSButtonGenerator.com */

#DemoDetails {
    width: 950px;
    display: block;
    margin-left: 10%;
}

#NewUserRegDiv {
    display: block;
    float: left;
    width: 450px;
    height: 450px;
    border: solid 1px blue;
    padding: 10px;
}

#ExistingUserRegDiv {
    display: block;
    float: left;
    width: 450px;
    height: 450px;
    border: solid 1px blue;
    padding: 10px;
}

#registrationWizard {
    margin-top: 10px;
    display: block;
    padding: 10px;
}

.demoExplainDiv {
    width: 50%;
    display: block;
    float: none;
    font-size: 13px;
    margin-top: 20px;
}

.goldButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0d20c), color-stop(1, #baab36) );
    background: -moz-linear-gradient( center top, #f0d20c 5%, #baab36 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0d20c', endColorstr='#baab36');
    background-color: #f0d20c;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #333333;
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: bold;
    padding: 6px 76px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #f2db30;
}

.silverButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8e8e8), color-stop(1, #c0c0c0) );
    background: -moz-linear-gradient( center top, #e8e8e8 5%, #c0c0c0 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#c0c0c0');
    background-color: #e8e8e8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #666666;
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: bold;
    padding: 6px 76px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.platButton {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B6C1D6), color-stop(1, #e5e4e2) );
    background: -moz-linear-gradient( center top, #d2dadb 5%, #86a7ba 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B6C1D6', endColorstr='#e5e4e2');
    background-color: #d2dadb;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #666666;
    font-family: 'Century Gothic';
    font-size: 16px;
    font-weight: bold;
    padding: 6px 76px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.calculatorTable {
    width: 400px;
    font-size: 12px;
}

    .calculatorTable td {
        width: 40%;
        margin: 3px;
        padding: 3px;
        text-align: right;
    }

/* PayPal Section  */
.ProductTable {
    font-size: 14px;
}

    .ProductTable th {
        font-weight: bold;
        text-align: center;
    }

    .ProductTable td {
        text-align: center;
    }

.FileViewLabel {
    font-size: 16px;
}

#FileViewerInfoRibbon {
    display: block;
    width: auto;
    float: left;
    height: 615px;
    visibility: visible;
}

.helpVideo {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
    background: -moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
    background-color: #77d42a;
    -webkit-border-top-left-radius: 37px;
    -moz-border-radius-topleft: 37px;
    border-top-left-radius: 37px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 37px;
    -moz-border-radius-bottomright: 37px;
    border-bottom-right-radius: 37px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 0;
    border: 1px solid #268a16;
    display: inline-block;
    color: #306108;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    width: 100px;
    text-decoration: none;
    text-align: center;
}

    .helpVideo:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
        background: -moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
        background-color: #5cb811;
    }

    .helpVideo:active {
        position: relative;
        top: 1px;
    }

.helpVideoPanel {
    display: inline-block;
    width: 430px;
    padding: 4px;
    margin: 4px;
    height: 350px;
}

.incWkTable {
    padding: 4px;
    margin: 4px;
    color: black;
    width: 100%
}

    .incWkTable td {
        border: solid 1px black;
        text-align: center;
        padding: 4px;
        margin: 4px;
        color: black;
    }

    .incWkTable th {
        text-align: center;
        padding: 4px;
        margin: 4px;
        color: black;
    }

.incomeDetailsWrapperDiv {
    width: 75%;
    float: left;
    display: block;
}

.ten03WrapperDiv {
    float: right;
    display: block;
    padding-top: 10px;
    padding-left: 5px;
    width: 23%;
}

.ten03SummaryWrapperDiv {
    display: block;
    /*padding-top: 10px;*/
    /*padding-left: 5px;*/
    width: 250px;
    margin-left: 6px;
    margin-right: 6px;
    word-wrap: hyphenate;
    page-break-inside: avoid;
}

.ten03SummaryDataList {
    /*float: left;*/
    /*height: 280px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    /*page-break-inside: avoid;*/
    /*width: 200px;*/
/*    display: inline;
*/    /*vertical-align: text-bottom;
    clear: both;
    white-space: nowrap;*/
}

.ten03Table {
/*    padding-left: 6px;
    margin-left: 6px;
    margin-right: 6px;
*/    color: black;
    width: 100%;
}

    .ten03Table td {
        border: solid 1px black;
        text-align: center;
        padding: 5px;
        margin: 5px;
        color: black;
    }

    .ten03Table th {
        text-align: center;
        padding: 5px;
        margin: 5px;
        color: black;
    }

.ten03Summary {
    width: 180px;
}

.worksheetCommentsWrapper {
    display: block;
    float: left;
    width: 90%;
    margin-bottom: 5px;
    font-size: larger;
    page-break-inside: avoid;
}

.worksheetWarningWrapper {
}

.ten03TableFinal {
    padding: 6px;
    margin: 6px;
}

    .ten03TableFinal td {
        border: solid 1px black;
        text-align: center;
        padding: 6px;
        margin: 6px;
    }

        .ten03TableFinal td:nth-child(3) {
            border: none;
            text-align: left;
            padding: 6px;
            margin: 6px;
            color: red;
        }

    .ten03TableFinal th {
        text-align: center;
        padding: 6px;
        margin: 6px;
    }

.incWkTableHrly {
    padding: 6px;
    margin: 6px;
}

    .incWkTableHrly td {
        border: solid 1px black;
        text-align: center;
        padding: 6px;
        margin: 6px;
    }

    .incWkTableHrly th {
        text-align: center;
        padding: 6px;
        margin: 6px;
    }

.WkSheetLblRt {
    text-align: right;
}

.WkSheetLblCtr {
    text-align: center;
}

.WkSheetIncomeSection {
    page-break-after: always;
    display: block;
}

.WkSheetHeader {
    width: 100%;
    color: black;
}

    .WkSheetHeader th {
        text-align: center;
        padding: 2px;
        margin: 2px;
    }

    .WkSheetHeader td {
        text-align: center;
        width: 80px;
        padding: 2px;
        margin: 2px;
    }

        .WkSheetHeader td:nth-child(1) {
            font-size: 20px;
            font: bolder;
            width: 200px;
            text-align: center;
        }

.incomeWarning {
    display: block;
    float: left;
    /*padding: 5px;*/
    /*margin: 5px;*/
    width: 700px;
    height: auto;
}

.incomeWarningMsg {
    display: block;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    /*margin-left: 10px;*/
    width: 650px;
    height: auto;
}

.worksheetCommentInnerDiv {
    display: block;
    float: left;
    padding-left: 10px;
    width: 100%;
    font-size: 13px; /* larger; */
}

.accordionContent {
    background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px solid #2F4F4F;
    border-style: solid solid solid;
    border-width: medium 1px 1px;
    padding: 5px 5px 5px;
    width: 650px;
    margin: 3px 3px 3px 18px;
}

.accordionHeaderSelected {
    background-color: #61c2ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 18px;
    width: 130px;
}

.accordionHeader {
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 18px;
    width: 130px;
}

.accordionHeaderService {
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    width: 300px;
}

.accordionHeaderServiceSelected {
    background-color: #61c2ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    width: 300px;
}

.accordionContentService {
    background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px solid #2F4F4F;
    border-style: solid solid solid;
    border-width: medium 1px 1px;
    padding: 5px 5px 5px;
    width: 500px;
    margin: 0 auto;
}

.accordionHeaderGreen {
    background-image: -webkit-linear-gradient(top, #A0CE4E, #78B013);
    background-image: -moz-linear-gradient(top, #A0CE4E, #78B013);
    background-image: -ms-linear-gradient(top, #A0CE4E, #78B013);
    background-image: -o-linear-gradient(top, #A0CE4E, #78B013);
    background-image: linear-gradient(to bottom, #A0CE4E, #78B013);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 0px;
    width: 170px;
}

.accordionHeaderSelectedGreen {
    background-color: #A0CE4E;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 0px;
    width: 170px;
}

.accordionContentGreen {
    background-color: #D3DEEF;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px solid #2F4F4F;
    border-style: solid solid solid;
    border-width: medium 1px 1px;
    padding: 5px 5px 5px;
    width: 800px;
    margin: 3px auto;
    overflow: initial;
}

.FileaccordionContent {
    background-color: #D3DEEF;
    border-color: #b9e738 black black black; /* -moz-use-text-color  */
    border-right: 1px solid #2F4F4F;
    border-style: solid solid solid;
    border-width: 4px 1px 1px;
    padding: 5px 5px 5px 5px;
    margin: 3px;
    width: 350px;
}

.FileaccordionHeaderSelected {
    background-color: #61c2ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px;
    width: 345px;
}

.FileaccordionHeader {
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 0px;
    width: 345px;
}

.accordionContentSolvency1088 {
    background-color: var(--secondaryaccentH1); /*#D3DEEF*/
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px solid #2F4F4F;
    border-style: solid solid solid;
    border-width: medium 1px 1px;
    padding: 5px 5px 5px;
    width: 555px;
    margin: 3px 3px 3px 18px;
}

.accordionHeaderSelectedSolvency1088 {
    background-color: #61c2ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 18px;
    width: 545px;
}

.accordionHeaderSolvency1088 {
    background-image: -webkit-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -moz-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -ms-linear-gradient(top, #75c2f5, #2980b9);
    background-image: -o-linear-gradient(top, #75c2f5, #2980b9);
    background-image: linear-gradient(to bottom, #75c2f5, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border: solid #1f628d 1px;
    text-decoration: none;
    cursor: pointer;
    margin: 3px 3px 3px 18px;
    width: 545px;
}

.AcidTestTable {
}

    .AcidTestTable th {
        padding: 4px;
        margin: 4px;
        text-align: right;
    }

    .AcidTestTable td {
        padding: 4px;
        margin: 4px;
        text-align: right;
    }


.CIAtable {
    margin-left: auto;
    margin-right: auto;
}

    .CIAtable th {
        padding: 4px;
        margin: 4px;
        text-align: center;
        border: 1px solid black;
    }

        .CIAtable th:nth-child(1) {
            width: auto;
        }

    .CIAtable td {
        padding: 4px;
        margin: 4px;
        text-align: right;
        border: 1px solid black;
    }

        .CIAtable td:nth-child(3) {
            width: 65px;
        }

        .CIAtable td:nth-child(5) {
            width: 65px;
        }

        .CIAtable td:nth-child(7) {
            width: 65px;
        }

.CIAsimpleBorder {
    border: 2px solid black;
    padding: 5px;
    margin: 3px;
}

.FNMAtable {
    margin-left: auto;
    margin-right: auto;
}

    .FNMAtable th {
        padding: 4px;
        margin: 4px;
        text-align: center;
        border: 1px solid black;
    }

        .FNMAtable th:nth-child(1) {
            width: auto;
        }

    .FNMAtable td {
        padding: 4px;
        margin: 4px;
        text-align: center;
        border: 1px solid black;
        vertical-align: middle;
    }

        .FNMAtable td:nth-child(3) {
            width: 65px;
        }

        .FNMAtable td:nth-child(5) {
            width: 65px;
        }

        .FNMAtable td:nth-child(7) {
            width: 65px;
        }
        .FNMAtable td table td {
            border: none;
            width: 60px;
        }



.helpTermTable {
    width: 700px;
}

    .helpTermTable td {
        border: 1px black solid;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
    }

        .helpTermTable td:nth-child(1) {
            border: 1px black solid;
            font-weight: bold;
            width: 150px;
            text-align: center;
        }

.helpMiscTable {
    width: auto;
}

    .helpMiscTable td {
        border: 1px black solid;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
        text-align: center;
    }

#SubDetails {
    display: block;
    height: 400px;
    width: 400px;
    float: left;
}

#Subuser {
    display: block;
    float: left;
    width: 450px;
    height: 500px;
}

.pdfBrwrFoooter {
    string-set: lblCurrentBorrowerName content();
    text-align: center;
}

.pdfDateFoooter {
    string-set: lblReportDate content();
}

/* Prince PDF generation styles */
@page {
    margin: 0.5cm .8cm 0.5cm .8cm;
    size: letter;

    @bottom-left {
        content: string(lblCurrentBorrowerName);
        margin: 9pt 9pt 9pt 9pt;
        margin-bottom: 30pt;
        font-family: Arial;
    }

    @bottom-center {
        content: "Page " counter(page) " of " counter(pages);
        margin: 9pt 9pt 9pt 9pt;
        margin-bottom: 30pt;
        font-family: Arial;
    }

    @bottom-right {
        content: string(lblReportDate);
        margin: 9pt 9pt 9pt 9pt;
        margin-bottom: 30pt;
        font-family: Arial;
    }
    /*@top-center {
        content: "Created with www.uber-writer.com";
        font-family: Arial;
        margin-top: 30pt;
    }*/
}

.incomeHeading3 {
    background-color: #f2f8f4; /* Mint Creme */
    font-family: arial;
    font-size: 10px;
    color: #000000;
    width: 100%;
    box-shadow: 0px 3px 4px #85f26f; /* Lime */
    border-collapse: separate;
    margin: 0 auto;
}

    .incomeHeading3 td:nth-child(1) {
        text-align: left;
        vertical-align: central;
        padding-left: 10px;
    }

    .incomeHeading3 td {
        font-size: 14px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 2px 0px;
    }


.incomeHeading2 {
    background-color: #f2f8f4; /* Mint Creme */
    font-family: arial;
    font-size: 10px;
    color: #000000;
    width: 100%;
    box-shadow: 0px 3px 4px #000000; /* Black; */
    border-collapse: separate;
    margin: 0 auto;
}

    .incomeHeading2 td:nth-child(1) {
        text-align: left;
        vertical-align: central;
        padding-left: 10px;
    }

    .incomeHeading2 td {
        font-size: 14px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 2px 0px;
    }

.incomeHeading1 {
    background-color: #f2f8f4; /* Mint Creme */
    font-family: arial;
    font-size: 10px;
    color: #000000;
    width: 100%;
    box-shadow: 0px 3px 4px #fd7c21; /* Pumpkin */
    border-collapse: separate;
    margin: 0 auto;
}

    .incomeHeading1 td:nth-child(1) {
        text-align: left;
        vertical-align: central;
        padding-left: 10px;
    }

    .incomeHeading1 td {
        font-size: 14px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 2px 0px;
    }

.incomeHeading0 {
    background-color: #f2f8f4; /* Mint Creme */
    font-family: arial;
    font-size: 10px;
    color: #000000;
    width: 100%;
    box-shadow: 0px 3px 4px #388697; /* Metalic Seaweed */
    border-collapse: separate;
    margin: 0 auto;
}

    .incomeHeading0 td:nth-child(1) {
        text-align: left;
        vertical-align: central;
        padding-left: 10px;
    }

    .incomeHeading0 td {
        font-size: 14px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 2px 0px;
    }

.incomeDataEntryNew {
    background-color: var(--primary); /* old green color #E2EDC2 */
    width: 600px;
    margin-top: 10px;
    padding: 4px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid var(--primaryaccent);
}
.incomeDataEntryWide {
    background-color: var(--primary); /* old green color #E2EDC2 */
    width: 900px;
    margin-top: 10px;
    padding: 4px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid var(--primaryaccent);
}


.incomeAnalysis {
    float: none;
    width: 650px;
    margin-top: 20px;
    padding-left: 5px;
    background-color: var(--primary); /*#D5E7F7*/
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding: 4px;
    border: 1px solid var(--primaryaccent); /*cadetblue*/
}

.incomeComments {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: center;
}

.YTDdenomtable {
}

    .YTDdenomtable th {
        font-weight: bold;
        text-align: center;
        padding: 3px;
    }

    .YTDdenomtable td {
        padding: 3px;
        text-align: center;
    }

.affiliateTripDiv {
    width: 31%;
    text-align: center;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    text-align: justify;
}

.affiliateTripDivWrapper {
    width: 900px;
    height: 110px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: #E1EDBE;
    padding-top: 6px;
    padding-bottom: 6px;
}

.affiliateMajorWrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 14px;
}

.watermark {
    color: gray;
    border: 1px solid darkgray;
    font-style: italic;
}

.emailWatermark {
    color: lightgrey;
    margin-left: auto;
    margin-right: auto;
}

.referralBalanceTable {
    width: 600px;
}

    .referralBalanceTable th {
        padding: 4px;
        text-align: center;
    }

    .referralBalanceTable td {
        padding: 4px;
        text-align: center;
    }

.reoDataEntry {
    background-color: var(--primary); /*#E2EDC2*/
    width: 750px;
    margin-top: 10px;
    padding: 4px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid var(--primaryaccent); /*#B5C781*/
}

.reoAnalysis {
    float: none;
    width: 750px;
    margin-top: 20px;
    padding-left: 5px;
    background-color: var(--primary); /*#D5E7F7*/
/*    margin: 0 auto;
*/    border-radius: 10px;
    padding: 4px;
    border: 1px solid var(--primaryaccent); /*cadetblue*/
}

.brwrInfoTable {
    margin-left: 0px;
    margin-right: 10px;
    width: 1150px;
}

    .brwrInfoTable tr:nth-child(2) {
        visibility: hidden;
    }

    .brwrInfoTable td {
        text-align: center;
    }

        .brwrInfoTable td:nth-child(5), td:nth-child(6) {
            width: 16px;
        }

.brwrInfoTableEdit {
    margin-left: 0px;
    margin-right: 10px;
    width: 1150px;
}

    .brwrInfoTableEdit tr:nth-child(2) {
        visibility: visible;
    }

    .brwrInfoTableEdit td {
        text-align: center;
    }

        .brwrInfoTableEdit td:nth-child(5), td:nth-child(6) {
            width: 16px;
        }

.GridViewStyleBrwrIncome {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
    width: 100%;
}

    .GridViewStyleBrwrIncome th {
        background-color: #121175;
        font: bold;
        color: white;
        text-align: left;
        padding-left: 5px;
        padding-right: 3px;
        /*width: 115px;*/
    }

        .GridViewStyleBrwrIncome th:last-child {
            width: 16px;
        }

    .GridViewStyleBrwrIncome td {
        text-align: left;
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 3px;
        padding-right: 3px;
        border-bottom: 1px solid gray;
        /*width: 115px;*/
    }

        .GridViewStyleBrwrIncome td:last-child {
            width: 16px;
        }

    .GridViewStyleBrwrIncome .alt {
        background-color: white;
    }

    .GridViewStyleBrwrIncome .slct {
        background: -moz-linear-gradient(top, rgba(129,229,123,0) 0%, rgba(129,229,123,0.01) 1%, rgba(208,236,146,1) 93%, rgba(214,237,148,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,229,123,0)), color-stop(1%,rgba(129,229,123,0.01)), color-stop(93%,rgba(208,236,146,1)), color-stop(100%,rgba(214,237,148,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(129,229,123,0) 0%,rgba(129,229,123,0.01) 1%,rgba(208,236,146,1) 93%,rgba(214,237,148,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081e57b', endColorstr='#d6ed94',GradientType=0 ); /* IE6-9 */
        color: black;
    }

.incomeSourceDiv {
    display: block;
    float: left;
    margin-right: 30px;
}

.center {
    margin: 0 auto;
}

.recommended {
    color: blue;
    font-weight: bold;
}

.brwrDataList {
    width: 100%;
    margin: 0 auto;
}

.mainCenter {
    /*margin-top: 20px;*/
    overflow: hidden;
    text-align: center;
    height: auto;
    margin: 0 auto;
    width: 100%;
    clear: left;
}


/* The following styles are for the 1084*/
.linenumber {
    font-size: .9em;
    color: #808080;
}

.rowheader {
    background-color: lightgreen;
}

.table1084 {
    width: 735px;
    font-size: .9em;
}

    .table1084 td:first-child, .table1084 th:first-child {
        text-align: center;
    }

.table1084Form {
    width: 735px;
    font-size: 1.1em;
    border-collapse: separate;
    border-spacing: 0px;
}

    .table1084Form tr {
        /* Test for dumb 1084 spacing */
        padding-bottom: 3px;
        padding-top: 3px;
        /* End Test*/
    }

    .table1084Form td:first-child {
        text-align: center;
        width: 30px;
    }

    .table1084Form th:first-child {
        text-align: center;
        width: 30px;
    }

    .table1084Form td:nth-last-child(2) {
        text-align: right;
        width: 100px;
    }

    .table1084Form th:nth-last-child(2) {
        text-align: center;
        width: 100px;
    }

    .table1084Form td:last-child {
        text-align: right;
        width: 100px;
    }

    .table1084Form th:last-child {
        text-align: center;
        width: 100px;
    }


.table1084Form2 {
    width: 100%;
    font-size: 1.1em;
    border-collapse: separate;
    border-spacing: 0px;
}

    .table1084Form2 tr {
        /* Test for dumb 1084 spacing */
        padding-bottom: 1px;
        padding-top: 1px;
        /* End Test*/
    }

    .table1084Form2 td:first-child {
        text-align: center;
        width: 30px;
    }

    .table1084Form2 th:first-child {
        text-align: center;
        width: 30px;
    }

    .table1084Form2 th:nth-child(2) {
        width: 50%;
    }

    .table1084Form2 td:nth-child(2) {
        width: 50%;
    }

    .table1084Form2 td:nth-last-child(2) {
        text-align: right;
        width: 140px;
    }

    .table1084Form2 th:nth-last-child(2) {
        text-align: center;
        width: 140px;
    }

    .table1084Form2 td:last-child {
        text-align: right;
        width: 140px;
    }

    .table1084Form2 th:last-child {
        text-align: center;
        width: 140px;
    }



.bottomborder td {
    border-bottom: 1px dashed lightgray;
}

.noMarginTop {
    margin-top: 0px;
}

.nowrap {
    word-wrap: break-word;
}

/* New styles to manage the SE income pop up windows*/
.incomePopUp {
    display: none;
    position: fixed;
    width: 400px;
    /*height: 250px;*/
    top: 50%;
    left: 220px;
    margin-left: -155px;
    margin-top: -110px;
    border: 3px solid red;
    background-color: #DEDFDE;
    padding: 30px;
    z-index: 102;
    font-family: Arial;
    font-size: 10pt;
    border-radius: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    /*font-weight: bold;*/
}

.editInCSrc {
    position: fixed;
    width: 300px;
    /*height: 250px;*/
    top: 50%;
    left: 40%;
    margin-left: -155px;
    margin-top: -110px;
    border: 3px solid gray;
    background-color: #DEDFDE;
    padding: 30px;
    z-index: 102;
    font-family: Arial;
    font-size: 10pt;
    border-radius: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    /*font-weight: bold;*/
}


.TnCPopUp {
    position: fixed;
    width: 400px;
    height: 350px;
    top: 50%;
    left: 220px;
    margin-left: -155px;
    margin-top: -110px;
    border: 3px solid black;
    background-color: #DEDFDE;
    overflow: auto;
    padding: 30px;
    z-index: 102;
    font-family: Arial;
    font-size: 10pt;
    border-radius: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    /*font-weight: bold;*/
}


.taxformPopUp {
    display: none;
    position: fixed;
    overflow: scroll;
    height: 850px;
    width: 500px;
    top: 15%;
    left: 220px;
    margin-left: -155px;
    margin-top: -110px;
    border: 2px solid #B5C781;
    background-color: #E2EDC2;
    padding: 20px;
    z-index: 102;
    font-family: Arial;
    font-size: 10pt;
    /*border-radius: 10px;*/
    /*-webkit-border-radius: 20px;*/
    /*-moz-border-radius: 20px;*/
    /*font-weight: bold;*/
}

.content {
    height: auto;
    /*width: 400px;*/
    margin: auto auto;
}

#popUpClose {
    margin: 15px 0 0 0;
    width: 60px;
}

​ .popUpTable {
    border: 1px solid black;
}

.popUpTable td {
    border: 1px solid black;
}


/* End styles for SE income pop up window */

.borrowerList {
    background-color: #f2f8f4; /*#E2EDC2*/;
    /*display: block;*/
    padding: 4px;
    border-radius: 10px;
    margin: 0 auto;
    border: 1px solid #388697;/* #B5C781;*/
    margin-bottom: 20px;
    /*margin-top: 10px;*/
    width: 99%;
    text-align: center;
    clear: both;
}

.yearsDisagree {
    width: 300px;
    text-align: center;
    font-size: 16px;
    background-color: lightgreen;
    border-radius: 10px;
    border: 2px solid green;
    margin: 0 auto;
}

.disabledTextbox {
    color: lightgray;
}

.disabledFHAbox {
    width: 85px;
    text-align: right;
    font-size: 13px;
    user-select: all;
    z-index: 10;
    color: gray;
    background-color: lightgray;
}

.greyout2ndYr {
    width: 85px;
    text-align: right;
    font-size: 13px;
    user-select: all;
    z-index: 10;
    color: gray;
    background-color: #eceaea;
}

.mortBotTable {
    background-color: lightgray;
    font-size: 1.2em;
    padding: 2px;
    border: 1px solid black;
}

    .mortBotTable td {
        padding: 5px;
        width: 100px;
    }

.TextBoxesMD_MortBot {
    font-size: small;
    background-color: white;
    width: 90px;
    text-align: right;
    border: 1px solid black;
}


.ccdiv {
    background-color: lightgray;
    text-align: left;
}

    .ccdiv td {
        padding: 8px;
    }

.ccConfirmation {
    background-color: lightgoldenrodyellow;
    border: 2px solid black;
    border-radius: 8px;
    width: 20%;
    height: 20%;
    position: fixed;
    left: 40%;
    top: 40%;
    text-align: center;
}

.showYourWork {
    vertical-align: top;
    display: inline;
}

.brwrOCRpanel {
    width: 460px;
    position: absolute;
    left: 33%;
    top: 33%;
    background-color: #fffffc;
    border: 3px solid #61ed31;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
    font-size: 12px;
}

.accountsuspendpanel {
    width: auto;
    position: fixed;
    left: 33%;
    top: 5px;
    background-color: #fffffc;
    border: 2px solid red;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
}
.fileInusepanel {
    width: 260px;
    position: fixed;
    left: 33%;
    top: 33%;
    background-color: #fffffc;
    border: 2px solid blue;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
}
.incomemergepanel {
    width: 460px;
    position: fixed;
    left: 33%;
    top: 33%;
    background-color: #f2f8f4;
    border: 2px solid blue;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
}
.reomergepanel {
    width: 700px;
    position: fixed;
    left: 33%;
    top: 33%;
    background-color: #f2f8f4;
    border: 2px solid blue;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
}

.loanNumberRequiredPanel {
    width: 300px;
    position: fixed;
    left: 33%;
    top: 33%;
    background-color: #fffffc;
    border: 2px solid blue;
    z-index: 10;
    padding: 10px;
    border-radius: 15px;
}


.brwrWarningpanel {
    width: 460px;
    position: fixed;
    left: 35%;
    top: 20%;
    background-color: #ffffe0;
    border: 2px solid #61ed31;
    z-index: 10;
    padding: 50px;
    border-radius: 15px;
    vertical-align: middle;
}


.tableTight {
    border-collapse: collapse;
    border-spacing: 0px;
}

.resize {
    resize: none;
}

.GridViewStyleBrwrOCR {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
    padding: 10px;
}

    .GridViewStyleBrwrOCR th {
        background-color: white;
        font: bold;
        color: blue;
        text-align: center;
        border-bottom: 2px solid black;
    }

    .GridViewStyleBrwrOCR td {
        text-align: left;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 15px;
        border-bottom: 1px solid gray;
        text-align: center;
    }


/*OCR Styles*/
.icon {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 16px;
}

.icon-plus {
    background-color: #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0;
}

    .icon-plus:after {
        background-color: #fff;
        width: 8px;
        height: 2px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        position: absolute;
        top: 7px;
        left: 4px;
        content: "";
    }

    .icon-plus:before {
        background-color: #fff;
        width: 2px;
        height: 8px;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        position: absolute;
        top: 4px;
        left: 7px;
        content: "";
    }

.transGray {
    /*width: 100%;*/
    /*padding: 2px 2px 2px 2px;*/
    word-wrap: break-word;
    overflow: hidden;
    display: block;
    background-color: lightgrey;
    float: right;
}

.delbutton {
    opacity: 0.4;
    border: none;
}

    .delbutton:hover {
        opacity: 1.0;
    }

.GVStyleBrwrIncome {
    background-color: white;
    color: black;
    font: bold;
    border-color: #808080;
    border-width: 1px;
    width: 210px;
    text-align: right;
}

    .GVStyleBrwrIncome td {
        font-size: 12px;
        margin-left: 5px;
        margin-right: 10px;
        border-bottom: 1px solid gray;
    }

        .GVStyleBrwrIncome td:first-child {
            width: 75px;
            text-align: left;
        }

        .GVStyleBrwrIncome td:last-child {
            width: 120px;
            text-align: center;
        }

.GVStyleBrwrIncomeRow {
    /*margin: 3px 3px 3px 3px;*/
    padding-right: 3px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid black;
    font-size: 12px;
    text-align: left;
}

    .GVStyleBrwrIncomeRow td {
        /*margin: 3px 3px 3px 3px;*/
        padding-right: 3px;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.GVStyleBrwrIncomeElement {
    background-color: #FFFFFF;
    -webkit-transition: background-color 1.2s;
    transition: background-color 1.2s;
}

    .GVStyleBrwrIncomeElement:hover {
        background-color: lightgrey;
        -webkit-transition: background-color 1s;
        transition: background-color 1s;
    }

.overflow {
    overflow: hidden;
    /*word-wrap: break-word;*/
    word-break: normal;
}

.GVDataTablePanel {
    margin-top: 1px;
    padding-top: 8px;
}

.GVStyleBrwrIncomeHDR {
    background-color: var(--secondaryaccent);
    font: bold;
    color: white;
    text-align: left;
    padding-left: 5px;
    padding-right: 3px;
    margin: 3px 3px 3px 3px;
    font-size: 12px;
    /*width: 210px;*/
    margin: 0;
    /*border-radius: 7px;*/
}

    .GVStyleBrwrIncomeHDR th {
        padding: 3px 3px 3px 3px;
        text-align: center;
    }

.inline-rb input[type="radio"] {
    text-align: left;
}

.inline-rb label {
    display: inline;
    line-height: 14px;
    margin: 3px;
}

.nomargin {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.nopadding {
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}

.stickyBtn {
    color: dimgray;
    background-color: white;
    border: none;
    font-size: 2em;
    padding-right: 5px;
    padding-left: 5px;
    /*    margin-right: 5px;
*/}

.addBtn {
    color: dimgray;
    background-color: white;
    border: none;
}

    .addBtn:hover {
        color: blue;
        background-color: white;
    }

.inline-actions {
    display: inline-flex; /* keep controls on one line */
    align-items: center; /* vertically center */
    gap: 6px; /* spacing between controls */
    white-space: nowrap; /* avoid wrapping */
}

    /* ensure existing button/select styles don't force block layout */
    .inline-actions .input-select,
    .inline-actions .addBtn,
    .inline-actions .deleteBtn,
    .inline-actions a,
    .inline-actions button {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

.income {
    color: gray;
    border: none;
}

.incometable {
    font-size: 12px;
    width: 100%;
    text-align: left;
}

.green {
    color: lightgreen;
}

.gray {
    color: lightgray;
}

.yellow {
    color: yellow;
}

.orange {
    color: orange;
}


.rbl input[type="radio"] {
    margin-left: 30px; /* was 60px */
    margin-right: 30px; /* was 60px*/
}

.rbl label {
    display: block;
    text-align: center;
}

.rbl2 label {
    margin-left: 80px; /* was 60px */
    margin-right: 80px; /* was 60px*/
    color: #808080;
    font-size: 18px;
    /*padding-right: 60px;*/
}

.rbl3 label {
    margin-left: 30px; /* was 60px */
    margin-right: 30px; /* was 60px*/
    color: #4d4d4d;
    font-size: 18px;
    /*padding-right: 60px;*/
}

.rbl input[type="checkbox"] {
    margin-left: 30px;
    margin-right: 30px;
}

.prodBack {
    overflow: visible !important;
    background: -webkit-linear-gradient(10deg, #ffffff 60%, #c3ed90 90%);
    background: -moz-linear-gradient(10deg, #ffffff 60%, #c3ed90 90%);
    background: -ms-linear-gradient(10deg, #ffffff 60%, #c3ed90 90%);
    background: -o-linear-gradient(10deg, #ffffff 60%, #c3ed90 90%);
    background: linear-gradient(10deg, #ffffff 60%, #c3ed90 90%);
    /*background: -webkit-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
      background: -moz-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
      background: -ms-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
      background: -o-linear-gradient(45deg, #085078 10%, #85d8ce 90%);
      background: linear-gradient(45deg, #085078 10%, #85d8ce 90%);*/
}

.pointer {
    cursor: pointer;
}

    .pointer:hover {
        cursor: pointer;
    }

.centerImage {
    background: no-repeat center;
}

/*Styles form Employed Borrower table expansion*/

.parent ~ .cchild {
    display: none;
}

.open .parent ~ .cchild {
    display: table-row;
}

.parent {
    cursor: pointer;
}

tbody {
    color: #212121;
}

.open {
    background-color: #f2f8f4;
}

    .open .cchild {
        /*background-color: #999;
  color: white;*/
    }

.parent > *:last-child {
    width: 30px;
}

.parent i {
    transform: rotate(0deg);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    margin: -.5rem;
    padding: .5rem;
}

.open .parent i {
    transform: rotate(180deg)
}

.red {
    color: red !important;
}
.blue {
    color: blue !important;
}
.green {
    color: green !important;
}
.gray {
    color: gray !important;
}
.swap:link {
    color: darkgray;
}

.swap:hover {
/*    background-color: #E2EDC2;
*/    color: blue;
}

.shiftright:hover {
    padding-left: 10px;
}

.shiftleft:hover {
    padding-right: 10px;
}

.residualTable {
}

    .residualTable th {
    }

    .residualTable td, input[type=checkbox] {
        text-align: center;
    }
    .residualTable td:first-child
    {
        text-align: right;
    }
    .residualTable td:last-child
    {
        text-align: right;
    }
.ajax__calendar_container {
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
    background-color: azure;
}

.ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}

.ajax__calendar_container TABLE {
    font-size: 11px;
}

.ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image:url(Images/arrow_left.png);
}

.ajax__calendar_next {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image:url(Images/arrow_left.png);
    transform: rotate(180deg);
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.ajax__calendar_footer {
    height: 15px;
}

.ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}

.ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}

.ajax__calendar_month {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar_year {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}

.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_day {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_month {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_year {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066cc;
}

.tblQClockmsg {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.lblQCLockMsg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    color: white;
}

.btn--promo {
    color: #dff9fb;
    background-color: #130f40;
    /*border-radius: 50px;*/
}

    .btn--promo:after {
        content: 'Upgrade to scan tax returns';
        display: inline-block;
        font-size: 0.7rem;
        color: #130f40;
        background-color: #f0932b;
        border-radius: 25px;
        padding: 5px;
        position: absolute;
        margin-top: 30px;
        margin-left: -40px;

        box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
        transform: scale(1);
        animation: pulse 2s infinite;
    }

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.monthlyIncome{
    border: 1px solid black;
    margin: 10px auto 10px auto;
    padding: 5px;
}
.monthlyIncome th {
    text-align: center;
    padding: 2px;
}
.monthlyIncome td {
    text-align: right;
    padding: 2px;
}
.qualIncome1120 {
    border: 1px solid black;
    margin: 10px auto 10px auto;
    padding: 5px;
}
    .qualIncome1120 th {
        border: 1px solid black;
        padding: 3px;
        text-align: center;
    }
    .qualIncome1120 td {
        border: 1px solid black;
        padding: 3px;
        text-align: right;
    }
.loanSetupTable{
    border: solid 1px black;
    width: 100%;
}
    .loanSetupTable tr::first-line {
        border: 1px solid black;
    }
    .loanSetupTable th {
        text-align: center;
        font-size: 1.2em;
    }
    .loanSetupTable td {
        padding: 3px;
    }
    .loanSetupTable td:first-child {
        text-align: right;
    }

.loanSetupTableBtns {
    text-align: center;
}

.zebra-table {
    width: 100%;
    border-collapse: collapse;
}

    .zebra-table th,
    .zebra-table td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center; /* default alignment */
    }

    .zebra-table tr:nth-child(even) td {
        background-color: #f9f9f9;
    }

    /* Right-align all cells in even-numbered rows */
    .zebra-table tr:nth-child(even) td:first-child {
        text-align: right;
    }


    .zebra-table tr:hover td {
        background-color: #f1f1f1;
    }

    .zebra-table th {
        background-color: #eaeaea;
        font-weight: bold;
    }
.status-highlight{
    padding: 5px 10px;
    margin: 5px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: underline;
}
.status-highlight a:hover{
    text-decoration: underline;
    background-color: inherit;
    color: white;
}
.icon-large {
    font-size: 20px; /* Icon size */
}

.upload-label {
    font-size: 14px; /* Text size */
    margin-top: 0px;
    letter-spacing: 1px; /* Optional spacing */
}

.paystub-table {
    width: 800px;
    border-collapse: collapse;
    table-layout: fixed; /* important for consistent column widths */
    margin: 0px auto;
}

    .paystub-table th,
    .paystub-table td {
        border: 1px solid #ccc;
        padding: 4px;
    }

    .paystub-table th {
        background-color: #f6f6f6;
        font-weight: bold;
        text-align: center;
    }
    .paystub-table td {
        text-align: right;
    }

        .paystub-table th:nth-child(1),
        .paystub-table td:nth-child(1) {
            width: 25%;
        }
        /* Description */
        .paystub-table th:nth-child(2),
        .paystub-table td:nth-child(2),
        .paystub-table th:nth-child(3),
        .paystub-table td:nth-child(3),
        .paystub-table th:nth-child(4),
        .paystub-table td:nth-child(4),
        .paystub-table th:nth-child(5),
        .paystub-table td:nth-child(5) {
            width: 15%;
        }

        .paystub-table th:nth-child(6),
        .paystub-table td:nth-child(6) {
            width: 15%;
        }


    /* Paystub row styling - add near .paystub-table rules */
    .paystub-row,
    .paystub-table tr.paystub-row {
        vertical-align: middle; /* ensure cells align vertically */
        transition: background-color .15s ease-in-out;
        /* keep row-level spacing minimal so controls line up */
        line-height: 1.2;
    }

        .paystub-row td {
            padding: 6px 8px; /* consistent cell padding */
            vertical-align: middle;
            white-space: nowrap; /* keep controls on one line where possible */
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* Ensure inputs/selects keep consistent sizing inside the row */
        .paystub-row .input-sm,
        .paystub-row .input-md,
        .paystub-row .input-select {
            display: inline-block;
            box-sizing: border-box;
            vertical-align: middle;
            text-align: right;
        }

        /* Hover state for better discoverability */
        .paystub-row:hover {
            background-color: #f7fbfd;
        }

        /* Small tweaks for the delete button so it sits to the right of the select */
        .paystub-row .deleteBtn {
            margin-left: 6px;
            display: inline-block;
            vertical-align: middle;
            padding: 4px 6px;
            cursor: pointer;
            border: none;
            background: transparent;
            color: #666;
        }

            .paystub-row .deleteBtn:hover {
                color: #c00;
                opacity: 1;
            }
.sticky {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--primary);
    border-bottom: .5px solid white;
}

    .sticky > div {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        padding: 4px 8px;
        font-size: 14px;
    }

        .sticky > div .TextBoxIncHeader {
            margin-left: 25px;
            min-width: 150px;
            max-width: 400px;
            width: auto;
            overflow: hidden;
            white-space: nowrap;
        }

        .sticky > div .stickyBtn {
            font-size: 20px;
        }

        .sticky > div .stickyBtn:first-of-type {
            margin-left: auto;
        }

        .sticky > div .stickyBtn:last-of-type {
            margin-right: 5px;
        }
.input-sm {
    width: 90%;
    text-align: right;
}

.input-md {
    width: 90%;
}

.input-select {
    width: 95%;
}