/* normalize all buttons on loancenter */

/* contextual button styles: divider and arrow positioning */
.btn-group-container .contextual-button-wrapper .group-button-prim .divider {
    display: none !important;
}
.imp-main-buttons-div > input[type=button] {vertical-align:top;} /*child buttons in container on WORKBENCH > MAILROOM*/
.group-button-sec.ddl-button .arrow {
    right: 10px !important;
    left: 0px !important;
}

.split-button-toggle:before, .group-button-sec .arrow {
    right: 10px !important;
    left: unset !important;
}

.closeButton-preDisclosures {
    margin-right: 100px;
    margin-bottom: 15px;
    float: right;
    margin-top: 0;
}

.contextual-arrow.white {
    left: 6px !important;
}

.contextual-arrow.black {
    right: 6px !important;
}

.split-button-toggle:before {
    right: unset !important;
}

/* Adverse Modal Dropdown*/
.imp-adverse-modal-content .imp-select-box-container {
    width: 100%;
}

.imp-adverse-modal-content .imp-select-box-container .imp-span-ddl-container::after {
    top: 58%;
}

.imp-adverse-modal-content .imp-select-box-container .items-list-container {
    min-width: 100px;
    min-height: 10px;
    border: 1px solid #B1B2B3;
    position: absolute;
    margin-top: 3px;
    z-index: 99;
    background-color: white;
    display: none;
    max-height: 200px;
    overflow-y: scroll;
}

.imp-adverse-modal-content .imp-select-box-container .items-list-container .item {
    padding: 2px;
}

.imp-adverse-modal-content .imp-select-box-container .items-list-container .item:hover {
    cursor: pointer;
    background-color: #1D8FFF;
    color: white;
}

.imp-adverse-modal-content .imp-select-box-container .imp-select-box {
    background-color: white;
    border: 1px solid #B1B2B3;
    border-radius: 3px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    height: 24px;
    font-size: 12px;
}

.imp-adverse-modal-content .imp-select-box-container .imp-select-box.imp-has-error {
    background-color: #fdeaea;
    border-color: #ef1126;
}

.imp-adverse-modal-content .imp-select-box-container .items-list-container {
    overflow-x: hidden;
    overflow-y: auto;
    height: 300px;
}

.imp-adverse-modal-content .imp-select-box-container .items-list-container.imp-has-error {
    background-color: #fdeaea;
    color: #a3a3a3;
}

/* single container drop down button */
.flip > .btn-group-parent > .btn-group.dropdown > .group-button-sec.imp-button-general.ddl-button
{
    box-shadow:none !important;
}

/* expand/collapser button */
a#caretIC {color:#3D3D3D; cursor:pointer;}


/* ALL BUTTONS: general attributes */
.imp-button-hm-wm-hollow {
    border: 1px solid #0271DA !important;
}
.imp-button-general, .btn-primary, .large-primary-button,
.imp-button-hm-wxl-prim, .imp-button-hm-wl-prim, .imp-button-hm-wm-prim,
.imp-button-hs-wl-prim, .imp-button-hs-wm-prim,
.imp-button-div-hm-wm-prim, .imp-button-div-hs-wm-prim, .imp-button-div-hs-ws-prim,
.imp-button-hs-wl-prim, .imp-button-div-hs-wm-prim,
.large-secondary-button, .large-secondary-button:disabled,
.imp-button-hm-wl-sec, .imp-button-hm-wm-sec,
.imp-button-hs-wm-sec,
.imp-button-div-hm-wm-sec, .imp-button-div-hs-ws-sec,
.imp-button-hm-wm-hollow,
.imp-error-modal-close-button, .split-button-wrapper button.split-button-action {
    outline: none !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 2.5px !important;
    margin-left: 10px;
}

/* ALL BUTTONS: medium and large size details */
.btn-primary, .large-primary-button, .large-secondary-button, .imp-error-modal-close-button,
.imp-button-div-hm-wm-prim,
.imp-button-hm-wxl-prim, .imp-button-hm-wl-prim, .imp-button-hm-wm-prim,
.imp-button-hm-wl-sec, .imp-button-hm-wm-sec,
.imp-button-hm-wm-hollow,
.split-button-wrapper button.split-button-action {
    height: 30px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 13px !important;
}

.popover-error-text {
    color: #B0B0B0;
}

/*#region RuleValidation*/
.popover-content .imp-rule-validation-icon {
    width: 12px;
    height: 12px;
    float: left;
    position: relative;
    display: inline-block;
    margin: 4px 5px 0px 0px;
}

.imp-rule-validation-checked {
    background: url("images/circled-green-check.svg");
}

.imp-rule-validation-pending {
    background: url("images/circled-white-check.svg");
}

.imp-rule-validation-name {
    font-family: Helvetica;
    font-size: 12px;
    text-align: left;
    display: inline;
    padding-top:5px;
}

.popover-content .imp-rule-validation-title {
    font-family: Helvetica;
    font-size: 12px;
    text-align: left;
    color: #9D9D9D;
    padding-bottom:5px;
    padding-top: 5px;
}

/*#endregion Rulevalidation*/

/* ALL BUTTONS: small size details */
.imp-button-div-hs-wl-prim, .imp-button-div-hs-wm-prim, .imp-button-div-hs-ws-prim,
.imp-button-div-hs-ws-sec, .imp-button-div-hs-ws-sec {
    height: 21px !important;
    padding-top: 3px !important;
    padding-bottom: 0px !important;
    font-size: 12px !important;
    line-height: 19.5px !important;
    box-sizing: content-box !important;
    vertical-align: top !important;
}


/* BUTTON EDGE CASES */
.footer > .imp-button-hm-wm-sec:first-child,
div.buttons > .imp-button-hm-wm-sec:first-child {
    margin-left: 0px;
} /* the footer on flyouts left aligns buttons so margin left must be 0 */



/* primary button: back and fore colors */
.btn-primary, .large-primary-button,
.imp-button-hm-wxl-prim, .imp-button-hm-wl-prim, .imp-button-hm-wm-prim,
.imp-button-hs-wl-prim, .imp-button-hs-wm-prim,
.imp-button-div-hm-wm-prim, .imp-button-div-hs-wm-prim, .imp-button-div-hs-ws-prim,
.imp-error-modal-close-button, .imp-button-general-contextual,
.split-button-wrapper button.split-button-action {
    background: #208DDC !important;
    color: #FFFFFF !important;
    box-shadow: 0px 3px 2px -2px #C3C3C3 !important;
}


/* primary button: UI states colors (hover, focus, disabled) */
.btn-primary:hover, .large-primary-button:hover,
.imp-button-hm-wxl-prim:hover, .imp-button-hm-wl-prim:hover, .imp-button-hm-wm-prim:hover,
.imp-button-hs-wl-prim:hover, .imp-button-hs-wm-prim:hover,
.imp-button-div-hm-wm-prim:hover, .imp-button-div-hs-wm-prim:hover, .imp-button-div-hs-ws-prim:hover,
.imp-error-modal-close-button:hover, .imp-button-general-contextual:hover,
.split-button-wrapper button.split-button-action:hover {
    background: #249DF5 !important;
}
.btn-primary:focus, .large-primary-button:focus,
.imp-button-hm-wxl-prim:focus, .imp-button-hm-wl-prim:focus, .imp-button-hm-wm-prim:focus,
.imp-button-hs-wl-prim:focus, .imp-button-hs-wm-prim:focus,
.imp-button-div-hm-wm-prim:focus, .imp-button-div-hs-wm-prim:focus, .imp-button-div-hs-ws-prim:focus,
.imp-error-modal-close-button:focus, .imp-button-general-contextual:focus,
.split-button-wrapper button.split-button-action:focus {
    background: #1C7CC2 !important;
}
.btn-primary:disabled, .large-primary-button:disabled,
.imp-button-hm-wxl-prim:disabled, .imp-button-hm-wl-prim:disabled, .imp-button-hm-wm-prim:disabled,
.imp-button-hs-wl-prim:disabled, .imp-button-hs-wm-prim:disabled,
.imp-button-div-hm-wm-prim:disabled, .imp-button-div-hs-wm-prim:disabled, .imp-button-div-hs-ws-prim:disabled,
.imp-error-modal-close-button:disabled, .imp-button-general-contextual:disabled,
.split-button-wrapper button.split-button-action:disabled {
    background: #208DDC !important;
    opacity: 0.7;
}


/* hollow button: back and fore colors */
.imp-button-hm-wxl-hollow, .imp-button-hm-wl-hollow, .imp-button-hm-wm-hollow,
.imp-button-hs-wl-hollow, .imp-button-hs-wm-hollow {
    border: 1px solid #208DDC !important;
    background: transparent !important;
    box-shadow: 0px 3px 2px -2px #D3D3D3 !important;
    color: #208DDC !important;
    border-radius: 2.5px !important;
}

/* hollow button: UI states*/
.imp-button-hm-wxl-hollow:hover, .imp-button-hm-wl-hollow:hover, .imp-button-hm-wm-hollow:hover,
.imp-button-hs-wl-hollow:hover, .imp-button-hs-wm-hollow:hover {
    background: #249DF5 !important;
    border: 1px solid #249DF5 !important;
    color: white !important;
}
.imp-button-hm-wxl-hollow:hover span, .imp-button-hm-wl-hollow:hover span, .imp-button-hm-wm-hollow:hover span,
.imp-button-hs-wl-hollow:hover span, .imp-button-hs-wm-hollow:hover span {
    color: white;
}

.imp-button-hm-wxl-hollow:focus, .imp-button-hm-wl-hollow:focus, .imp-button-hm-wm-hollow:focus,
.imp-button-hs-wl-hollow:focus, .imp-button-hs-wm-hollow:focus {
    background: #1C7CC2 !important;
    border: 1px solid #1C7CC2 !important;
    color: white !important;
    outline: none;
}

.imp-button-hm-wxl-hollow:focus span, .imp-button-hm-wl-hollow:focus span, .imp-button-hm-wm-hollow:focus span,
.imp-button-hs-wl-hollow:focus span, .imp-button-hs-wm-hollow:focus span {
    color: white;
}

    .imp-button-hm-wxl-hollow:disabled, .imp-button-hm-wl-hollow:disabled, .imp-button-hm-wm-hollow:disabled,
    .imp-button-hs-wl-hollow:disabled, .imp-button-hs-wm-hollow:disabled {
        opacity: 0.7;
        border: 1px solid #208DDC !important;
        background: transparent !important;
        color: #208DDC !important;
    }

.imp-button-hm-wxl-hollow.imp-button-disabled, .imp-button-hm-wl-hollow.imp-button-disabled, .imp-button-hm-wm-hollow.imp-button-disabled,
.imp-button-hs-wl-hollow.imp-button-disabled, .imp-button-hs-wm-hollow.imp-button-disabled {
    opacity: 0.7;
    cursor: default;
}

/* secondary button: back and fore colors */
.large-secondary-button, .imp-button-sec-general-contextual,
.imp-button-hm-wl-sec, .imp-button-hm-wm-sec,
.imp-button-hs-wm-sec,
.imp-button-div-hm-wm-sec, .imp-button-div-hs-ws-sec {
    background: #EDEDED !important;
    box-shadow: 0px 3px 2px -2px #D3D3D3 !important;
}



/* secondary button: UI states (hover, focus, disabled) */
.large-secondary-button:hover,
.imp-button-hm-wl-sec:hover, .imp-button-hm-wm-sec:hover,
.imp-button-hs-wm-sec:hover,
.imp-button-div-hm-wm-sec:hover, .imp-button-div-hs-ws-sec:hover,
.imp-button-sec-general-contextual:hover {
    background: #F5F5F5 !important;
}
.large-secondary-button:focus,
.imp-button-hm-wl-sec:focus, .imp-button-hm-wm-sec:focus,
.imp-button-hs-wm-sec:focus,
.imp-button-div-hm-wm-sec:focus, .imp-button-div-hs-ws-sec:focus,
.imp-button-sec-general-contextual:focus {
    background: #DFE0E2 !important;
}
.large-secondary-button:disabled,
.imp-button-hm-wl-sec:disabled, .imp-button-hm-wm-sec:disabled,
.imp-button-hs-wm-sec:disabled,
.imp-button-div-hm-wm-sec:disabled, .imp-button-div-hs-ws-sec:disabled,
.imp-button-sec-general-contextual:disabled {
    background: #F1F1F1 !important;
    opacity: 0.7 !important;
}



/* Contextual buttons: left side: general attributes */
.split-button-wrapper button.split-button-action.btn-primary,
.btn-group.dropdown > button.group-button-prim {
    border-radius: 2.5px 0px 0px 2.5px !important;
}


/* Contextual buttons: btn-group-dropdown */
.btn-group.dropdown > button.group-button-sec {
    margin-left: -3px !important;
}

.btn-group.dropdown > button.group-button-sec .arrow {
    right: 7px !important; /* was 8px */
}



/* Contextual buttons: container attributes */
.btn-group.dropdown.btn-group-hollow > button.group-button-sec {
    box-shadow: none !important;
    border: 1px solid #208DDC !important;
    border-left: none !important;
}
.btn-group.dropdown.btn-group-hollow > button.group-button-sec > .arrow {
    border-color: #208DDC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.btn-group.dropdown.btn-group-hollow > button.group-button-sec:hover > .arrow,
.btn-group.dropdown.btn-group-hollow > button.group-button-sec:focus > .arrow {
    border-color: white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}
.imp-button-general-contextual,
.imp-button-sec-general-contextual,
.split-button-wrapper button.split-button-toggle,
.btn-group.dropdown > button.group-button-sec {
  /* margin-left: 0px !important;*/
  outline: none !important;
  box-shadow: 0px 3px 2px -2px #D3D3D3 !important; /*-negative spread eliminates a vertical line border that shows up with side by side buttons */
  border: none !important;
  text-shadow: none !important;
  border-radius: 0px 2.5px 2.5px 0px !important;
  z-index: 0 !important;
}



/* edge case helpers */
.loan-application-cancelchanges {
    float: right;
}

/* misc components */
#launcher {right:unset !important; left:0 !important;}


/*.imp-span-ddl-container:hover, .imp-span-ddl-container:hover:after, .imp-span-ddl-container:hover:befor*/

/** Responsive CSS **/
@media (max-width: 1220px) {
    .imp-contextual-bar-cost-details .container {
        margin: 0px 50px !important;
    }
}

/*region DeclarationsTab*/

.declarations-content .title {
    color: #767676;
    font-weight: lighter;
    font-size: 12px;
}

.declarations-content .header {
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
}

.declarations-content .no-padding-top-bottom {
    padding-top: 0px;
    padding-bottom: 0px;
}

.declarations-content .question-section-sequence {
    padding-right: 5px;
    float: left;
    width: 10px;
}

.declarations-content .section {
    float: left;
    width: 100%;
}
.declarations-content .declarations-row {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
}
.declarations-content .declarations-row-repeater {
    padding-bottom: 10px;
    float: left;
    margin-top: -5px;
}
.declarations-content .declarations-row-left {
    width: 472px;
    float: left;
    min-height: 30px;
}
.declarations-content .declarations-row-top {
    width: 420px;
    float: left;
    min-height: 30px;
}
.declarations-content .declarations-row-right {
    min-width: 170px;    /*381589 Allow the div to expand horizontally to accomodate the auto-widening multiselects for bankruptcy type.*/
    float: left;
    padding-left: 20px;
    margin-left: 40px;
    min-height: 30px;
}
.declarations-content .declarations-row-right.declarations-row-header {
    padding-left: 0;
}
.declarations-content .declarations-row-right-button {
    width: 110px;
    float: left;
    margin-left: 20px;
}
.declarations-content .main-title {
    float: left;
    font-size: 15px;
    color: #1da955;
    font-weight: bold;
    padding-bottom: 20px;
}

.declarations-content .occupancy-alert {
    margin-top: 20px;
    width: 180px;
    margin-left: 9px;
    color: red;
}

.declarations-content .childsupport-alert {
    margin-top: 20px;
    width: 160px;
    margin-left: 9px;
    color: forestgreen;
}

.declarations-content .declarations-row-radio-container {
    float: left;
    padding-left: 10px;
}
.declarations-content .declarations-row-subtitle {
    border-bottom: 1px solid #bdbebe;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}
.declarations-content .declarations-row-separator {
    border-bottom: 1px solid #bdbebe;
}
.declarations-content .declarations-row-radio-container-vertical {
    padding-top: 5px;
    padding-left: 10px;
}
.declarations-div-additem {
    float: left;
    color: #208DDC;
    font-size: 12px;
    cursor: pointer;
}
.declarations-div-payee {
    float: left;
    padding-right: 5px;
    padding-top: 5px;
    color: #A3A3A3;
}
.declarations-div-amount {
    float: right;
    padding-top: 5px;
    color: #A3A3A3;
}
.declarations-input-amount {
    float: left;
    padding-left: 5px !important;
    width: 100px !important;
    margin-top: -15px;
}
.declarations-input-payee {
    float: left;
    width: 195px !important;
    padding-left: 5px !important;
}
.declarations-div-state {
    width: 60px;
    float: left;
    margin-left: -5px;
}
.declarations-textarea-other {
    width: 160px;
    max-width: 160px;
    margin-top: -100px;
    height: 110px;
    max-height: 110px;
}
.declarations-input-months-left {
    float: right;
    width: 100px !important;
    direction: rtl;
    text-indent: 10px;
}
.declarations-visible-placeholder {
    color: #a7a7a7;
    margin-top: -27px;
    position: absolute;
    top: 32px;
    left: -16px;
}
/*endregion DeclarationsTab*/


/*region Editable Dropdown*/

 .imp-editabledropdown .input-group {
        width: auto !important;
        margin-top: 0px !important;
    }

    .imp-editabledropdown .input-group-addon {
        padding: 0px 10px 3px 18px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1;
        color: white;
        text-align: center;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 4px;
        cursor: pointer;
    }

    .imp-editabledropdown .dropdown .caret {
        margin-top: 8px;
        margin-left: 0px;
    }

    .imp-editabledropdown .caret {
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: top;
        border-top: 4px solid #D0D0D0;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
    }

    .imp-editabledropdown .dropdown-menu {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        min-width:125px;
    }

    .imp-editabledropdown .dropdown-menu:hover {
        cursor: pointer;
    }

    .imp-editabledropdown .dropdown-menu li {
        padding-left: 10px;
        padding-right:10px;
        white-space: nowrap;
        color: black;
    }

        .imp-editabledropdown .dropdown-menu li:hover {
            background-color: #a6ecff;
        }


        .imp-editabledropdown .dropdown-menu .divider {
             margin: 3px 1px;
        }

.imp-editabledropdown .input-group-addon.disabled {

    background: none repeat scroll 0 0 #f1f0f0;
    cursor: default;
}

/*endregion Editable Dropdown*/

/*1003 tabs*/

.imp-1003-sub-tabs {
    border: none;
    margin-left: 0px !important;
    width: 100%;
    min-width: 900px;
    margin-bottom: 30px;
    height: 30px;
}
.imp-1003-sub-tabs .ui-tabs-nav li {
    border: 1px solid #bdbfbf;
    margin-left: -2px !important;
    background-color:#EDEDED;
    border-color:#DBDBDB;
}
.imp-1003-sub-tabs .ui-tabs-nav li:hover {
    background-color:#F5F5F5;
}
.imp-1003-sub-tabs .ui-tabs-nav li a {
    padding: .6em;
    font-size: 12px;
    margin-left: 6px;
}
.imp-1003-sub-tabs .ui-tabs-nav li a div {
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 16px;
    color: #c1c2c2;
}
.green {
    color: #4de88c !important;
}
.red {
    color: red !important;
}
.imp-1003-sub-tabs .ui-tabs-nav li a span {
    width: 11px;
    display: block;
    background-color: #4de88c;
    height: 11px;
    position: absolute;
    right: 7px;
    top: 10px;
    border-radius: 7px;
}
.imp-1003-sub-tabs .ui-tabs-nav li.ui-state-active {
    border: 0px !important;
    margin-left: 0px !important;
    background: linear-gradient(#28C065, #1DA955);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.25)
}
.imp-1003-sub-tabs .ui-tabs-nav li.ui-state-active a {
    padding: .68em;
    margin-left: 0px;
}
.imp-1003-sub-tabs .canvas {
    margin-left: 60px !important;
    padding-top: 25px;
}
/*end of 1003 tabs*/
/*workspace*/
.imp-main-area-section {
    margin-bottom: 55px;
}
.imp-main-area-section-left {
    margin-bottom: 45px;
    float: left;
}
.imp-ui-tabs-collapsed {
    padding-top: 40px !important;
}
.imp-ui-tabs .imp-main-area-section {
    padding-top: 30px;
}
.1003-main-container {
    width: 1115px;
}
.1003-loan-application-header {
    padding-left: 15px;
}
.loan-application-error-container {
    text-align: center;
}
/*end of workspace*/


/*region AssetsTab*/

.imp-assets-round-button {
    width: 100%;
}
.imp-assets-round-button-circle {
    padding: 3px 4px 2px 7px;
    border-radius: 50%;
    overflow: hidden;
    background: #2e98d4;
    margin-top: 3px;
    margin-left: 8px;
    color: #fff;
    width: 8px;
    border: 1px solid #2e98d4;
    font-weight: bold;
    cursor: pointer;
    font-family: monospace;
}
.imp-assets-round-button-circle-empty {
    padding: 3px 4px 2px 7px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #2e98d4;
    margin-top: 3px;
    margin-left: 8px;
    color: #2e98d4;
    width: 8px;
    font-weight: bold;
    cursor: pointer;
    font-family: monospace;
}
.imp-assets-button-minus {
    color: #FFFFFF !important;
    font-size: 17px;
    height: 19px;
    margin-right: 15px;
    width: 19px;
    border-radius: 11px;
    text-align: center;
    margin-top: 4px;
    background: #F4BABC;
    -webkit-transform: rotate(-90deg);
    cursor: pointer;
}
.imp-assets-grid-title-row {
    background-image: -moz-linear-gradient(top, #fdfdfd, #F3F3F3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f2f2f4));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f2f2f4);
    background-image: -o-linear-gradient(top, #fdfdfd, #f2f2f4);
    background-image: linear-gradient(to bottom, #fdfdfd, #f2f2f4);
    border-bottom: 1px solid #CECECE;
    padding: 10px 0px 10px 0px;
    width: 100%;
    border-radius: 3px 3px 0px 0px;
}
.imp-assets-grid-row-blank {
    background-color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 1px;
    height: 35px;
    border-top: 1px solid #c6c6c6;
    margin-top: -1px;
}
.marginTop {
    margin-top: 8px !important;
}
.imp-assets-container {
    margin-top: 20px;
    border: 1px solid #BFC1C1;
    border-radius: 3px 3px 0px 0px;
}
.imp-assets-container .e-verified-section {
    width: 100%;
}
.imp-assets-container .voa-warning-message-section {
    position: absolute;
    top: -3px;
    left: -15px;
    font-size: 17px;
    color: #FF0000;
    cursor: pointer;
}
.imp-assets-container .e-verified-updating-section {
    position: absolute;
    top: -6px;
    color: #208ddc;
    margin-top: 4px;
}
.imp-assets-container .e-verified-loading-img {
    position: relative;
    top: -2px;
    height: 22px;
    margin-right: 10px;
}
    .imp-assets-container .e-verified-amount-section {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-left: 6px;
    }

    .imp-assets-container .e-verified-expired {
        display: flex;
        align-items: center;
        color: red;
        cursor: pointer;
    }

        .imp-assets-container .e-verified-expired .expired-warning-sign {
            padding-right: 5px;
            padding-bottom: 3px;
        }

    .imp-assets-container .e-verified-error {
        display: flex;
        align-items: center;
        color: red;
        cursor: pointer;
        white-space: nowrap;
    }

        .imp-assets-container .e-verified-error .asset-error-sign {
            padding-right: 3px;
            padding-bottom: 3px;
        }

.imp-assets-container .e-verified-stamp {
    position: relative;
    right: -2px;
    color: #1fb25a;
    float: right;
    white-space: nowrap;
}
.imp-assets-container .e-verfied-icon {
    margin-right: 2px;
}
.imp-assets-grid-row .imp-icon-info-off,
.imp-assets-grid-row .imp-icon-info-on {
    margin-left: 3px;
}
.imp-popover .rowitem.address {
    padding-bottom: 1px;
    margin-top: 8px;
}
.imp-assets-lifeinsurance-img {
    background: url("LoanCenterSprite.png") no-repeat -56px -106px;
    width: 28px;
    height: 24px;
    display: inline-block;
}
.imp-assets-automobiles-img {
    background: url("LoanCenterSprite.png") no-repeat -25px -106px;
    width: 30px;
    height: 24px;
    display: inline-block;
}
.imp-assets-financial-img {
    background: url("LoanCenterSprite.png") no-repeat 0px -106px;
    width: 23px;
    height: 25px;
    display: inline-block;
}

.imp-assets-title-value {
    padding-top: 10px;   
    color: #1FB25A;
    padding-left: 6px;
}
/*endregion AssetsTab*/


/*#region 1003 Credit Tab*/

.credit-info-header {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    min-height: 1px;
}
.credit-info-header .credit-div-borrower-info {
    width: 900px;
}
.credit-info-header .credit-div-borrower-info .imp-icon.decision-score {
    display: inline-block;
    margin-left: 7px;
    margin-top: -2px;
    position: absolute;
}
.credit-info-header .credit-div-borrower-info .decision-score {
    font-weight: bold;
    font-size: 18px;
}
.credit-info-header .credit-div-borrower-info .field {
    display: inline-block;
    margin-right: 33px;
}
.credit-info-header .credit-div-borrower-info .field.normal {
    font-weight: normal;
}
.credit-info-header .credit-div-borrower-info .value {
    margin-left: 10px;
}
.credit-info-header .credit-div-borrower-info .field .imp-icon-pdf {
    display: inline-block;
    position: absolute;
    margin-top: -8px;
    margin-left: 10px;
    cursor: pointer;
}
.credit-info-header .run-credit-button {
    position: absolute;
    left: 894px;
    top: -73px;
    z-index: 1;
}
.credit-info-header .credit-report-identifier-section {
    display: flex;
    justify-content: space-between;
    width: 200px;
}
.credit-info-header .credit-report-identifier-section .credit-report-identifier-label {
    display: flex;
    align-items: center;
    color: #767676;
    font-size: 14px;
    font-weight: normal;
}
.credit-info-header .credit-report-identifier-section input {
    width: 110px;
}
.credit-report-date {
    text-align: right; 
    margin-bottom: 10px; 
    font-style: italic;
}
.expanded-guidelines-headers {
    display: flex;
    align-items: center;
}
    .expanded-guidelines-headers .imp-icon-question-mark {
        margin-left: 5px;
    }

.credit-fico-popup {
        padding: 35px;
        line-height: 35px;
    }
.credit-fico-popup-container {
    min-width: 300px;
    min-height: 260px;
}
.credit-fico-popup-container .header {
    display: flex;
    padding-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 5px;
}
.credit-fico-popup-container .header .borrower {
    margin-left: 85px;
    text-align: left;
    width: 235px;
    font-weight: bold;
}
.credit-fico-popup-container .header .right-section {
    display: flex;
}
.credit-fico-popup-container .footer {
    display: flex;
    margin: 5px 20px 20px;
    height: 40px;
    border-top: 1px solid #c6c6c6;
    align-items: center;
}
.credit-fico-popup-container .footer .middle-score-text {
    width: 65px;
    margin-right: 20px;
}
.credit-fico-popup-container .footer .middle-score-value {
    width: 295px;
    text-align: left;
    margin-right: 35px;
    font-weight: bold;
    font-size: 20px;
    color: #1fb25a;
}
.credit-fico-popup-container .content {
    display: flex;
    flex-direction: column;
}
.credit-fico-popup-container .content .fico-scores-left {
    text-align: left;
    margin-right: 20px;
    width: 65px;
}
.credit-fico-popup-container .content .fico-scores {
    margin-left: 20px;
    text-align: left;
    display: flex;
    margin-top: 10px;
}
.credit-fico-popup-container .content .fico-scores .fico-score {
    text-align: left;
    width: 330px;
}
.credit-fico-popup-container .content .fico-scores .fico-score .fico-score-value {
    font-weight: bold;
    color: #1fb25a;
}
.credit-fico-popup-container .content .fico-scores .fico-score .factors {
    line-height: 1;
    list-style-type: disc;
    padding-left: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-style: italic;
    color: #9d9d9d;
    font-size: 12px;
}
.credit-fico-popup-container .content .fico-scores .fico-score .factors .factor {
    line-height: 1;
}
.credit-fico-popup th {
    color: #b1b1b1;
}
.credit-fico-popup td {
    text-align: center;
}
.credit-fico-popup tbody,
.credit-fico-popup tfoot {
    border-bottom: thin solid;
    border-top: thin solid;
    border-color: #b1b1b1;
}
.credit-fico-popup tfoot > tr > td,
.credit-fico-popup tfoot > tr > th {
    padding-top: 10px;
    padding-bottom: 10px;
}
.credit-fico-popup .decision-score {
    font-weight: bold;
    font-size: 14px;
}
input[type="text"].credit-input-system-calc-minpayment {
    color: #208ddc;
}
.credit-miscexpenses .borrower {
    width: 21.11%;
}
.credit-miscexpenses .type {
    width: 29.5%;
    display: flex;
    align-items:center;
}

.credit-expandedguidelines .mortgagelates {
    width: 11%;
}

.credit-expandedguidelines .twelvemonths {
    width: 11%;
}

.credit-expandedguidelines .thirteenmonths {
    width: 11.5%;
}

.credit-expandedguidelines .bankruptcyevent {
    width: 28.7%;
}

.credit-expandedguidelines .housingevent {
    width: 27%;
}

.credit-expandedguidelines .firstsection {
    width: 37%;
}

.credit-expandedguidelines .secondsection {
    width: 28%;
}

.credit-expandedguidelines .thirdsection {
    width: 28%;
}
/*#endregion 1003 Credit Tab*/


/*#region VOA Button */

.voa-button-container {
    margin-right: 0px;
    float: right;
}
.voa-button-container .button-save-loader {
    position: absolute;
    right: 5px;
    top: 3px;
}
/*#endregion VOA Button*/


/*#region Group button*/

.credit-run-container {
    float: right;
    margin-right: -19px;
    margin-top: -92px;
}
.btn-group-container {
    float: right;
}
.btn-group-container .loan-details-cancel {
    width: 160px;
    margin-right: -3px !important;
    margin-left: 60px;
    padding-top: 0px !important;
}
.credit-run-container .open .credit-run-button-sec {
    background: rgb(1, 86, 165);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(1, 86, 165, 1) 0%, rgba(1, 86, 165, 1) 100%, rgba(2, 120, 230, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 86, 165, 1)), color-stop(100%, rgba(1, 86, 165, 1)), color-stop(100%, rgba(2, 120, 230, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(1, 86, 165, 1) 0%, rgba(1, 86, 165, 1) 100%, rgba(2, 120, 230, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(1, 86, 165, 1) 0%, rgba(1, 86, 165, 1) 100%, rgba(2, 120, 230, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(1, 86, 165, 1) 0%, rgba(1, 86, 165, 1) 100%, rgba(2, 120, 230, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(1, 86, 165, 1) 0%, rgba(1, 86, 165, 1) 100%, rgba(2, 120, 230, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0156a5', endColorstr='#0278e6', GradientType=0);
    /* IE6-9 */
}
.credit-run-button-prim,
.credit-run-button-sec,
.group-button-sec,
.group-button-prim {
    font-weight: normal;
    border-radius: 3px;
    height: 30px;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: default;
}
.group-button-prim {
    cursor: pointer;
}
.credit-run-button-prim,
.group-button-prim {
    padding: 5px 5px 7px 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.single-button {
    border-right: 1px solid #b5b5b5 !important;
}

.contextual-button-prim {
    min-width: 184px;
    margin-left: 0px !important;
}

.credit-run-button-prim:disabled,
.group-button-prim:disabled {
    display: inline-block;
    font-weight: 300;
    border: 1px solid #b5b5b5;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #a2a2a3;
    background: #d3d3d3;
}
.credit-run-button-prim .divider,
.group-button-prim .divider {
    border-left: 1px solid #57a7f3;
    float: right;
    height: 20px;
    margin: 0 -5px 0 6px;
    padding-left: 0;
}
.credit-run-button-prim:disabled .divider,
.group-button-prim:disabled .divider {
    border-left: 1px solid #b5b5b5;
    float: right;
    height: 20px;
    margin: 0 -5px 0 6px;
    padding-left: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .credit-run-button-prim:disabled .divider {
        margin-top: -19px;
    }
    .group-button-prim:disabled .divider {
        margin-top: 0px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .credit-run-button-prim .divider {
        margin-top: -21.5px;
        height: 22px;
    }
    .group-button-prim .divider {
        margin-top: -2.2px;
        height: 22px;
    }
}
.credit-run-button-sec,
.group-button-sec {
    padding: 13px 6px 5px 4px;
    cursor: pointer;
    width: 22px;
    margin-left: -5px ; 
}
.credit-run-button-sec .arrow,
.group-button-sec .arrow {
    padding-top: 1px;
    margin-top: -14px;
    color: white;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: inset;
    border-style: solid;
    border-width: 8px 4.5px 0 4.5px;
    border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.imp-button-sec-general .arrow {
    padding-top: 1px;
    margin-top: -14px;
    color: white;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: inset;
    border-style: solid;
    border-width: 8px 4.5px 0 4.5px;
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.contextual-button-action .imp-button-sec-general.group-button-prim {
    padding: 5px 5px 7px 10px;
    margin-right: 0px;
    margin-left: 0px;
    cursor: pointer;
    width: 22px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-style: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .credit-run-button-sec .arrow,
    .group-button-sec .arrow {
        position: absolute;
        top: 26px;
        left: 5px;
    }
    .queue-bottom-table-bar .group-button-sec .arrow {
        top: 24px;
    }
    .flip .group-button-sec .arrow {
        top: 18px;
        left: 0px;
    }
    .section-row .flip .group-button-sec .arrow {
        top: 16px;
        left: 0px;
    }
}
.credit-run-button-sec:disabled,
.group-button-sec:disabled {
    font-weight: 600;
    padding: 12px 6px 5px 4px;
    cursor: pointer;
    width: 22px;
    color: #a2a2a3;
    border: 1px solid #b5b5b5;
    border-left: 0px;
    background: #d3d3d3;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #EEF1F2 0%, #DFE6E7 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF1F2), color-stop(100%, #DFE6E7));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #EEF1F2 0%, #DFE6E7 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #EEF1F2 0%, #DFE6E7 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #EEF1F2 0%, #DFE6E7 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #EEF1F2 0%, #DFE6E7 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#EEF1F2', endColorstr='#DFE6E7', GradientType=0);
    /* IE6-9 */
}
.credit-run-button-sec:disabled .arrow,
.group-button-sec:disabled .arrow {
    padding-top: 1px;
    margin-top: -15px;
    color: white;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: inset;
    border-style: solid;
    border-width: 8px 4.5px 0 4.5px;
    border-color: #3d3d3d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.btn-group > .credit-run-button-prim,
.btn-group > .credit-run-button-sec,
.btn-group > .group-button-sec,
.btn-group > .group-button-prim {
    float: left;
    position: relative;
}
.btn-group > .credit-run-button-prim,
.btn-group > .group-button-prim {
    margin-right: 0px;
}
.btn-group > .credit-run-button-sec,
.btn-group > .group-button-sec {
    margin-left: 0px;
    border-left-style: none;
}
.flip .dropdown-menu,
.credit-run-container .dropdown-menu,
.voa-button-container .dropdown-menu,
.imp-move-to-container .dropdown-menu,
.queue-contextual-bar .dropdown-menu,
.queue-bottom-table-bar .dropdown-menu,
.btn-group-container .dropdown-menu {
    position: absolute;
    min-width: 150px;
    top: 100%;
    font-size: 13px;
    text-align: left;
    list-style: none;
    margin-top: -3px;
    border-radius: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    right: 6px;
    left: auto;
    white-space: normal;
    -moz-box-shadow: 2px 2px 4px 2px #b6baba;
    -webkit-box-shadow: 2px 2px 4px 2px #b6baba;
    -o-box-shadow: 2px 2px 4px 2px #b6baba;
    box-shadow: 2px 2px 4px 2px #b6baba;
}
.btn-group-container .contextual-button-action .dropdown-menu-discl {
    min-width: 185px;
    margin-top: -142px;
    right: -1px;
    cursor: pointer;
}
.btn-group-container .contextual-button-action .dropdown-menu-encompass {
    min-width: 205px;
    margin-top: -116px;
    right: 8px;
}
.flip .dropdown-menu,
.queue-bottom-table-bar .dropdown-menu {
    min-width: 110px;
}
.flip .dropdown-menu > li > a,
.queue-bottom-table-bar .dropdown-menu > li > a {
    padding: 3px 15px;
}
.flip .dropdown-menu > li > a:hover,
.credit-run-container .dropdown-menu > li > a:hover,
.imp-move-to-container .dropdown-menu > li > a:hover,
.queue-contextual-bar .dropdown-menu > li > a:hover,
.queue-bottom-table-bar .dropdown-menu > li > a:hover,
.btn-group-container .dropdown-menu > li > a:hover:not(.disabled),
.document-upload .dropdown-menu > li > a:hover:not(.disabled),
.locking-pricing .dropdown-menu-lock > li > a:hover,
.locking-pricing .dropdown-menu > li > a:hover {
    text-decoration: none;
    outline: 0;
    display: block;
    font-weight: normal;
    clear: both;
    background: #a6ecff;
    background: -moz-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6ecff), color-stop(100%, #a6ecff));
    background: -webkit-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #a6ecff 0%, #a6ecff 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6ecff', endColorstr='#a6ecff', GradientType=0);
    /* IE6-9 */
    
    background-repeat: repeat-x;
    color: #000000;
    white-space: nowrap;
    margin-right: 0px;
}
.queue-contextual-bar .dropdown-menu .inactive-option {
    color: #9d9d9d;
    cursor: auto;
}
.btn-group-container .dropdown-menu .disabled {
    color: #a2a2a3;
    cursor: default;
    background: #d3d3d3;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d0d0d0), color-stop(100%, #d0d0d0));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #d0d0d0 0%, #d0d0d0 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #d0d0d0 0%, #d0d0d0 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#d0d0d0', GradientType=0);
    /* IE6-9 */
}
.imp-popover .credit-run-popover-container {
    width: 300px;
    padding: 0px;
    text-align: left;
    border: 0px;
    white-space: normal;
}
.imp-popover .run-credit-popover-content {
    padding: 15px;
    white-space: normal;
}
.imp-popover .run-credit-popover-buttons {
    padding-top: 15px;
    padding-bottom: 10px;
}
.run-credit-semi-bold {
    font-weight: 600;
}
/*#endregion Group button*/

/*#region AUS ProductResult Modal*/
.aus-product-result-modal-container .modal-dialog {
    width: 920px;
}

    .aus-product-result-modal-container .modal-dialog .modal-content {
        height: 505px;
    }

.aus-product-result-modal {
    padding: 20px;
}

    .aus-product-result-modal .header {
        border-bottom: 1px solid darkgrey;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

        .aus-product-result-modal .header .title {
            font-weight: bold;
            font-size: 15px;
        }

    .aus-product-result-modal .loader {
        font-size: 14px;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 260px;
    }

        .aus-product-result-modal .loader .load-message-details {
            font-size: 14px;
        }

    .aus-product-result-modal .products-header {
        margin-top: 25px;
        color: #767676;
        display: flex;
        margin-bottom: 5px;
    }

        .aus-product-result-modal .products-header > div {
            padding-left: 0px;
        }

            .aus-product-result-modal .products-header > div:first-child {
                width: 5%;
                color: #208ddc;
            }

    .aus-product-result-modal .aus-pricing-results {
        min-height: 353px;
        max-height: 353px;
        overflow-y: auto;
        overflow-x: hidden;
    }



    .aus-product-result-modal .product-group .category-row {
        min-height: 21px;
        line-height: 20px;
        font-size: 12px;
        color: #1fb25a;
        border-bottom: 1px solid #414141;
        padding-top: 10px;
        padding-left: 55px;
    }

    .aus-product-result-modal .aus-pricing-results .product-item {
        border-bottom: 2px dotted #efefef;
        display: flex;
        line-height: 20px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        .aus-product-result-modal .aus-pricing-results .product-item.hasScroll {
            margin-right: -15px;
        }

        .aus-product-result-modal .aus-pricing-results .product-item > div {
            padding-left: 0px;
            display: flex;
        }

        .aus-product-result-modal .aus-pricing-results .product-item .col-sm-7 {
            max-width: 54.2%;
        }

        .aus-product-result-modal .aus-pricing-results .product-item > div:first-child {
            width: 5%;
            justify-content: center;
            display: flex;
        }

        .aus-product-result-modal .aus-pricing-results .product-item > div:last-child {
            color: #208DDC;
            font-weight: bold;
        }

    .aus-product-result-modal .aus-pricing-results .round {
        position: relative;
    }


        .aus-product-result-modal .aus-pricing-results .round input[type="checkbox"] {
            visibility: hidden;
            width: 16px;
            height: 16px;
        }

            .aus-product-result-modal .aus-pricing-results .round input[type="checkbox"]:checked + .round-label {
                background-color: #208ddc;
            }

        .aus-product-result-modal .aus-pricing-results .round label {
            border: 1px solid #208ddc;
            border-radius: 50%;
            cursor: pointer;
            height: 16px;
            position: absolute;
            top: 0;
            width: 16px;
        }

            .aus-product-result-modal .aus-pricing-results .round label:after {
                border: 2px solid #fff;
                border-top: none;
                border-right: none;
                content: "";
                height: 3px;
                left: 3px;
                opacity: 1;
                position: absolute;
                top: 4px;
                transform: rotate(-45deg);
                width: 8px;
            }

            .aus-product-result-modal .aus-pricing-results .round label:before {
                border: 3px solid #208ddc;
                border-top: none;
                border-right: none;
                content: "";
                height: 3px;
                left: 3px;
                opacity: 1;
                position: absolute;
                top: 4px;
                transform: rotate(-45deg);
                width: 8px;
            }

    .aus-product-result-modal .aus-pricing-results .evoa-label {
        color: #1fb25a;
        padding-right: 5px;
    }

    .aus-product-result-modal .buttons {
        display: flex;
        justify-content: end;
        margin-top: 15px;
    }

.aus-product-search-modal .buttons > button {
    width: 80px;
    padding: 0;
}

/*#endregion AUS ProductSearch*/



/*#region AUS ProductSearch Modal*/
.aus-product-search-modal-container .modal-dialog {
    width: 400px;
}

.aus-product-search-modal {
    padding: 20px;
}

    .aus-product-search-modal .header {
        border-bottom: 1px solid darkgrey;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

        .aus-product-search-modal .header .title {
            font-weight: bold;
            font-size: 15px;
        }

    .aus-product-search-modal .row .input-group {
        display: flex;
    }

        .aus-product-search-modal .row .input-group.fixed-loan-term .du-early-assessment-checkbox > label {
            padding-left: 20px;
            padding-right: 8px;
        }

        .aus-product-search-modal .row .input-group .du-early-assessment-checkbox > label {
            font-size: 12px;
        }

    .aus-product-search-modal .buttons {
        display: flex;
        justify-content: end;
    }

        .aus-product-search-modal .buttons > button {
            width: 80px;
            padding: 0;
        }


/*#endregion AUS ProductSearch*/

/*#region Custom Fields Modal*/
.custom-fields-modal .modal-content {
    margin-left: 50px;
    width: 500px;
}
.price-rate-adjustments .modal-content {
    margin-left: 50px;
    width: 400px;
}
.customFields-modal,
.price-rate-adjustments-modal {
    text-align: left;
    padding-top: 14px;
    padding-bottom: 19px;
    width: 92%;
    font-size: 12px;
    color: #000000;
    margin-bottom: 0px;
    margin-left: 19px;
}
.customFields-modal .header,
.price-rate-adjustments-modal .header {
    border-bottom: 1px solid darkgrey;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.customFields-modal .header .title,
.price-rate-adjustments-modal .header .title {
    color: black;
    font-weight: bold;
}
.customFields-modal .header .title {       
    font-size: 17px;
}
.price-rate-adjustments-modal .header .title {
    font-size: 15px;
    font-family: Arial;
}
.price-rate-adjustments-modal .header .title {
    font-size: 15px;
    font-family: Arial;
}
.price-rate-adjustments-modal .message {
    font-size: 12px;
    font-family: Arial;
    line-height: 16px;
    text-align: left;
    margin-bottom: 20px;
}
.customFields-modal .body {
    padding-bottom: 10px;
    color: black;
}
.customFields-modal .body .scroll-section {
    overflow: auto;
}
.customFields-modal .body .scroll-section .row {
    display: flex;
    margin-left: 0px;
    margin-top: 10px;
    align-items: center;
    font-size: 12px;
    width: 100%;
}
.customFields-modal .body .scroll-section .row .text {
    word-wrap: break-word;
    line-height: 150%;
    width: 75%;
}
.customFields-modal .body .scroll-section .row .text .imp-icon-asterisk {
    display: inline-flex;
}
.customFields-modal .body .row .text {
    word-wrap: break-word;
    line-height: 150%;
}
.customFields-modal .body .row .field {
    width: 25%;
}
.customFields-modal .body .row .field .radioButtons {
    display: inline-flex;
    float: right;
    margin-right: 15px;
    color: black;
    margin-top: 5px;
}
.customFields-modal .body .row .field .dropDown {
    width: 136%;
    height: 24px;
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}
.customFields-modal .body .row .imp-lbl-radio {
    font-size: 13px;
}
.customFields-modal .footer,
.price-rate-adjustments-modal .footer {
    margin-top: 10px;
}
.customFields-modal .footer .buttons,
.price-rate-adjustments-modal .footer .buttons{
    display: flex;
    margin-left: 6px;
    margin-top: 6px;
}
.price-rate-adjustments-modal .footer .buttons .separator {
    width: 75%;
    border-bottom: white;
 }
.customFields-modal .footer .buttons .button,
.price-rate-adjustments-modal .footer .buttons .button {
    display: flex;
    margin-left: 5px;
}
.price-rate-adjustments-modal .footer .buttons .button {
    font-size: 13px;
}
/*#endregion Custom Fields Modal*/

/*#region Tax Questions Modal*/

.taxQuestions-modal {
    text-align: left;
    padding-top: 14px;
    padding-bottom: 19px;
    width: 560px;
    font-size: 15px;
    color: #000000;
    margin-bottom: 0px;
    margin-left: 19px;
}
.taxQuestions-modal .header {
    border-bottom: 1px solid darkgrey;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.taxQuestions-modal .header .title {
    color: black;
    font-size: 15px;
    font-weight: bold;
}
.taxQuestions-modal .body {
    border-bottom: 1px solid darkgrey;
    padding-bottom: 10px;
    min-height: 200px;
    color: #767676;
}
.taxQuestions-modal .body .scroll-section {
    max-height: 270px;
    overflow: auto;
}
.taxQuestions-modal .body .scroll-section .row {
    display: flex;
    margin-left: 0px;
    margin-top: 15px;
    align-items: center;
    font-size: 13px;
    width: 543px;
}
.taxQuestions-modal .body .scroll-section .row .text {
    word-wrap: break-word;
    line-height: 150%;
}
.taxQuestions-modal .body .row .text {
    word-wrap: break-word;
    line-height: 150%;
}
.finance-affidavit-title {
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.taxQuestions-modal .body .row .field {
    width: 25%;
}
.taxQuestions-modal .body .row .text {
    width: 82%;
}
.taxQuestions-modal .body .row .field .radioButtons {
    display: inline-flex;
    float: right;
    margin-right: 15px;
    color: black;
    margin-top: 5px;
    margin-left: 20px;
}
.taxQuestions-modal .body .row .field .dropDown {
    width: 136%;
    height: 24px;
    margin-left: -65px;
}
.taxQuestions-modal .body .row .imp-lbl-radio {
    font-size: 13px;
}
.taxQuestions-modal .footer {
    margin-top: 10px;
}
.taxQuestions-modal .footer .buttons {
    display: flex;
    margin-left: 6px;
    margin-top: 6px;
}
.taxQuestions-modal .footer .buttons .button {
    display: flex;
    margin-left: 5px;
}
/*#endregion Tax Questions Modal*/

/*#region Special Program and Feature Modal*/
.special-program-feature-modal .container {
    width: 85%;
}
.special-program-feature-modal .imp-popover .content .rowitem:first-child {
    padding-top: 10px;
}
.special-program-feature-modal .container .rowitem {
     margin-left: 6%;
     width: 100%;
     float: none;
}
.special-program-feature-modal .imp-popover .container .content .rowitem .left-column {
    width: 19%;
}
.special-program-feature-modal  .imp-popover .content .rowitem .right-column .imp-span-ddl-container.medium.drop-down {
    min-width: 100%;
    max-width: 100%;
}
.special-program-feature-modal .modal-dialog {
    width: 350px;
}
.special-program-feature-modal .special-program-feature-not-available-message {
    margin-bottom: 5px;
    margin-top: 10px;
    text-align: center;
}
/*#endregion Special Program and Feature Modal*/

/*#region Impound Calculator*/

.impound-calculator-modal {} .impound-calculator-modal .container > .header {
    border-bottom: 1px solid #bcbebe;
    height: 22px;
}
.impound-calculator-modal .container > .header > span {
    font-size: 15px;
}
.impound-calculator-modal .container {
    width: 900px;
    padding: 15px 20px 10px;
}
.impound-calculator-modal .container.refinance {
    width: 850px;
}
.impound-calculator-modal .container.extended {
    width: 1150px;
}
.impound-calculator-modal .container.refinance.extended {
    width: 1050px;
}
.impound-calculator-modal .content {
    width: 98%;
}
.impound-calculator-modal .extended .content {
    width: 99.5%;
}
.impound-calculator-modal .vertical-line {
    border-right: 1px solid #bcbebe;
}
.impound-calculator-modal .row {
    width: 100%;
    display: flex;
    margin: 0;
    height: 30px;
}
.impound-calculator-modal .row.header {
    color: #767676;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 12px;
}

.impound-calculator-modal .row .imp-icon-lock {
    margin-top:2px;
    margin-left:7px;
}

.impound-calculator-modal .row .lock-container {
   width:18px;
   margin-left:-20px;
}

.impound-calculator-modal .row .col-xs > span {
    margin-top: 5px;
    display: flex;
    float: right;
    margin-right: 18px;
}
.impound-calculator-modal .extended .row .col-xs > span {
    margin-right: 16px;
}
    /*.impound-calculator-modal .extended .row .imp-icon-lock {
    margin-left:15px;
}*/
.impound-calculator-modal .col-s,
.impound-calculator-modal .col-m,
.impound-calculator-modal .col-l,
.impound-calculator-modal .col-xl {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
}
.impound-calculator-modal .col-xs {
    width: 7.5%;
}
.impound-calculator-modal .col-s {
    width: 10%;
}
.impound-calculator-modal .col-m {
    /*width: 18%;*/
}
.impound-calculator-modal .col-l {
    width: 20%;
}
.impound-calculator-modal .col-xl {
    width: 30%;
}
.impound-calculator-modal .extended .row .col-xs {
    width: 5.97%;
}
    .impound-calculator-modal .extended .row .col-xs.ddl {
        width: 4.1%;
        margin-right: 5px;
    }
.impound-calculator-modal .refinance.extended .row .col-xs {
    width: 5.6%;
}
    .impound-calculator-modal .refinance.extended .row .col-xs.ddl {
        width: 5%;
        margin-right: 5px;
    }
.impound-calculator-modal .extended .row .col-s {
    width: 6.8%;
}
.impound-calculator-modal .extended .row .col-l {
    width: 13.8%;
}
.impound-calculator-modal .extended .row .col-xl {
    width: 20.60%;
}
.impound-calculator-modal .extended .col-months-payment {
    width: 24%;
}
.impound-calculator-modal .extended > .header div:last-child {
    width: 23.4%;
    font-size: 12px;
    float: right;
}
.impound-calculator-modal .refinance.extended > .header div:last-child {
    width: 25.6%;
}
.impound-calculator-modal .extended > .header div:last-child span:first-child {
    color: #767676;
}
.impound-calculator-modal .extended .content div:nth-of-type(2) .vertical-line {
    margin-top: -25px;
    padding-top: 25px;
}
.impound-calculator-modal .extended .content .row.header div:last-child {
    padding-left: 10px;
}
.period-payment {
    padding-left: 0px;
}
.period-payment-lock {
    min-width: 5px;
    padding-left: 8px;
}
.period-payment-alignment {
    min-width: 25px;
}
.period-payment-ddl {
    float: right;
}
.period-payment-ddl.disabled:before {
    background-color: #efefef !important;
}
.impound-calculator .row .first-column {
    width: 168px;
}
.impound-calculator .row .amount-method-column {
    width: 126px;
}
.impound-calculator .row .amount-method-column .am-label {
    padding-left: 5px;
    width: 95%;
}
.impound-calculator .row .second-column {
    width: 72px;
}
.impound-calculator .row .third-column {
    width: 161px;
    float: left;
}
.impound-calculator .row .adjust-first-col {
    margin-right:68px;
}
.impound-calculator .row .adjust-amnt-period-hoa {
    margin-left: 68px;
}
.impound-calculator .row .col-s {
    width: 70px;
}
.impound-calculator-modal .row .imp-icon-question-mark {
    float: left;
    margin-top: 3px;
}
.align-left-maring {
    text-align: left;
    margin-top: 15px;
}
.row .margin {
    padding-top: 3px;
}
.row .bold {
    font-weight: bold;
}
.impound-calculator-modal .total {
    padding-top: 10px;
    padding-bottom: 10px;
}
.impound-calculator-modal .separator {
    width: 100%;
    border-bottom: 1px solid #bcbebe;
    margin-bottom: 0;
}
.impound-calculator .huge-total {
    font-size: 13px;
    font-weight: bold;
}
.impound-calculator-modal .footer {
    width: 100%;
    float: left;
    margin-top: 8px;
}
.impound-calculator-modal .footer .disclaimer {
    color: #767676;
    float: left;
    font-size: 10px;
    font-style: italic;
    width: 24.5%;
    margin-top: 9px;
    float: left;
}
.impound-calculator-modal .extended .footer .disclaimer {
    width: 18.5%;
}
.impound-calculator-modal .footer .buttons {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
}

.addInsurance .fa-plus-circle {
    color: #208DDC;
    font-size: 15px;
    padding-right: 5px;
}

.deleteInsurance .fa-minus-circle {
    color: #FF0000;
    opacity: 0.5;
    font-size: 15px;
}

.deleteInsurance .fa-minus-circle:hover {
    opacity: 1;
}

.impound-calculator-modal .footer .addInsurance {
    font-size: 12px;
    width: 24.5%;
    margin-top: 9px;
    color: #208DDC;
}

.supplementalPropertyInsurance {
    width: 200px;
    margin-left: 20px;
    text-align: left;
    font-size: 12px;
    font-style: italic;
    color: #767676;
    line-height: 24px;
}

.supplementalPropertyInsuranceRefinance {
    text-align: left;
    font-size: 12px;
    font-style: italic;
    color: grey;
    line-height: 22px;
}

.impound-calculator-modal .footer .totals-label {
    width: 39%;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    float: left;
}

.impound-calculator-modal .footer .totals-label-legacy {
    width: 44%;
}


.impound-calculator-modal .extended .footer .totals-label-legacy {
    width: 29.9% !important;
}

.impound-calculator-modal .footer .reopropertyexpense {
    width: 25%;
    text-align: right;
}

.impound-calculator-modal .refinance .footer .totals-label {
    width: 34.70%;
}
.impound-calculator-modal .extended .footer .totals-label {
    width: 20.9%;
}
.impound-calculator-modal .refinance.extended .footer .totals-label {
    width: 27% !important;
}
.impound-calculator-modal .refinance.extended .footer .insurance-and-taxes-dropdown {
    width: 19%;
}
.impound-calculator-modal .extended .footer .insurance-and-taxes-dropdown {
    width: 28%;
}
.impound-calculator-modal .footer .totals-label > span,
.impound-calculator-modal .footer .totals-value > span,
.impound-calculator-modal .footer .aggregate-adjustment-value > span {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    margin-top: 0px;
}
.impound-calculator-modal .footer .totals-label > span,
.impound-calculator-modal .footer .totals-value > span {
    color: #767676;
}
.impound-calculator-modal .footer .aggregate-adjustment-value span {
    color: #000000;
}
.impound-calculator-modal .footer .totals-value,
.impound-calculator-modal .footer .reserves-value {
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #1fb25a;
}
.impound-calculator-modal .footer .totals-value {
    width: 9.6%;
}
.impound-calculator-modal .extended .footer .totals-value {
    width: 10%;
}
.impound-calculator-modal .refinance.extended .footer .totals-value {
    width: 10%;
}
.impound-calculator-modal .footer .reserves-value {
    width: 15.9%;
    padding-bottom: 5px;
}
.impound-calculator-modal .extended .footer .reserves-value {
    width: 11.8%;
}
.impound-calculator-modal .refinance.extended .footer .reserves-value {
    width: 11%;
}
.impound-calculator-modal .extended .footer .aggregate-adjustment-value {
    width: 13.9%;
    float: left;
    padding-bottom: 5px;
    margin-left: 96px;
}
.impound-calculator-modal .refinance.extended .footer .aggregate-adjustment-value {
    margin-left: 90px;
}

.impound-calculator-modal .row .first-column > span {
    position: absolute;
    bottom: 12px;
    color: #767676;
}

.reopropertyexpenses .row .first-column {
    width: 145px;
}

.reopropertyexpenses .row .col-xs > div {
    margin-left: 32px;
}

.reopropertyexpenses .row .col-xs > span {
    margin-right: 9px;
}

.reopropertyexpenses .row .first-column > span {
    position: absolute;
    bottom: 12px;
}
.reopropertyexpenses .row .first-column.expense-label {
    padding-top: 4px;
}

.reopropertyexpenses .row .first-column > .expense-name {
    position: inherit;
    bottom: unset;
}
/*#endregion Impound Calculator*/
/*#region Closing Date Popup*/
.closing-date {
    float: left;
    min-height: 360px;
    width: 690px;
}
.closing-date .left-side {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    min-height: 300px;
    width: 310px;
}
.left-side .data-picker-section {
    float: left;
    margin-top: 28px;
    width: 130px;
}
.left-side .closing-date-title {
    float: left;
    margin-top: 32px;
    text-align: left;
    width: 157px;
}
.closing-date .right-side {
    width: 327px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.closing-date .data-picker-section .dropdown-menu {
    margin-left: -159px;
    display: block !important;
    /*Calendar should always be displayed on Closing Date Popup*/
    
    top: 100% !important;
    /*Calendar should always be displayed on Closing Date Popup*/
}
.closing-date .right-side .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
    width: 327px;
}
.closing-date .right-side .body {
    width: 327px;
    float: left;
    min-height: 280px;
}
.closing-date .right-side .body .row {
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 10px;
}
.closing-date .right-side .body .row .col-1 {
    width: 115px;
    float: left;
    text-align: left;
}
.closing-date .right-side .body .row .col-2 {
    width: 105px;
    float: left;
    text-align: left;
}
.closing-date .right-side .body .row .col-3 {
    width: 103px;
    float: left;
    text-align: right;
}
.closing-date .right-side .body .title {
    color: #767676;
}
.closing-date .right-side .buttons {
    float: left;
    margin-bottom: 13px;
    margin-top: 13px;
    text-align: right;
    width: 327px;
}
/*#endregion Closing Date Popup*/

/*#startregion USDA Original Loan Date Popup on USDA worksheet*/
.usda-original-loan-date-picker {
	display: inline-block;
	float: right;
	margin-top: -18px;
}
.usda-original-loan-date {
	float: left;
	min-height: 360px;
	width: 330px;
}
	.usda-original-loan-date .title {
		float: left;
		text-align: left;
		width: 130px;
	}
	.usda-original-loan-date .left-side {
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		min-height: 300px;
		width: 130px;
	}
	.usda-original-loan-date .usda-original-loan-date-popup-buttons {
		width: 100%;
		text-align: right;
		padding-top: 45px;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	.usda-original-loan-date .left-side .date-picker-section {
		float: left;
		margin-top: 15px;
		width: 130px;
	}
/*#endregion USDA Original Loan Date Popup on USDA worksheet*/
/*#startregion FHA Original Loan Date Popup on FHA worksheet*/
.fha-original-loan-date-picker {
	display: inline-block;
	float:left;
}

.fha-original-loan-date {
	float: left;
	min-height: 360px;
	width: 330px;
}

	.fha-original-loan-date .title {
		float: left;
		text-align: left;
		width: 130px;
	}

	.fha-original-loan-date .left-side {
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		min-height: 300px;
		width: 130px;
	}

	.fha-original-loan-date .fha-original-loan-date-popup-buttons {
		width: 100%;
		text-align: right;
		padding-top: 45px;
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.fha-original-loan-date .left-side .date-picker-section {
		float: left;
		margin-top: 15px;
		width: 130px;
	}
/*#endregion FHA Original Loan Date Popup on FHA worksheet*/
/*# ViewClosingCost */

.view-cost-details {
    height: auto;
    padding-bottom: 20px;
    width: 950px;
}
.product-group .tooltip-inner {
    max-width: 890px;
}
.view-cost-details .cost-details-header {
    border-bottom: 1px solid #bcbebe;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-top: -10px;
    text-align: left;
    width: 100%;
}
.view-cost-details .body-container {
    padding-left: 31px;
    padding-right: 31px;
}
.view-cost-details .cost-details-body {
    border-bottom: 1px solid #bcbebe;
    width: 100%;
}
.view-cost-details .body-block-first {
    width: 270px;
    padding-right: 24px;
}
.view-cost-details .body-block-last {
    width: 270px;
    padding-left: 27px;
}
.view-cost-details .row-label {
    width: 198px;
    text-align: left;
}
.view-cost-details .row-value {
    width: 68px;
    text-align: right;
}
.view-cost-details .body-block {
    width: 270px;
    padding-left: 17px;
    padding-right: 27px;
}
.view-cost-details .disclaimer {
    color: #767676;
    margin-bottom: 0px;
}
.view-cost-details .gray-lock {
    margin-left: -23px;
    margin-top: -4px;
}
.sum-value-style {
    font-weight: bold;
    float: right;
}
.view-cost-details .cost-details-body .item-row {
    min-height: 15px;
    display: flex;
    padding-top: 10px;
}
.view-cost-details .view-cost-details-content {
    padding-left: 31px;
    padding-right: 31px;
}
.view-cost-details .divider {
    border-right: 1px solid #d8d8d8;
    width: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cost-cell-on-popup-open {
    color: #208ddc !important;
}
.view-cost-details .body-container-footer {
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    font-size: 16px;
    text-align: left;
}
.view-cost-details .body-container-footer > div {
    display: inline-block;
    float: left;
    width: 262px;
}
.view-cost-details .body-container-footer > div:first-child {
    margin-left: 30px;
}
.view-cost-details .body-container-footer > div:nth-child(2) {
    margin-left: 42px;
}
.view-cost-details .body-container-footer > div:nth-child(3) {
    margin-left: 60px;
}
    .view-cost-details .body-container-footer .desc {
        padding-left: 30px;
        color: #767676;
        font-size: 12px;
        display: block;
    }

.blue-text:hover {
    color: #208ddc !important;
}

.blue-font {
    color: #208ddc;
}
.principal-interest {
    color: #208ddc;
    font-weight:bold;
    flex-basis: 55px !important;
}

.products .rate-postlod {
    flex-basis: 55px !important;
}
.products .days-postlod {
    flex-basis: 45px !important;
}
.products .price-postlod {
    flex-basis: 70px !important;
}


/*#region Edit Section VII*/
.edit-section-seven {
    width: 370px;
    float: left;
}

    .edit-section-seven .header {
        border-bottom: 1px solid #bdbebe;
        font-size: 14px;
        font-weight: bold;
        margin-left: 10px;
        margin-top: 10px;
        padding-bottom: 5px;
        text-align: left;
        width: 349px;
    }

    .edit-section-seven .body {
        min-height: 92px;
        border-bottom: 1px solid #bdbebe;
        float: left;
        width: 350px;
        margin-left: 10px;
        margin-top: 10px;
        padding-bottom: 15px;
    }

        .edit-section-seven .body.funding-fee-financed-details {
            min-height: inherit;
        }

        .edit-section-seven .body .item {
            margin-top: 5px;
            float: left;
        }
        
            .edit-section-seven .body .item .text {
                width: 190px;
                float: left;
                text-align: left;
                color: #767676;
            }

            .edit-section-seven .body .item .field {
                width: 150px;
                float: left;
            }

                .edit-section-seven .body .item .field input {
                    width: 150px;
                }

                .edit-section-seven .body .item .field .input-group input {
                    width: 100%;
                }

    .edit-section-seven .buttons {
        width: 350px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
        float: left;
        text-align: right;
    }
	.edit-section-seven.seller-credit-details {
		width:325px;
	}
	.seller-credit-details .seller-credit-item .text {
		width: 50%;
		float: left;
		text-align: left;
	}

	.seller-credit-details .seller-credit-item .field {
		width: 50%;
		float: left;
	}
	.seller-credit-details .seller-credit-item .field input{
		width: 85%;
	}
	.edit-section-seven.seller-credit-details .header {
		border-bottom: 1px solid #bdbebe;
		font-size: 14px;
		font-weight: bold;
		margin-left: 20px;
		margin-top: 10px;
		padding-bottom: 5px;
		text-align: left;
		width: 90%;
	}
	.edit-section-seven.seller-credit-details .body {
		min-height: 70px;
		border-bottom: 1px solid #bdbebe;
		float: left;
		width: 90%;
		margin-left: 20px;
		margin-top: 10px;
		padding-top: 15px;
		padding-bottom: 0;
	}
	.edit-section-seven.seller-credit-details .buttons {
			width: 90%;
		}

.edit-section-seven-calculator {
    width: 370px;
    float: left;
}
    .edit-section-seven-calculator .loan-calculator-header {
        border-bottom: 1px solid #bdbebe;
        font-size: 14px;
        font-weight: bold;
        margin-left: 18px;
        margin-top: 10px;
        padding-bottom: 5px;
        text-align: left;
        width: 91%;
    }
    .edit-section-seven-calculator .loan-calculator-body {
        min-height: 92px;
        border-bottom: 1px solid #bdbebe;
        float: left;
        width: 96%;
        margin-top: 10px;
        padding-bottom: 15px;
    }
        .edit-section-seven-calculator .loan-calculator-body .item {
            display: flex;
            justify-content: space-between;
        }
            .edit-section-seven-calculator .loan-calculator-body .item .text {
                margin-left: 20px;
            }

    .edit-section-seven-calculator .loan-calculator-buttons {
        width: 91%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 18px;
        float: left;
        text-align: right;
    }

.edit-section-seven.funding-fee-financed-details {
	width: 385px;
}

        .edit-section-seven.funding-fee-financed-details .header {
            margin-top: 17px;
            margin-left: 17px;
            padding-bottom: 7px;
        }


        .edit-section-seven.funding-fee-financed-details .body {
            min-height: inherit;
            margin-top: 7px;
            margin-left: 12px;
            padding-right: 0px;
            padding-bottom: 17px;
            padding-left: 6px;
        }

            .edit-section-seven.funding-fee-financed-details .body .item {
                margin-top: 8px;
                margin-bottom: 10px;
            }

                .edit-section-seven.funding-fee-financed-details .body .item .text.adjsuted {
                    width: 162px;
                    line-height: 24px;
                }

                .edit-section-seven.funding-fee-financed-details .body .item .addFeeToLoanCb {
                    margin-left: 0px;
                    margin-right: 0px;
                    padding-left: 0px;
                    padding-right: 5px;
                    width: 14px;
                    top: 2px;
                }

            .edit-section-seven.funding-fee-financed-details .body .buttons {
                margin-bottom: 15px;
                margin-left: 20px;
            }

    .edit-section-seven .input-group {
        width: 158px;
    }

    .edit-section-seven.debts-to-be-paid-off {
        padding: 8px 8px 2px;
    }

        .edit-section-seven.debts-to-be-paid-off .body {
            min-height: initial;
            float: none;
        }

            .edit-section-seven.debts-to-be-paid-off .body .item {
                width: 100%;
            }

                .edit-section-seven.debts-to-be-paid-off .body .item:not(:last-child) {
                    padding-bottom: 4px;
                }

                .edit-section-seven.debts-to-be-paid-off .body .item .text,
                .edit-section-seven.debts-to-be-paid-off .total .text {
                    width: 75%;
                    float: left;
                }

                .edit-section-seven.debts-to-be-paid-off .body .item .field,
                .edit-section-seven.debts-to-be-paid-off .total .field {
                    width: 25%;
                    float: right;
                    text-align: right;
                }

        .edit-section-seven.debts-to-be-paid-off .total {
            width: 350px;
            margin: 15px auto 5px;
            font-weight: bold;
        }

            .edit-section-seven.debts-to-be-paid-off .total .text {
                text-align: right;
            }

    .edit-section-seven.debts-to-be-paid-off {
        padding: 8px 8px 2px;
    }

        .edit-section-seven.debts-to-be-paid-off .body {
            min-height: initial;
            float: none;
        }

            .edit-section-seven.debts-to-be-paid-off .body .item {
                width: 100%;
            }

                .edit-section-seven.debts-to-be-paid-off .body .item:not(:last-child) {
                    padding-bottom: 4px;
                }

                .edit-section-seven.debts-to-be-paid-off .body .item .text,
                .edit-section-seven.debts-to-be-paid-off .total .text {
                    width: 75%;
                    float: left;
                }

                .edit-section-seven.debts-to-be-paid-off .body .item .field,
                .edit-section-seven.debts-to-be-paid-off .total .field {
                    width: 25%;
                    float: right;
                    text-align: right;
                }

        .edit-section-seven.debts-to-be-paid-off .total {
            width: 350px;
            margin: 15px auto 5px;
            font-weight: bold;
        }

            .edit-section-seven.debts-to-be-paid-off .total .text {
                text-align: right;
            }

    .edit-section-seven.funding-fee-financed-details .body .item:first-child {
        font-size: 1.1em;
    }

    .edit-section-seven.funding-fee-financed-details .body .item .text {
        width: 180px;
    }

    .edit-section-seven.funding-fee-financed-details .body .item .field {
        width: 168px;
        text-align: right;
    }

    .edit-section-seven.funding-fee-financed-details .body .item.usda .field .imp-span-ddl-container,
    .usda-information .add-usda-row .imp-span-ddl-container {
        width: 74px;
    }

    .edit-section-seven.funding-fee-financed-details .body .item.usda .field select,
    .usda-information .add-usda-row select {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .edit-section-seven.funding-fee-financed-details .body .item.usda input,
    .usda-information .add-usda-row input {
        width: 86px;
    }

        .edit-section-seven.funding-fee-financed-details .body .item.usda input,
        .usda-information .add-usda-row input, .usda-information .add-usda-row input:hover {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: none;
            text-align: right;
        }

    .edit-section-seven.funding-fee-financed-details .buttons {
        margin-left: 18px;
    }

/*#endregion Edit Section VII*/


/*#region Conventional Mortgage Insurance*/

.edit-mortgage-insurance {
    width: 385px;
    float: left;
}
.edit-mortgage-insurance .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 14px;
    font-weight: bold;
    margin-top: 17px;
    margin-left: 17px;
    padding-bottom: 7px;
    text-align: left;
    width: 349px;
}
.edit-mortgage-insurance .body {
    border-bottom: 1px solid #bdbebe;
    float: left;
    width: 350px;
    padding-bottom: 15px;
    padding-left: 6px;
    margin-left: 12px;
}
.edit-mortgage-insurance .body .item {
    margin-top: 8px;
    float: left;
}
.edit-mortgage-insurance .body .item .text {
    width: 155px;
    float: left;
    text-align: left;
}
.edit-mortgage-insurance .body .item .field {
    width: 150px;
    float: left;
}
.edit-mortgage-insurance .body .item .field input {
    width: 150px;
}
.edit-mortgage-insurance .body .item .field .input-group {
    width: 159px;
}
.edit-mortgage-insurance .body .item .field .input-group .input-group-btn {
    width: 0;
}
.edit-mortgage-insurance .body .item .field .input-group input {
    width: 100%;
}
.edit-mortgage-insurance .buttons {
    width: 350px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 18px;
    float: left;
    text-align: right;
}
.mortgageInsuranceCalculationBased {
    float: left;
    margin-top: 20px;
    font-style: italic;
    font-size: smaller;
}
/*#endregion Conventional Mortgage Insurance*/


/*#region Upload Files popup*/

.upload-files {
    width: 450px;
    float: left;
    padding: 20px;
}
.upload-files-modal {
    width: 405px;
    overflow: auto;
    display: table !important;
    -webkit-transform: none;
    margin-left: -202px;
    margin-top: -106px;
}
.upload-files-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.upload-files-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
    overflow: auto;
}

.upload-files-modal-alert {
    margin-top: -300px;
}

.upload-files .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding-bottom: 5px;
    height: 35px;
}

.upload-files .header-left {
    text-align:left;
}

.upload-files .header .title {
    float: left;
    padding-top: 15px;
    width: inherit;
    font-size: 14px;
}

    .upload-files .header .title .new-alert {
        height: 25px;
        vertical-align: top
    }

    .upload-files .header .title.new-alert {
        padding-top: 0px;
        padding-bottom: 0px
    }

    .imp-yellow-triangle-icon.new-alert {
        display: inline-block;
    }

    .upload-files.new-alert .header {
        height: 20px;
    }

    .upload-files.new-alert {
        width: 365px;
        background-color: white;
    }

.upload-files .header .actions {
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
    margin-right: 0px;
    margin-top: -1%;
    vertical-align: middle;
    display: table-cell;
    padding-top: 5px;
    min-width: 17px;
}

.upload-files .header .actions.add {
    color: #208ddc;
    font-size: 12px;
    font-weight: normal;
}

.upload-files .header .actions.close {
    padding-top: 15px;
}

.upload-files .body {
    min-height: 115px;
    /*border-bottom: 1px solid #bdbebe;*/
    
    float: left;
    width: 100%;
}

.upload-files .body.new-alert {
    min-height: 75px;
}

input.new-alert {
    height: 24px;
    padding: 0px 25px 0px 25px;
    font-size: 13px;
}

.upload-files .body .item {
    margin-top: 10px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.upload-files .body .item .text {
    float: left;
    text-align: left;
}

.upload-files .body .item.gray {
    color: #767676;
}

.upload-files .body .item .text.left-label {
    color: #9D9D9D;
    width: 135px;
    display: flex;
}

.upload-files .body .item .text .input-path {
    width: 330px;
    background-color:white;
}

.upload-files .body .item .text .choice-button {
    float: right; 
    margin-top: 2px;
}

.upload-files .body .item .text.six-pieces {
    width: 247px; 
    float: left;
}

    .upload-files .body .item .text.six-pieces .asterisk-position {
        display: inline-flex;
        position: absolute;
    }

.upload-files .body .item .text.import-fnm-text {
    color: #9D9D9D;
    float: left;
}

.upload-files .body .item .text.italic {
    font-style: italic;
}

.upload-files .body .item .right-input {
    width: 200px;
    float: right;
}

.upload-files .body .item .right-text {
    width: 200px;
    float: right;
    color: #9D9D9D;
}

.upload-files .body .item .gray {
    color: #767676;
}

.upload-files .body .item .invalid-message {
    color: red;
    margin-top: 5px;
}

.upload-files .body .item .note {
    float: left;
    text-align: left;
}
.upload-files .body .item .field {
    width: 150px;
    float: left;
}

.upload-files .body .item .field input {
    width: 150px;
}

.upload-files .body .item .field .input-group input {
    width: 100%;
}

.upload-files .body .item .radio-container {
    width: 52px; 
    float: left; 
    padding-left: 7px;
}

.upload-files .body .item .date-picker-container {
    width: 90px; 
    float: left; 
    padding-left: 30px;
}

.upload-files .body .item .loan-purpose-container {
    width: 100px;
    float: left;
    padding-left: 30px;
    padding-bottom: 5px;
}

.upload-files .body .item .loan-purpose-message {
    background-color: #fff5d6;
    width: 97%;
    padding: 5px;
    margin-top: 10px;
}

.upload-files .body .item .text-container {
    width: 230px;
    float: left;
}

.upload-files .body .file {
    float: left;
    width: 100%;
    margin-top: 2px;
}

.upload-files .body .file .imp-lb-checkbox {
    float: left;
    padding-right: 0px;
}

.upload-files .body .file .file-name {
    float: left;
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
}
.upload-files .body .file .delete {
    float: right;
    text-align: left;
    margin-bottom: -3px;
}

.upload-files .body .item .info-link .info-icon {
    float: left;
}

.upload-files .body .item .info-link span {
    padding-left: 3px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 1px;
    line-height: 20px;
}

.upload-files .body .item .file-selection-button {
    cursor: pointer;
    color: #249DF5;
    border-radius: 4px;
    border: 2px solid #249DF5;
    padding: 3px 10px 3px 10px;
    width: 100px;
    height: auto;
    font-size: 14px;
}

.upload-files .body .item .file-selection-button.disabled {
    cursor: not-allowed;
    color: #208DDC;
    border-color: #208DDC;
    background-color: #FFFFFF;
    opacity: 0.47;
}

.upload-files .body .item .file-selection-button .cv-icon-upload-arrow {
    font-size: 16px;
}

.upload-files .body .item .file-selection-button span {
    padding-left: 5px;
}

.upload-files .buttons {
    float: right;
    margin-top: 15px;
}

.upload-files .close-button-x {
    margin: -10px -10px
}

.upload-file-notimported-alert-popup {
    padding: 20px 20px 20px 20px;
    width: 560px;
}

.upload-file-notimported-alert-popup .header {
    display: inline-block;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbebe;
    width: 100%;
}

.upload-file-notimported-alert-popup .header .info-icon {
    font-size: 12px;
    float:left;
    display: flex;
}

.upload-file-notimported-alert-popup .header .info-icon span {
    margin-top: 2px;
    margin-left: 3px;
}

.upload-file-notimported-alert-popup .content .title {
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
    height: 35px;
}

.upload-file-notimported-alert-popup .content table {
    padding-bottom: 0px;
}

.upload-file-notimported-alert-popup .content table thead th {
    font-size: 13px;
    width: 50%;
    border-bottom: 0px;
}

.upload-file-notimported-alert-popup .content table td ul {
    padding-left: 20px;
}

.upload-file-notimported-alert-popup .footer {
    height: 35px;
}

.upload-file-notimported-alert-popup .footer .imp-button-hm-wm-sec {
    width: 100px;
    float: right;
}

/*#endregion Edit Section VII*/


/*#region LoanScenario SubjectProperty*/

.loan-scenario-subject-property .imp-address {
    margin-top: 1px;
}
.loan-scenario-negative-dti-modal {
    font-size: 13px;
    font-weight: normal;
}

.loan-scenario .integration-links {
    display: flex;
    color: #208ddc;
    line-height: 45px;
    height: 43px;
    float: right;
    margin-top: 1px;
}

.loan-scenario .integration-links .integration-link {
    width: 80px;
    font-size: 12px;
    text-decoration: underline;
    cursor:pointer;
}

.loan-scenario .imp-main-buttons-div {
    padding-right: 0px;
    display: flex;
    margin-bottom: 30px;
}

.loan-scenario .imp-footer {
    padding-bottom: 0;
    padding-top: 25px;
}

.loan-scenario .loan-scenario-save-btn {
    margin-right:5px;
    margin-left:5px;

}

.loan-scenario .btn-container {
    float: right;
    display:inline-flex;
}

.loan-scenario-subject-property .city .position{
    margin-left: 2px;
}
/*#endregion LoanScenario SubjectProperty*/

/*#region LoanScenario DTI Validation popup*/
.dti-validation-popup-continue-button {
    font-size: 14px;
    margin-right: 0px;
}
/*#endregion LoanScenario DTI Validation popup*/

/*#region LoanScenario Expanded Guidelines*/
.imp-lcgrid .container .credit-expanded-guidelines .row {
    width: 100%;
    background-color: white;
    margin: 15px 0px;
    line-height: 21px;
    border-bottom: 0px;
    min-height: 10px;
}

    .imp-lcgrid .container .credit-expanded-guidelines .row:not(:first-child):not(:last-child) {
        border-bottom: 0px;
    }

.imp-lcgrid .container .credit-expanded-guidelines .expanded-guidelines-row {
    padding: 0;
}

    .imp-lcgrid .container .credit-expanded-guidelines .expanded-guidelines-row input {
        width: 85%;
    }

.loan-scenario-expanded-guidelines input {
    width: 85%;
}

.loan-scenario-expanded-guidelines .firstsection {
    width: 35%;
}

.loan-scenario-expanded-guidelines .secondsection {
    width: 28%;
}

.loan-scenario-expanded-guidelines .thirdsection {
    width: 28%;
}

.loan-scenario-expanded-guidelines .expanded-guidelines-row {
    padding: 0;
}
/*#endregion LoanScenario Expanded Guidelines*/

/*#region PropertyTab*/

.property-purchase-ownership-ok-button {
	margin-left: 117px !important;
	width: 70px;
}
.borrower-ownership-questions .rental-contact-phone input[type="text"], .coborrower-ownership-questions .rental-contact-phone input[type="text"] {
	box-sizing: content-box !important;
}
.coborrower-ownership-questions, .borrower-ownership-questions {
	clear: both;
}
/*#region PropertyTab*/
.imp-property-tab .col-lg-4 {
	width: 30%;
}
.imp-property-subjectproperty-img {
    background: url("LoanCenterSprite.png") -155px -80px;
    width: 28px;
    height: 26px;
}
.imp-property-agentinfo-img {
    background: url("LoanCenterSprite.png") -182px -80px;
    width: 28px;
    height: 27px;
}
.imp-property-currentaddress-img {
    background: url("LoanCenterSprite.png") -125px -80px;
    width: 30px;
    height: 26px;
}
.imp-property-homeowners-img {
    background: url("LoanCenterSprite.png") -212px -347px;
    width: 25px;
    height: 24px;
}
.imp-property-investment-popup {
    padding: 10px;
    width: 235px;
}
.imp-psection-agent-info {
    display: none;
}
.imp-property-visible-placeholder {
    color: #767676;
    margin-top: -26px;
    position: absolute;
    top: 28px;
    right: 5px;
}
.imp-psection-container select {
    padding: 3px;
}
.imp-property-tab .email input[type="text"],
.imp-property-tab .date input[type="text"],
.imp-property-tab .agent-field input[type="text"] {
    box-sizing: border-box;
    height: 24px;
    width: 100%;
}
/*endregion PropertyTab*/
/*region PersonalTab*/

.imp-personal-borrower-img {
    background: url("LoanCenterSprite.png") 2px -79px;
    width: 28px;
    height: 28px;
}
.imp-personal-coborrower-img {
    background: url("LoanCenterSprite.png") -25px -79px;
    width: 28px;
    height: 28px;
}
.imp-personal-titleinfo-img {
    background: url("LoanCenterSprite.png") -90px -78px;
    width: 33px;
    height: 30px;
}
.preferred-phone-label {
	position: relative;
	left: 68px;
	font-size: 10px;
}
.manage-user-account-modal .container {
	width: 480px;
	padding: 15px 22px 10px 22px;
}
.manage-user-account-modal .container .imp-div-close-x {
    position: relative;
    right: -15px;
    margin-top: -15px;
}
.manage-user-account-modal .content {
    width: 100%;
}
.manage-user-account-modal .row {
    margin-top: 10px;
}
.manage-user-account-modal .container .row:last-child {
    margin-bottom: 12px;
}
.manage-user-account-modal .container .row:last-child .col-s {
    color: #ef1126;
    padding-top: 4px;
    padding-left: 2px;
    width: 37%;
}
.manage-user-account-modal .col-s {
    position: relative;
    float: left;
    width: 38%;
    margin-left: 10px;
}
.manage-user-account-modal .col-m {
    position: relative;
    float: left;
    width: 54%;
}
.manage-user-account-modal input[type=radio] {
    width: inherit;
}
.manage-user-account-modal .row-radio-container {
    float: left;
    padding-left: 10px;
    margin-top: 3px;
}
.uldd-save-cancel
{
    float: right;
}
.arm-date
{
    border-radius: 0px 4px 4px 0px;
}
.manage-user-account-modal .imp-main-buttons-div {
    padding-right: 5px;
    padding-top: 10px;
}
.manage-user-account-modal .imp-main-buttons-div input {
    width: inherit;
}
.manage-user-account-modal .imp-button-hm-wxl-prim:disabled {
    padding: 4px 25px 5px;
}
.manage-user-account-modal .separate {
    color: #A3A3A3;
    line-height: 18px;
    font-style: italic;
}
.manage-user-account-modal .col-lg-13 {
    padding-left: 11px;
}
.ng-isolate-scope > table {
    width: 288px;
}
.manage-user-account-modal .col-md-7 {
    padding-left: 11px;
    padding-right: 0;
    width: 60%;
}
.manage-user-account-modal .col-md-4 {
    padding-right: 0;
}
.existing-email {
    margin-bottom: 10px;
}
.existing-email .col-md-7 {
    padding-top: 3px;
}

.counseling-section-img {
    background: url('LoanCenterSprite_2.png') -72px -130px;
    width: 50px;
    height: 50px;
    position: relative;
    top: -10px;
}

.counseling-section-border {
    border-bottom: 2px solid #f0f0f0;
}

.counseling-section-subtitle {
    margin-top:40px;
}

.counseling-section-question{
    margin-bottom: 0px;
}
.counseling-section-dropdown{
    width: 208px !important;
}
.counseling-section-date {
    width: 200px !important;
}
.counseling-section-textbox{
    width: 205px !important;
}
.counseling-section-date-error{
    white-space: nowrap;
}
/*endregion PersonalTab*/

.products-center .imp-address .imp-psection-row {
    margin: 3px 0;
}
/*#region Company Contact Info*/

.imp-popover .container .content .imp-address .imp-psection-row {
    margin-top: 7px;
}
.imp-popover .container .content .rowitem .right-column .imp-span-ddl-container.medium {
    width: 209px;
}
.company-filter-modal {
    display: flex;
    flex-direction: column;
    min-width: 342px;
    width: 100%;
    padding-left: 1px;
    padding-right: 2px;
    background: white;
    box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.8);
}
.company-filter-modal .company-filter-title {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    width: 133px;
    padding-top: 4px;
}
.company-filter-modal .company-filter-items {
    flex: 1;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    height: 20px;
    padding-right: 5px;
    cursor: pointer;
    font-size: 12px;
}
.company-filter-modal .company-filter-items:hover {
    background: #a6ecff;
}
.company-cost-filter-modal {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    width: 96%;
    background: white;
    margin-top: 5px;
    font-size: 12px;
}
.company-cost-filter-modal .company-cost-filter-title {
    color: #000000;
    font-weight: 700;
    font-size: 14px;
    width: 133px;
    padding-top: 0px;
    margin-left: 15px;
}
.company-cost-filter-modal .company-cost-filter-item .company-name {
    margin-left: 15px;
    float: left;
    color: #000000;
}
.company-cost-filter-modal .company-cost-filter-item .company-data {
    float: left;
    color: #9d9d9d;
}
.company-cost-filter-modal .company-cost-filter-item:hover {
    background: #e1f9ff;
    cursor: pointer;
}
.cost-globalContact .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.6);
}
/*#endregion Company Contact Info*/


/*#region Liabilities Add Item*/

.credit-liabilities-add-container {
    float: right;
    margin-bottom: -8px;
    margin-top: -8px;
}
.credit-liabilities-add-container .actions.add .imp-circle {
    position: relative;
    top: 8px;
    padding-top: 0px;
}
.credit-liabilities-add-container .dropdown-arrow {
    border-bottom-color: #f5f5f5;
    margin-left: -3px;
}
.credit-liabilities-add-container.open .dropdown-arrow:before {
    border-bottom: 9px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: inline-block;
    left: 44px;
    position: absolute;
    top: 43px;
    transform: rotate(225deg);
    -moz-box-shadow: 2px 2px 4px 2px #b6baba;
    -webkit-box-shadow: 2px 2px 4px 2px #b6baba;
    -o-box-shadow: 2px 2px 4px 2px #b6baba;
    box-shadow: 2px 2px 4px 2px #b6baba;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.credit-liabilities-add-container.open .dropdown-arrow:after {
    border-bottom: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 41px;
    position: absolute;
    top: 39px;
    display: inline-block;
    content: '';
    z-index: 1002;
}
.imp-move-to-container .dropdown-arrow {
    border-bottom-color: #f5f5f5;
    margin-left: -3px;
}
.credit-move-to-liabilities .imp-move-to-container .btn-group.open .dropdown-arrow:before {
    border-bottom: 9px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: 28px;
    transform: rotate(225deg);
    -moz-box-shadow: 2px 2px 4px 2px #b6baba;
    -webkit-box-shadow: 2px 2px 4px 2px #b6baba;
    -o-box-shadow: 2px 2px 4px 2px #b6baba;
    box-shadow: 2px 2px 4px 2px #b6baba;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.credit-move-to-liabilities .imp-move-to-container .btn-group.open .dropdown-arrow:after {
    border-bottom: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 7px;
    position: absolute;
    top: 23px;
    display: inline-block;
    content: '';
    z-index: 1002;
}
.credit-move-to-re .imp-move-to-container .btn-group.open .dropdown-arrow:before {
    border-bottom: 9px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: inline-block;
    left: 6px;
    position: absolute;
    top: 26px;
    transform: rotate(225deg);
    -moz-box-shadow: 2px 2px 4px 2px #b6baba;
    -webkit-box-shadow: 2px 2px 4px 2px #b6baba;
    -o-box-shadow: 2px 2px 4px 2px #b6baba;
    box-shadow: 2px 2px 4px 2px #b6baba;
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}
.credit-move-to-re .imp-move-to-container .btn-group.open .dropdown-arrow:after {
    border-bottom: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 4px;
    position: absolute;
    top: 21px;
    display: inline-block;
    content: '';
    z-index: 1002;
}
/*#endregion Liabilities Add Item*/

.lp .imp-lcgrid .container .row:first-child {
    color: #000000;
    background-color: #ffffff;
}
/*#region IncomeTab*/

.income-main-header {
    margin-top: 35px;
    margin-left: -23px;
}
.income-main-header .income-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 4px;
    margin-left: 8px;
    margin-right: 10px;
    float: left;
    padding-left: 0px;
}
.imp-income-title-element {
    line-height: 30px;
    margin-right: 10px;
    margin-left: 5px;
}
.imp-income-select {
    height: 24px !important;
}
.income-employer {
    width: 345px;
    padding: 10px;
    padding-right: 0;
}
.income-employer.additional {
    margin-top: 30px;
}
.income-employer .title {
    margin-left: 0px;
    font-weight: bold;
    margin-top: 15px;
    font-size: 13px;
}
.income-employer .line {
    height: 2px;
    width: 345px;
    background: linear-gradient(to right, #b2b2b2, #fff);
    margin-left: 0;
    margin-bottom: 10px;
}
.income-employer .section {
    width: 345px;
    display: inline-block;
    margin-left: 1px;
}
.income-employer input.current:not(.disabled) {
    background-color: white;
}
.income-container .actions.add {
    color: #208ddc;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    display: inline-block;
}
.add-employer {
    clear: both;
    color: #208ddc;
    cursor: pointer;
    float: left;
    margin-left: 6px;
    margin-top: 10px;
}
.income-employer .title .remove-employer {
    display: inline-block;
    float: right;
    margin-right: -6px;
    margin-top: 1px;
}
.income-employer .section .row {
    width: auto;
    min-height: 32px;
    font-size: 12px;
    text-align: left;
    margin: 0px;
    margin-top: 7px;
    padding-left: 0px;
}
.income-employer .section .row input[type="checkbox"],
.income-employer .section .row input[type="checkbox"] + label {
    font-size: 12px !important;
}


.income-employer .section .row .ownership-share-row-radio-container {
    float: left;
    padding-left: 10px;
}

.income-employer .section .row .ownership-share-row-radio-container input[type=radio].imp-radio:not(disabled) + label.imp-lbl-radio,
.income-employer .section .row .ownership-share-row-radio-container input[type=radio].imp-radio:not(disabled) + label.imp-lbl-radio.clr {
    padding-left: 18px;
    font-size: 12px;
}

.income-employer .col-s {
    color: #767676;
    margin-top: 4px;
    padding: 0 6px 0 0;
    width: 40%;
    float: left;
}
.income-employer .col-m {
    padding: 0;
    width: 58%;
    float: left;
}
.income-employer .col-m.radio-group{
    padding-top: 3px;
}
.income-employer .col-m input[type="text"]:not(.form-control),
input[type="password"] {
    border: 1px solid #ccc;
    width: 191px;
}
.income-container {
    width: 100%;
    display: table;
    margin-left: -8px;
}
.income-container .row {
    height: auto;
    min-height: 29px;
    font-size: 12px;
    text-align: left;
    margin-top: 10px;
    color: #767676;
}
.income-container .row .negative{
    color: red;
}
.income-container .row .col-xs,
.income-container .row .col-l,
.income-container .row .col-xl,
.income-container .row .col-xxl,
.income-container .row .col-xxxl {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    float: left;
}

.income-container .column-xlarge {
    width: 37%;
    padding-left: 15px;
    min-height: 1px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    float: left;
}
.income-container .row .col-xs {
    width: 5%;
}
.income-container .row .col-l {
width: 14.3%;
}
.income-container .row .col-l .income-calc-monthly {
    padding-left: 91px;
    color: #000000;
}
.income-container .row .col-xl {
    width: 16%;
}
.income-container .row .col-xxl {
    width: 26.3%;
}
.income-container .row .col-xxxl {
    width: 37%;
}
.income-container .section-1 {
    display: inline-block;
    width: 345px;
    float: left;
    clear: left;
}
.income-container .section-2 {
    margin-left: 60px;
    display: inline-block;
    width: 600px;
    float: left;
    margin-top: 5px;
}
.income-container .additional .section-2 {
    margin-top: 10px;
}
.income-container .section-2 .top {
    margin-top: 15px;
}
.income-container .section-2 .line {
    height: 2px;
    width: 600px;
    background-color: #ccc;
    background-image: none;
    height: 2px;
    margin-bottom: 9px;
    margin-left: -2px;
    margin-top: 3px;
    width: 100%;
}
.income-container .section-2 .title {
    font-size: 13px;
    font-weight: bold;
}
.income-container .section-2 .value {
    color: #1fb25a;
    font-size: 13px;
    font-weight: bold;
    float: left;
    margin-right: 12px;
    margin-left: 17px;
    width: 100px;
}
.income-container .row .input-group {
    width: 194px;
    margin-top: -5px;
}
.income-container .row .imp-icon-question-mark {
    display: block;
    margin-left: 69px;
    margin-top: -16px;
}

.income-container .row .base-income-tool-tip {
    display: block;
    margin-left: -27px;
    margin-right: 10px;
 }

.income-container .row .base-income-tool-tip .imp-icon-question-mark {
    margin-left: 0px;
    margin-top: 0px;
}

.income-container .row .base-income-tool-tip .tooltip {
    margin-top: -7px !important;
}

.income-container .row .col-xl span.income-margin-style {
    margin-right: 26px;
}
.income-container .section-2 .value.negative {
    color: red;
}
.income-container-hours-pay {
    width: 58%;
    float: left;
    display: table;
}
.pay-hr {
    right: 72%;
    z-index: 4;
    padding-top: 4px;
    font-size: smaller;
}

.form-row{
    display: flex;
}

.pay-hr-wk {
    right: 40%;
    padding-top: 4px;
    z-index: 4;
    font-size: smaller;
}
.income-content .imp-lcgrid.other-income {
    /*margin-top: 50px;*/
}
.other-income-top {
    margin-top: 50px;
}
.income-content .income-content-footer {
    margin-right: -17px;
    margin-top: 7px;
}
.income-content .imp-lcgrid.other-income .footer {
    border-top: 1px dotted #c6c6c6;
    height: 28px;
}
.income-content .imp-lcgrid.other-income .header {
    border-bottom: 1px solid #c6c6c6;
}
.income-content .imp-lcgrid.other-income .actions {
    text-align: left;
    float: left;
}
.income-content .total-footer-outer {
    width: 100%;
}
.income-content .total-footer-inner {
    display: table;
    margin: 0 auto;
}
.income-content .total-footer-inner .fleft {
    float: left;
}
.income-content .total-footer-inner .value-label {
    padding: 0px 30px 0px 10px;
}
.other-income .container .row .col-xxxxl .disclaimer {
    color: #767676;
}
.other-income .row .col-xxxl.urla2009 {
    width: 21%;
}
.other-income .row .col-xxxxl {
    padding-right: 0px;
}
.other-income .row .col-xxxxl.urla2009 {
    width: 36%;
}
.other-income .row .col-xxxxl.urla2009.other-income-input {
    width: 35.8%;
}
.other-income .row .col-xxxxl.other-description-input {
    padding-left: 10px;
}
.other-income .row .col-xxxxl.other-description-input .imp-ddl {
    width: 92.5%;
}
.other-income .row .col-xxl {
    padding-right: 0px;
}
.other-income .col-xxl.urla2009 {
    width: 19%
}
.other-income .col-xxm {
    width: 10.7%;
}
.other-income .col-xxm.urla2009 {
    width: 9.3%;
}
.other-income .col-xxm .with-spouse {
    width: 10.7%;
}
.other-income .col-s.value {
    margin-top: -2px;
    margin-left: 6px;
}
div.col-xxm.actions.add.add-income.with-spouse{
    width: 12.7%;
}
div.col-xxm.sub-title.with-spouse {
    text-align: right;
    width: 12%;
    padding-left: 0px;
    padding-right: 5px;
}
.col-xxm.sub-value.with-spouse {
    padding-left: 5px;
    width: 7%;
}
.col-xxl.with-spouse{
    width: 25%;
}
.income-main-header .usda-eligibility-text {
	margin-left: 15px;
	padding-top: 3px;
}
.income-main-header .usda-eligibility-link {
	margin-left: 5px;
	padding-top: 3px;
}
/**
*  Have to use !important in the next two statements because the tooltip library does not support a top left position
*  and the position is set with javascript via inline styles
*/
.subject-net-rental-income .tooltip {
    left: -610px !important;
}
.subject-net-rental-income .tooltip .tooltip-arrow {
    left: 613px !important;
}
.other-income .imp-popover .container {
    padding: 0px 20px 10px 20px;
    width: 590px;
}
.other-income .imp-popover .container .header {
    border: none;
    padding-left: 0px;
    display: inline-block;
    margin-top: 15px;
    font-size: 15px;
}
.other-income .imp-popover .container .imp-div-close-x {
    position: relative;
    right: -10px;
    margin-top: 10px;
}
.other-income .imp-popover .container .content {
    padding: 0px;
    margin-top: 15px;
}
.other-income.imp-lcgrid .imp-popover .container .row {
    background-color: #FFF;
    height: inherit;
    margin: 5px 0px 15px 0px;
    border: none;
}
.other-income .imp-popover .container .row .col-m {
    width: 26%;
    padding-left: 0px;
}
.other-income .imp-popover .container .row .col-l {
    width: 54%;
}
.other-income .imp-popover .container .row .col-s {
    width: 22%;
    text-align: left;
    padding-right: 0px;
}

.other-income .income-type-header, .miscellaneous-income-rows .income-type {
    display: flex;
    align-items: center;
}

.other-income-amount {
    text-align: right;
}
/*#endregion IncomeTab*/
/*#region Subject Property Details*/
.property-detail .section {
    float: left;
}
.property-detail .section .row {
    width: 100%;
    float: left;
}
.property-details .first-column {
    width: 150px;
    float: left;
    text-align: left;
    color: #767676;
    margin-top: 5px;
}
.property-details .second-column {
    width: 200px;
    float: left;
    text-align: left;
    margin-top: 4px;
}
.property-details .second-column .title,
.property-details .third-column .title {
    width: 80px;
    float: left;
    color: #b0b0b0;
    margin-top: 9px;
}
.property-details .fourth-column .title {
    margin-top: 9px;
    color: #1fb25a;
    font-weight: bold;
}
.property-details .fourth-column .icon {
    margin-left: 5px;
    margin-top: 8px;
}
.property-details .third-column {
    width: 250px;
    float: left;
    text-align: left;
    margin-top: 4px;
}
.property-details .fourth-column {
    width: 413px;
    float: left;
    text-align: left;
}
.property-details .fourth-column .imp-psection-row {
    margin-top: 8px;
}
.property-details .fourth-column .subsection {
    width: 200px;
}
    .property-details .fourth-column .full-legal {
        margin-left: 3px;
        margin-top: 10px;
        width: 385px;
        line-height: 1.5em;
        word-break: break-word;
        word-wrap: break-word;
        display: grid;
        max-height: 6em;
        height: 6em;
        overflow-y: hidden;
        white-space: pre-line;
        overflow-wrap: break-word;
    }

.full-legal-info {
    line-height: 1.5em;
    word-break: break-word;
    max-height: 6em;
    overflow-y: hidden;
    white-space: pre-line;
    overflow-wrap: break-word;
}

input[type="text"].prop-info-field {
    width: 190px;
}
/*#endregion Subject Property Details*/


/*#region Cost Grid*/

.transparent-hiperlink {
    z-index: 1;
    background-color: transparent;
    position: relative;
    left: 270px;
}
.row-right {
    margin-right: 20px;
}
.imp-cgrid {
    width: 100%;
}
.row-stripped,
.imp-cgrid .borrower-container .container .row:not(:first-child):nth-child(odd),
.imp-cgrid .seller-container .container .row:not(:first-child):nth-child(odd),
.imp-cgrid .aggregate-adjustment-row {
    background-color: #f9f9f9;
}
.imp-cgrid:before,
.imp-cgrid:after {
    box-sizing: border-box;
}
.imp-cgrid .container {
    width: inherit;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    padding: 0;
}
.imp-cgrid .header.main {
    background-color: #d8d8d8;
    color: #000000;
    border-bottom: 1px solid #727272;
    height: 32px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -2px;
}
.imp-cgrid.totals .header span:not(:first-child) {
    font-size: 12px;
    padding-left: 15px;
}
.imp-cgrid.totals .header span.select {
    text-decoration: underline;
}
.imp-cgrid .borrower-container .header.main,
.imp-cgrid .seller-container .header.main {
    border-bottom: none;
}
.imp-cgrid .container .row {
    width: inherit;
    height: 32px;
    font-size: 12px;
    text-align: left;
    display: flex;
    margin: 0;
}
.imp-cgrid .container .row div > *:not(.hyperlink) {
    align-items: center;
}
.imp-cgrid .container .row .hyperlink {
    flex-grow: 1;
    text-align: right;
    margin-right: 10px;
}
.imp-cgrid .container > .row:first-child:not(.hyperlink),
.imp-cgrid .seller-container .container .section-header,
.imp-cgrid .borrower-container .container .section-header {
    background-color: #efefef;
    color: #767676;
}
.imp-cgrid .calculated-cash.calculating-cash .row {
    background-color: white;
    color: #000000;
}
.imp-cgrid .header.edit-mode:hover {
    background-color: #e1f9ff;
    cursor: pointer;
}
.imp-cgrid .container .row:first-child + .imp-cgrid .container .row.edit-mode:hover {
    background-color: #e1f9ff;
}
.imp-cgrid .container > .row:last-child,
.imp-cgrid .container .lender-row:last-child {
    border-bottom: 1px solid #727272;
}
.imp-cgrid .container .row:not(:first-child):nth-child(odd),
.imp-cgrid .container .lender-row:nth-child(odd) {
    background-color: #f9f9f9;
}
.imp-cgrid .container .row.edit-mode:hover,
.imp-cgrid .container .lender-row.edit-mode:hover {
    background-color: #e1f9ff;
}
.imp-cgrid .seller-container .container > .row:last-child {
    background-color: #FFFFFF;
}
.imp-cgrid .borrower-container .container,
.imp-cgrid .seller-container .container {
    border-bottom: 1px solid #727272;
    border-top: 1px solid #727272;
}
.imp-cgrid .col-a,
.imp-cgrid .col-a-header,
.imp-cgrid .col-a-header-refinance,
.imp-cgrid .col-a-refinance,
.imp-cgrid .col-xs,
.imp-cgrid .col-s,
.imp-cgrid .col-s-total,
.imp-cgrid .col-s-total-refinance,
.imp-cgrid .col-m,
.imp-cgrid .col-m-refinance,
.imp-cgrid .col-m-purchase,
.imp-cgrid .col-l,
.imp-cgrid .col-xl {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 10px;
    float: left;
    align-items: center;
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
 }
.imp-cgrid .col-a .cvalue,
.imp-cgrid .col-xs .cvalue,
.imp-cgrid .col-s .cvalue,
.imp-cgrid .col-s-total-refinance .cvalue,
.imp-cgrid .col-s-total .cvalue,
.imp-cgrid .col-m .cvalue,
.imp-cgrid .col-l .cvalue {
    text-align: right;
    flex-grow: 1;
}
.imp-cgrid .col-m .cvalue .input-value {
    width: 80px;
    text-align: right;
}
.imp-cgrid col-xs:nth-child(even),
.imp-cgrid col-s:nth-child(even),
.imp-cgrid .col-s-total,
.imp-cgrid .col-s-total-refinance,
.imp-cgrid .col-m-refinance,
.imp-cgrid .col-m-purchase,
.imp-cgrid .col-m {
    border-left: 1px solid #d8d8d8;
}
.imp-cgrid .col-m-refinance{
    padding-left: 3.5px;
}

.imp-cgrid .seller-container .col-m,
.imp-cgrid .borrower-container .col-m {
    border-left: none;
}
.imp-cgrid col-xs:nth-child(odd),
.imp-cgrid col-s:nth-child(odd) {
    border-left: 1px solid #efefef;
}

.imp-cgrid .col-a-header,
.imp-cgrid .col-a-header-refinance,
.imp-cgrid .col-a-refinance,
.imp-cgrid .col-a {
    padding-left: 2px;
    width: 67%;
}
.imp-cgrid .col-a-header-refinance,
.imp-cgrid .col-a-header {
    padding-left: 7px;
}
.imp-cgrid .col-a-header-refinance {
    width: 71.7%;
}
.imp-cgrid .col-a-refinance{
    width:71.7%;
    padding-left: 0px;
}

.imp-cgrid .borrower-container .col-a,
.imp-cgrid .seller-container .col-a {
    width: 85%;
}
.imp-cgrid .borrower-container .header-row .col-a,
.imp-cgrid .seller-container .header-row .col-a {
    width: 1000px;
}
.imp-cgrid .borrower-container .header-row .col-m,
.imp-cgrid .seller-container .header-row .col-m {
    width: 30%;
}
.imp-cgrid .purchase .col-a-header{
    width: 62.1%;
}
.imp-cgrid .purchase .col-a {
    width: 62.8%;
    padding-left:0px;
}
.imp-cgrid .col-xs {
    width: 2%;
}
.imp-cgrid .col-s-total,
.imp-cgrid .col-s-total-refinance,
.imp-cgrid .col-s {
    width: 8%;
}
.imp-cgrid .col-s-total-refinance,
.imp-cgrid .col-s-total {
   padding-left:2.8px;
}

.imp-cgrid .col-s-total-refinance{
    width: 8.1%;
}

.imp-cgrid .col-m-refinance,
.imp-cgrid .col-m-purchase,
.imp-cgrid .col-m {
    width: 17.55%;
}
.imp-cgrid .col-m-refinance {
    padding-left: 11.5px;
}

.imp-cgrid .col-m-purchase {
    padding-left: 11.2px;
}

.imp-cgrid .col-l {
    width: 25%;
}
.imp-cgrid .sub-col-xs,
.imp-cgrid .sub-col-m,
.imp-cgrid .sub-col-l {
    float: left;
}
.imp-cgrid .sub-col-xs > *,
.imp-cgrid .sub-col-m > *,
.imp-cgrid .sub-col-l > * {
    margin-right: 4px;
}
    .imp-cgrid .sub-col-xs {
        width: 20px;
    }
.imp-cgrid .sub-col-s {
    padding-right: 5px;
    width: 30px;
    text-align: center;
}
.imp-cgrid .sub-col-m {
    flex-basis: 40%;
}
.imp-cgrid .borrower-container .sub-col-m,
.imp-cgrid .seller-container .sub-col-m {
    flex-basis: 17%;
}
.imp-cgrid .purchase .sub-col-m {
    flex-basis: 38%;
}
.imp-cgrid .sub-col-l {
    flex-grow: 4;
    margin-left: 3px;
}
.imp-cgrid .borrower-container .date input,
.imp-cgrid .seller-container .date input {
    width: 60px;
}
.imp-cgrid .seller-container .date-cost-item .sub-col-l,
.imp-cgrid .borrower-container .date-cost-item .sub-col-l {
    flex-basis: 3;
}
.imp-cgrid .seller-container .date-cost-item .sub-col-m,
.imp-cgrid .borrower-container .date-cost-item .sub-col-m {
    flex-basis: 18%;
}
.imp-cgrid .footer {
    color: #000000;
    border-top: 1px solid #727272;
    border-right: 1px solid #d8d8d8;
    font-size: 13px;
    display: table;
    align-items: center;
    width: 100%;
    padding-left: 1.5px;
}
.imp-cgrid .footer .row {
    width: inherit;
    height: 32px;
    text-align: left;
    display: flex;
    margin: 0;
}
.imp-cgrid .footer .tvalue {
    color: #000;
    font-weight: bold;
}

.imp-cgrid .footer .tlabel {
    font-weight: bold;
}

.imp-cgrid .footer .col-s-total .tvalue,
.imp-cgrid .footer .col-s .tvalue,
.imp-cgrid .footer .col-m .tvalue,
.imp-cgrid .footer .col-xl .tvalue {
    flex-grow: 1;
    text-align: center;
    font-weight: bold;
}

.imp-cgrid .footer .row .col-s,
.imp-cgrid .footer .row .col-s-total,
.imp-cgrid .footer .row .col-m {
    border-bottom: 1px solid #d8d8d8;
}
.imp-cgrid .footer .row .col-s:nth-child(even) {
    border-left: 1px solid #d8d8d8;
}
.imp-cgrid .footer .row .col-s:nth-child(odd) {
     border-left: 1px solid #efefef;
     font-size: 12px;
}
.imp-cgrid .footer .row .col-s {
    font-weight: normal;
}
.imp-cgrid .footer .col-xm {
    flex-basis: 19%;
    border-left: none;
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    padding-left:0px;
}
.imp-cgrid .footer .col-xm span {
    flex-grow: 1;
    text-align: right;
    margin-right: 10px;
}
.imp-cgrid .footer .col-xxm {
    flex-basis: 18.5%;
    border-left: none;
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    flex-grow: 4;
}
.imp-cgrid .footer .col-xxm span {
    flex-grow: 1;
    text-align: right;
    margin-right: 10px;
}
.imp-cgrid .footer .col-s-total,
.imp-cgrid .footer .col-s {
   flex-basis: 7.54%;
}
.imp-cgrid .footer .col-m {
    flex-basis: 16.65%;
}
.imp-cgrid .footer .col-xl {
    flex-basis: 34.29%;
    padding-left: 0px;
}
.imp-cgrid .footer .col-a {
    padding-left: 6px;
    flex-grow: 4;
    width: 20%;
    flex-basis: 40%;
}
.imp-cgrid .footer .col-a span {
    top: 16px;
    position: relative;
}
.imp-cgrid .footer .col-a .tvalue {
    padding-left: 33px;
}
.imp-cgrid .borrower-container .footer,
.imp-cgrid .seller-container .footer {
    border: none;
    padding-top: 5px;
    text-align: right;
}
.imp-cgrid .borrower-container .footer .footer-row,
.imp-cgrid .seller-container .footer .footer-row {
    display: inline-block;
    margin-right: 4px;
}
.imp-cgrid .imp-icon-lock {
    margin-left: auto;
    margin-right: 0px;
}
.imp-cgrid .imp-icon-pen {
    margin-left: -30px;
    position: absolute;
    margin-top: 8px;
}
.imp-cgrid .imp-icon-lock.off,
.imp-cgrid .imp-icon-pen.off {
    display: none;
}
.imp-cgrid .col-s > input[type="text"] {
    width: 99%;
    margin-left: -6px;
    text-align: right;
}
.imp-cgrid .col-s > imp-span-ddl-container.medium {
    width: 110%;
    margin-left: -6px;
}
.imp-cgrid .section-add {
    margin-left: -30px;
    position: absolute;
    width: 30px;
    height: 32px;
}
.imp-cgrid .calc-icon-position {
    cursor: pointer;
    display: flex;
    position: relative;
    margin-right: 4px;
}
.imp-cgrid .cost-item input[type='text'] {
    width: 100%;
}
.imp-cgrid .itemized-calculator-icon-position {
    margin-right: 23.5px;

    margin-top: 2px;
}

.imp-cgrid .col-a .mi-icon {
    color: #1f8ddc;
    float: right;
    margin-top: 3px;
}
    .imp-cgrid .col-a .mi-icon:hover {
        text-decoration: underline;
    }
    .imp-cgrid .col-a .mi-icon.shifted {
        margin-right: 28px;
    }
.imp-cgrid .col-a .mi-icon.disabled {
    background-color: transparent;
    color: #9c9c9c;
    cursor: default;
}

.imp-cgrid .col-a .mi-icon.pulse {
    margin-right: 11px;
}
    .imp-cgrid .col-a .mi-icon.pulse.shifted {
        margin-right: 28px;
    }

.imp-cgrid .col-a .mi-icon .inprogress-loader-container .ball {
    margin-left: 6px;
}
 
    .imp-cgrid .stitle {
        font-size: 13px;
        padding-right: 5px;
        padding-top: 5px;
    }

     .imp-cgrid .stitle.on {
         padding-top: 6px;
     }

    .imp-cgrid .fee-calc .select-providers {
        display: flex;
        float: left;
    }

     .imp-cgrid .fee-calc .calculate-fees {
         display: flex; 
         float: right;
    }

        .imp-cgrid .fee-calc .divider {
            border-right: 1px solid #8a8989;
            width: 1px;
            height: 22px;
            float: right;
            margin-top: 3px;
            margin-right: 8px;
        }    
/*#endregion Cost Grid*/


/*#region Cost Details*/

.cost-details {
    width: 1100px;
    margin-bottom: 90px;
    margin-top: 15px;
}
.cost-details .other-costs,
.cost-details .lender-credits,
.cost-details .payoffs,
.cost-details .calculated-cash,
.cost-details .totals,
.cost-details .transactions {
    margin-top: 32px;
}
.cost-details .cost-date-group {
    width: 175px;
    float: left;
    margin-left: 5px;
}
.cost-details .purchase .cost-date-group {
    width: 152px;
}
.cost-details .amount {
    width: 58px;
    text-align: right;
}
.cost-details .amount-label {
    min-width: 60px;
    float: left;
    margin-right: 3px;
}
.cost-details .amount-label-right {
    min-width: 60px;
    float: left;
    margin-right: 10px;
}
.cost-details .purchase .factor-amount {
    width:41px;
}

.cost-details .factor-amount {
    width: 45px;
}

.cost-details .purchase .paid-by {
    width: 74px;
}

.cost-details .paid-by {
    width: 145px;
}


.cost-details .purchase .amount-label {
    min-width: 55px;
}
.cost-details .percent {
    min-width: 30px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}
.cost-details .paid {
    width: 197px;
}
.cost-details .paid-hoi {
    width: 135px;
}

.cost-details .purchase .paid {
    width: 150px;
}
.cost-details .mon-paid {
    width: 173px;
}
.cost-details .purchase .mon-paid {
    width: 75px;
}
.cost-details .months {
    width: 58px;
    text-align: right;
}
.cost-details .date-mid-group {
    background-color: white;
    padding-right: 1px;
    padding-left: 8px;
}
.cost-details .date-mid-group.disabled {
    background-color: #efefef;
}
.cost-details .tol-indicator {
    font-size: 9px;
}
.imp-cgrid.lender-credits,
.imp-cgrid.payoffs,
.imp-cgrid.calculated-cash {
    width: 900px;
}
.imp-cgrid.calculated-cash.purchase,
.imp-cgrid.calculated-cash.calculating-cash {
    width: 100%;
}
.imp-cgrid.lender-credits .col-l,
.imp-cgrid.payoffs .col-l,
.imp-cgrid.calculated-cash .col-l {
    flex-basis: 25%;
}
.imp-cgrid.totals .col-m {
    flex-basis: 16.45%;
}
.imp-cgrid.totals.purchase .col-m {
    flex-basis: 16.52%;
}
.imp-cgrid.purchase .col-m {
    flex-basis: 12%;
}
.imp-cgrid.totals.purchase .col-xl {
    flex-basis: 52.3%;
}
.imp-cgrid.lender-credits .col-a,
.imp-cgrid.payoffs .col-a,
.imp-cgrid.calculated-cash .col-a {
    flex-grow: 4;
    width: 20px;
}

.imp-cgrid.other-costs div.col-s-total .total-fee,
.imp-cgrid.loan-costs div.col-s-total .total-fee {
    text-align: right;
    font-weight: bold;
    flex-grow: 1;
}

.imp-cgrid.loan-costs div.col-s:nth-child(odd),
.imp-cgrid.transactions div.col-s:nth-child(odd),
.imp-cgrid.other-costs div.col-s:nth-child(odd),
.imp-cgrid.lender-credits .lender-row .row:nth-child(odd) .col-s:nth-child(odd),
.imp-cgrid.lender-credits .lender-row .row:nth-child(even) .col-s:nth-child(even),
.imp-cgrid.payoffs .col-s:nth-child(even) {
    border-left: 1px solid #d8d8d8;
}
.imp-cgrid.loan-costs div.col-s:nth-child(even),
.imp-cgrid.transactions div.col-s:nth-child(even),
.imp-cgrid.other-costs div.col-s:nth-child(even),
.imp-cgrid.lender-credits .lender-row .row:nth-child(even) .col-s:nth-child(odd),
.imp-cgrid.lender-credits .lender-row .row:nth-child(odd) .col-s:nth-child(even),
.imp-cgrid.payoffs .col-s:nth-child(odd) {
    border-left: 1px solid #efefef;
}
.imp-cgrid.loan-costs .on-off-button {
    float: right;
    display: inline-block;
    color: #9c9c9c;
    font-size: 16px;
    margin-left: 3px;
    margin-right: 7px;
    line-height: 15px;
    cursor: pointer;
}
.imp-cgrid.lender-credits.purchase,
.imp-cgrid.payoffs.purchase {
    width: 704px;
}
.imp-cgrid.lender-credits .container > .row:first-child,
.imp-cgrid.payoffs .row:first-child,
.imp-cgrid.calculating-cash .container > .row:first-child {
    display: none;
}
.imp-cgrid.lender-credits .container > div.row:first-child {
    background-color: white;
}
.imp-cgrid.lender-credits .header.main > div,
.imp-cgrid.other-costs .header.main > div {
    font-size: 12px;
}
.imp-cgrid.lender-credits .header.main .tlabel,
.imp-cgrid.other-costs .header.main .tlabel {
    width: 130px;
}
.imp-cgrid.lender-credits .header.main .rebate {
    margin-left: 30px;
}
.imp-cgrid.lender-credits .header.main .rebate.exceeding {
    margin-left: 10px;
}
.imp-cgrid.lender-credits.purchase .col-s {
    flex-basis: 12%;
}
.imp-cgrid.lender-credits .col-s,
.imp-cgrid.payoffs .col-s {
    flex-basis: 9.2%;
}
.imp-cgrid.lender-credits .col-m,
.imp-cgrid.payoffs .col-m {
    flex-basis: 21%;
}
.imp-cgrid.lender-credits .lender-row .sub-col-l > span {
    margin-right: 0px;
}
.imp-cgrid.calculated-cash .col-a {
    border-left: 1px solid #d8d8d8;
}
.imp-cgrid.calculated-cash .row:not(.cash-footer) .col-a > .changed > span,
.imp-cgrid.calculated-cash .row:not(.cash-footer) .col-a > span {
    color: red;
}
.imp-cgrid.calculated-cash .row:not(.cash-footer) .col-a > .values-changed > span {
    color: green;
}
.imp-cgrid.totals .footer {
    border-right: none;
}
.imp-cgrid.totals .footer .row:first-child {
    border-right: 1px solid #d8d8d8;
}
.imp-cgrid.totals .footer .row:not(:first-child) {
    margin-left: -1px;
}
.imp-cgrid.totals .footer .row:not(:first-child) > *:not(.lender-total):not(.main-total) {
    border: none;
}
.imp-cgrid.totals .footer .lender-total {
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}
.imp-cgrid.totals .footer .main-total {
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-top: 2px solid #727272;
    border-bottom: 1px solid #d8d8d8;
}
.viewLEAndCDLinks {
    margin-left: 20px !important;
    font-size: 12px !important;
}
.imp-cgrid.calculated-cash .cash-footer.row {
    margin: 0 -2px 0 0;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-top: 1px solid #727272;
    border-bottom: 1px solid #d8d8d8;
    height: 32px;
    display: flex;
}
.imp-cgrid.calculated-cash .cash-footer .tvalue {
    flex-grow: 1;
    text-align: right;
    color: #000;
    font-weight: bold;
}
.imp-cgrid.calculated-cash .cash-footer .tlabel {
    font-weight: bold;
}

.imp-cgrid .hud-line{
    font-size: 11px;
}

.imp-cgrid .apr,
.imp-cgrid .coc-indicator {
    font-size: 9px;
    color: #1fb25a;
    text-align:center;
}
.imp-cgrid .apr.partially-paid-by-rebate {
    font-size: 8px;
    color: #f96a00;
}
.imp-cgrid .apr.fully-paid-by-rebate {
    font-size: 8px;
    color: #ef1123;
}
.imp-cgrid .exceeding-rebate {
    color: #ef1123;
}
.imp-tolerance-modal-vlh {
    line-height: 14px;
}
.imp-cgrid .borrower-container,
.imp-cgrid .seller-container {
    width: 526px;
    display: inline-block;
    vertical-align: top;
}
.imp-cgrid #borrower-container-l,
.imp-cgrid #seller-container-n,
.imp-cgrid #borrower-total,
.imp-cgrid #seller-total {
    margin-top: 32px;
}
.imp-cgrid .borrower-container {
    margin-right: 40px;
}
.imp-cgrid.loan-costs .header.main > div {
    margin-right: 5px;
}
/*#endregion Cost Detilas*/


/*#region cost details bar*/

.imp-contextual-bar-cost-details {
    left: 0;
    margin: auto;
    padding-bottom:5px;
    right: 0;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    background-color: white;
    z-index: 1000;
    overflow: hidden;
}
.imp-contextual-bar-cost-details a {
    outline: 0;
}
.imp-contextual-bar-cost-details .imp-hyperlink:link,
.imp-contextual-bar-cost-details .imp-hyperlink:visited {
    color: #208DDC !important;
}
.imp-contextual-bar-cost-details .imp-hyperlink:hover {
    text-decoration: underline;
}
.imp-contextual-bar-cost-details .cost-detail-indicator.active {
    position: relative;
    background-color: #1da955;
    height: 3px !important;
    width: 100% !important;
    margin-top: 9px;
}
.imp-contextual-bar-cost-details .cost-detail-indicator.active:before {
    z-index: -1;
    position: absolute;
    top: -220%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #1da955;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
.imp-contextual-bar-cost-details .cost-detail-indicator.active:after {
    z-index: 2;
    position: absolute;
    top: -90%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
/**
     * Firefox only css hack.  This displays correctly in all other browserspadding 
    */

@-moz-document url-prefix() {
    .imp-contextual-bar-cost-details .cost-detail-indicator.active {
        margin-top: 7px;
    }
}
.imp-contextual-bar-cost-details .container {
    width: 1100px;
    margin: auto;
    padding: 0px 0px;
}
.imp-contextual-bar-cost-details .costs-bar-container {
    width: 1102px;
    display: flex;
    margin: 0px 0px;
}
.imp-contextual-bar-cost-details .closing-costs-container,
.imp-contextual-bar-cost-details .transactional-summery-container,
.imp-contextual-bar-cost-details .tolerance-container,
.imp-contextual-bar-cost-details .pssp-fees-container,
.imp-contextual-bar-cost-details .paid-container,
.imp-contextual-bar-cost-details .paid-container-refi,
.imp-contextual-bar-cost-details .total-paid-container,
.imp-contextual-bar-cost-details .total-paid-container .per-line,
.imp-contextual-bar-cost-details .paid-container .at-closing,
.imp-contextual-bar-cost-details .paid-container .before-closing,
.imp-contextual-bar-cost-details .paid-container .before-closing-refinance,
.imp-contextual-bar-cost-details .payoffs-container,
.imp-contextual-bar-cost-details .cash-to-close-container {
    position: relative;
    float: left;
    display: inline-block;
}

.imp-contextual-bar-cost-details .closing-costs-container {
    padding: 15px 0px;
    flex-basis: 15%;
}
.imp-contextual-bar-cost-details .transactional-summery-container {
    flex-basis: 16.1%;
    padding: 15px 0px;
    margin: 0px 31px 0px 30px;
}
.imp-contextual-bar-cost-details .tolerance-container {
    flex-basis: 12%;
    padding: 15px 11px 0 11px;
}
.imp-contextual-bar-cost-details .pssp-fees-container {
    flex-basis: 7%;
    padding: 15px 6px;
}
.imp-contextual-bar-cost-details .costs-bar-container.purchase .pssp-fees-container {
    flex-basis: 7.1%;
}

.imp-contextual-bar-cost-details .divider {
    border-right: 1px solid #d8d8d8;
    width: 1px;
    margin-top:10px;
    margin-bottom: 0px;
}
.imp-contextual-bar-cost-details .divider.last {
    border-right: 1px solid #d8d8d8;
    border-left: none;
}
.imp-contextual-bar-cost-details .costs-label {
    font-size: 13px; 
    text-align: center;
}
.imp-contextual-bar-cost-details .costs-label.active {
    font-weight: bold;
}
.imp-contextual-bar-cost-details .imp-disclaimer {
    padding-top: 3px;
    text-align: center;
    font-size: 13px;
}

.imp-contextual-bar-cost-details .total-paid-container,
.imp-contextual-bar-cost-details .paid-container {
    flex-basis: 23.5%;
    padding: 15px 2.5px 5px 2.5px;
}
.imp-contextual-bar-cost-details .paid-container-refi {
    flex-basis: 74%;
    padding: 15px 2.5px 5px 2.5px;
}
.imp-contextual-bar-cost-details .total-paid-container {
    flex-basis: 10.5%;
    padding-left: 2px;
}
.imp-contextual-bar-cost-details .paid-padding {
    flex-basis: 8%;
    padding: 15px 27px;
}

.imp-cgrid .footer .paid-padding-footer {
    padding-left: 82px;
}

.imp-contextual-bar-cost-details .total-paid-container .paid-label,
.imp-contextual-bar-cost-details .paid-container .paid-label {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.imp-contextual-bar-cost-details .paid-container .at-closing,
.imp-contextual-bar-cost-details .total-paid-container .per-line,
.imp-contextual-bar-cost-details .paid-container .before-closing-refinance,
.imp-contextual-bar-cost-details .paid-container .before-closing {
    padding-top: 13px;
    color: #767676;
    text-align: left;
}

.at-closing {
    padding-left: 3%;
}

.imp-contextual-bar-cost-details .total-paid-container .per-line {
    width: 70%;
    left: 20px;
    text-align: right;
}
.imp-contextual-bar-cost-details .paid-container .before-closing {
    text-align: right;
    padding-left: 18px;
}
.imp-contextual-bar-cost-details .paid-container .before-closing-refinance {
    padding-left: 32px;
}
.imp-contextual-bar-cost-details .refinance .tolerance-container,
.imp-contextual-bar-cost-details .cash-to-close-container,
.imp-contextual-bar-cost-details .payoffs-container,
.imp-contextual-bar-cost-details .refinance .closing-costs-container {
    padding: 15px 5px;
    flex-basis: 15%;
}

.imp-contextual-bar-cost-details .refinance .tolerance-container {
    flex-basis: 7%;
}
.tolerance-container .imp-hyperlink.hyperlink:hover {
    text-decoration: none !important;
}
.imp-contextual-wrapper {
    width: 100%;
    float: left;
    position: relative;
    min-width: 1280px;
}
.imp-tabs-container {
    border-bottom: 1px solid #bdbebe;
    background: white;
}
/*#region Product and Pricing bar*/

.imp-contextual-bar-product-pricing .container {
    width: 1240px;
    margin: auto;
    padding: 0px 0px;
}
.imp-contextual-bar-product-pricing {
    left: 0;
    margin: auto;
    right: 0;
    position: relative;
    height: 45px;
    background-color: white;
    z-index: 1040;
    overflow: hidden;
}
.imp-contextual-bar-product-pricing a {
    outline: 0;
}
.imp-contextual-bar-product-pricing .product-pricing-bar-container {
    width: 1240px;
    display: flex;
    margin: 9px 0 2px 0;
}
.imp-contextual-bar-product-pricing .divider {
    border-right: 1px solid #d8d8d8;
    width: 1px;
    height: 20px;
    /*margin-left: 5px;
        margin-right: 5px;*/
}
.imp-contextual-bar-product-pricing .divider.last {
    border-right: 1px solid #d8d8d8;
    border-left: none;
}
.imp-contextual-bar-product-pricing .all-products-label {
    font-size: 13px;
    text-align: center;
    color: #bdbebe;
}
.imp-contextual-bar-product-pricing .all-products-label.active {
    font-weight: bold;
}
.imp-contextual-bar-product-pricing .all-products-indicator.active {
    position: relative;
    background-color: #1da955;
    height: 3px !important;
    width: 100% !important;
    margin-top: 10px;
}
.imp-contextual-bar-product-pricing .all-products-indicator.active:before {
    z-index: -1;
    position: absolute;
    top: -220%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #1da955;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
.imp-contextual-bar-product-pricing .all-products-indicator.active:after {
    z-index: 2;
    position: absolute;
    top: -90%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
/**
     * Firefox only css hack.  This displays correctly in all other browsers
    */

@-moz-document url-prefix() {
    .imp-contextual-bar-product-pricing .all-products-indicator.active {
        margin-top: 7px;
    }
    .imp-contextual-bar-product-pricing .all-products-indicator.active:before {
        top: -200%;
    }
    .imp-contextual-bar-product-pricing .all-products-indicator.active:after {
        top: -70%;
    }
}
.product-pricing-bar-container .main-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.product-pricing-bar-container .left-container {
    display: flex;
    justify-content: flex-start;
    margin-top: 6px;
}
.product-pricing-bar-container .all-products-comparison {
    display: flex;
    width: 264px;
    justify-content: flex-start;
}
/* -- Adjustments popup modal -- */

.imp-popover.imp-body.imp-adjustments {
    width: 270px;
    padding: 5px 20px;
}
.adjustments.textlabel {
    margin-left: 12%;
    margin-right: 3%;
    color: #767676;
}
.adjustments.number {
    width: 28%;
    line-height: 15px;
    text-align: right;
    color: #208ddc;
    cursor: pointer;
}
.adjustments {
    float: left;
}
.adjustments-container {
    width: 160px;
    padding: 2px 0;
}
.imp-adjustments .separator {
    width: 100%;
    border-bottom: 1px solid #CCC;
    text-align: left;
    height: 10px;
    margin: 0;
    clear: both;
}
.imp-adjustments .row {
    margin: 9px 0 0 0;
}
.imp-adjustments .title {
    font-size: 15px;
    text-align: left;
    padding: 10px 0px 0px 0px;
}
.imp-adjustments .adj-label {
    font-size: 12px;
    text-align: left;
    color: #767676;
    padding: 0px;
}
.imp-adjustments .column {
    float: left;
}
.imp-adjustments .first {
    width: 35%;
    text-align: left;
}
.imp-adjustments .second {
    width: 50%;
    text-align: left;
}
.imp-adjustments .third {
    width: 15%;
    text-align: right;
}
.imp-adjustments .total {
    margin-bottom: 9px;
    font-size: 15px;
}
.imp-adjustments .total.first {
    width: 85%;
    color: #000000;
}
.imp-adjustments .total.second {
    width: 15%;
    text-align: right;
    font-weight: bold;
    color: #1fb25a;
}
.imp-adjustments .title.first,
.imp-adjustments .title.second,
.imp-adjustments .title.third {
    color: #9d9d9d;
}
/* -- End of Adjustments popup modal -- */

.imp-contextual-bar-product-pricing .all-products-comparison .selected {
    font-weight: bold;
    color: #000000;
}
.imp-contextual-bar-product-pricing .comparison-container {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    width: 96px;
}
.imp-contextual-bar-product-pricing .bar-graph-icon-position {
    margin-top: -5px;
    margin-left: 4px;
}
.product-pricing-bar-container .middle-container {
    display: flex;
    justify-content: flex-start;
    max-width: 300px;
    min-width: 90px;
}
.imp-contextual-bar-product-pricing .current-loan-container {
    padding-left: 10px;
    padding-right: 10px;
    /*width:78px;*/
    
    display: flex;
    width: 96px;
}
.imp-lcgrid .current-loan .row .imp-ddl:disabled {
    border: 1px solid #bdbebe !important;
    background: #efefef !important;
}
.imp-lcgrid .current-loan .row input[type="text"]:disabled {
    border: 1px solid #bdbebe !important;
    background: #efefef !important;
}
.imp-contextual-bar-product-pricing .impound-container {
    padding-left: 10px;
    padding-right: 20px;
    display: flex;
    width: initial;
}

.imp-contextual-bar-product-pricing .impound-container .button-section-label {
    padding-top: 2px;
}

.imp-contextual-bar-product-pricing .file-container {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}
.imp-contextual-bar-product-pricing .file-icon-position {
    cursor: pointer;
    margin-right: 4px;
    margin-top: -6px;
}
.imp-contextual-bar-product-pricing .button-position {
    display: flex;
    width: 56px;
    height: 12px;
    border-radius: 4px;
    margin-top: 3px;
}
.imp-contextual-bar-product-pricing .button-text-position {
    margin-top: -2px;
    padding-left: 6px;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0);
}
.imp-contextual-bar-product-pricing .button-graph-icon-position {
    margin-left: 3px;
    margin-top: 0px;
}
.imp-contextual-bar-product-pricing .calculator-icon-position {
    cursor: pointer;
    margin-left: 4px;
}
.imp-contextual-bar-product-pricing .disabled {
    border: 1px solid #cdd5d6;
    color: #abaaaa;
    background-image: -moz-linear-gradient(center top, #eef1f2, #dfe6e7);
    background-image: linear-gradient(to bottom, #eef1f2, #dfe6e7);
    cursor: default;
}
.expanded-product-table .even {
    background-color: #efefef;
}
.expanded-product-table .odd {
    background-color: #ffffff;
}
.expanded-product-table .even:hover {
    background-color: #E1F9FF;
}
.expanded-product-table .odd:hover {
    background-color: #E1F9FF;
}
/***/

.expanded-product-table {
    width: 1240px;
}
    .expanded-product-table .title-row {
        background-color: #efefef;
        width: 98.3%;
        height: 50px;
        display: flex;
        justify-content: flex-start;
        padding-left: 20px;
    }
.expanded-product-table .title-row .first-part {
    margin-right: -22px;
}
.expanded-product-table .title-row .second-part {
    width: 170px;
    padding-left: 30px;
}
.expanded-product-table .title-row .second-part-full {
    width: 220px;
    padding-left:20px;
    padding-right:17px;
}
.expanded-product-table .title-row .third-part {
    margin-left: -14px;
}
.expanded-product-table .title-row .first-title-row {
    font-size: 12px;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.expanded-product-table .title-row .first-title-row-right-full {
    padding-left: 30px;
}
.expanded-product-table .title-row .first-title-row-left {
    /*možda ovaj dio se može izbaciti*/
    
    padding-right: 20px;
    display: flex;
    justify-content: flex-start;
    width: 156px;
    color: #48ADEA;
}
.expanded-product-table .title-row .first-title-row-right {
    font-size: 12px;
    color: #6d6d6d;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.expanded-product-table .title-row .second-title-row {
    font-size: 12px;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.expanded-product-table .title-row .second-title-row-left {
    padding-right: 20px;
    display: flex;
    justify-content: flex-start;
    width: 156px;
    color: #767676;
}
.expanded-product-table .title-row .second-title-row-right {
    font-size: 12px;
    color: #767676;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.expanded-product-table .title-row .first-title-row-middle {
    font-size: 12px;
    color: #767676;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.expanded-product-table .title-row .second-title-row-middle {
    font-size: 12px;
    color: #767676;
    height: 20px;
    display: flex;
    justify-content: flex-start;
}
.expanded-product-table .first-part-cell {
    width: 53px;
    text-align:center;
    flex-grow: 1;
}
.expanded-product-table .second-part-cell {
    width: 53.5px;
    text-align: center;
    flex-grow: 1;
}
.expanded-product-table .two-columns-layout{
    padding-right: 6px;
    padding-left: 20px;
}
.expanded-product-table .one-column-layout{
    padding-left: 55px;
    padding-right: 52px;
}
.expanded-product-table .third-part-cell-s {
    padding-right: 15px;
    width: 35px;
}
.expanded-product-table .third-part-cell-m {
    width: 38px;
}
.expanded-product-table .third-part-cell-text {
    text-align: right;
}
.expanded-product-table .third-part-cell-text {
    text-align: right;
}
.expanded-product-table .third-part-cell-l {
    width: 132px;
}
.expanded-product-table .adj-adv-container {
    background-color: #ffffff;
    width: 310px;
    margin-left: -14px;
}
.expanded-product-table .adj-adv-container .fico-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #c6c6c6;
    min-height: 30px;
    margin-left: 20px;
    overflow: hidden;
}
.expanded-product-table .adj-adv-container .total-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    margin-left: 20px;
}
.expanded-product-table .adj-adv-container .note-adv-row {
    padding-top: 12px;
    color: #9d9d9d;
    font-size: 12px;
    margin-left: 20px;
    height: 18px;
}
.expanded-product-table .adj-adv-container .note-cell {
    color: #C6525A;
    font-size: 12px;
    min-height: 18px;
    margin-left: 20px;
    padding-top: 12px;
    padding-bottom: 15px;
}
.expanded-product-table .bolded-cell {
    font-weight: bold;
}
.expanded-product-table .disclaimer-cell {
    color: #767676;
}
.expanded-product-table .cost-cell-color {
    color: #000000;
}
.expanded-product-table .table-content {
    display: flex;
    justify-content: flex-start;
}
.expanded-product-table .table-content-rows {
    align-items: center;
    height: 30px;
    padding-left: 20px;
    display: flex;
    justify-content: flex-start;
    width: 784px;
}
.expanded-product-table .table-content-rows-full {
    width: 936px;
}
.expanded-product-table .table-content-rows .rows-left-part {
    padding-right: 20px;
    display: flex;
    justify-content: flex-start;
    width: 156px;
}
.expanded-product-table .table-content-rows .rows-right-part {
    display: flex;
    justify-content: flex-start;
    margin-right: 17px;
    align-items: center;
}
.expanded-product-table .table-content-rows .rows-right-part.selected {
    display: flex;
    justify-content: flex-start;
    margin-right: 17px;
    align-items: center;
    font-weight: bold;
    color: #000000 !important;
}
.expanded-product-table .horisontal-content {
    display: flex;
    justify-content: flex-start;
}

.expanded-product-table .div24 {
    display: flex;
    justify-content: flex-start; 
    min-width: 600px
}

.imp-buttonmenu .button-menu-row {
    display: flex;
    height: 30px;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
    width: 248px;
}
.imp-buttonmenu .button-menu-row-medium {
    display: flex;
    height: 30px;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
    width: 98px;
}
.imp-buttonmenu .button-menu-row-small {
    display: flex;
    height: 30px;
    align-items: center;
    padding-left: 10px;
    cursor: pointer;
    width: 56px;
}
.imp-buttonmenu .button-menu-row-medium:hover {
    background-color: #A8E9FF;
}
.imp-buttonmenu .button-menu-row-small:hover {
    background-color: #A8E9FF;
}
.imp-buttonmenu .button-menu-row:hover {
    background-color: #A8E9FF;
}
.imp-buttonmenu .button-menu-row-int-log {
    display: flex;
    height: 31px;
    align-items: center;
    padding-left: 12px;
    cursor: pointer;
    width: 156px;
}
.imp-buttonmenu .button-menu-row-int-log:hover {
    background-color: #A8E9FF;
}
.xml-icon-position {
    margin-top: 10px;
    margin-left: 2px;
}
/** Tolerance Modal **/

.tolerance-modal {
    width: 960px;
}
.imp-modal.flyout .tolerance-modal .container {
    width: 900px;
}
.imp-modal.flyout .imp-address .imp-psection-row {
    margin: 19px 0;
}
.imp-modal.flyout .property-details .imp-address .imp-psection-row {
    margin: 5px 0;
}
.tolerance-modal .percent-tolerance-container,
.tolerance-modal .percent-tolerance-container .col-xl,
.tolerance-modal .percent-tolerance-container .col-l,
.tolerance-modal .percent-tolerance-container .col-m,
.tolerance-modal .tolerance-select-container .col-m,
.tolerance-modal .tolerance-select-container .col-l,
.tolerance-modal .tolerance-select-container .col-s,
.tolerance-modal .tolerance-select-container .col-xs,
.tolerance-modal .tolerance-select-container .col-xxs,
.tolerance-modal .lower-tolerance-container,
.tolerance-modal .imp-footer,
.tolerance-modal .imp-button-hm-wm-sec {
    float: left;
    position: relative;
    display: inline-block;
}
.imp-modal.flyout .tolerance-modal .header {
    margin-top: 0px;
    padding-left: 0px;
    font-size: 14px;
}
.tolerance-modal .red-text {
    color: #ef112f;
    font-weight: bold;
}
.imp-modal.flyout .tolerance-modal .imp-psection-row.total-to-cure {
    margin: 0px;
}
.tolerance-modal .percent-tolerance-container {
    width: 30%;
    margin-right: 5%;
}
.tolerance-modal .percent-tolerance-container.last {
    margin-right: 0%;
}
.tolerance-modal .percent-tolerance-container .row {
    margin: 5px 0px;
}
.tolerance-modal .percent-tolerance-container .col-l {
    width: 40%;
}
.tolerance-modal .percent-tolerance-container .col-m {
    width: 30%;
    text-align: right;
}
.tolerance-modal .percent-tolerance-container .col-xl {
    width: 70%;
}
.tolerance-modal .lower-tolerance-container {
    clear: both;
    margin-top: 40px;
    width: 100%;
}
.imp-modal.flyout .tolerance-modal .lower-tolerance-container .imp-psection-row {
    margin: 0px;
    padding: 5px 0px;
    float: left;
    width: 100%;
    cursor: pointer;
}
.tolerance-modal .tolerance-select-container .col-m {
    width: 13%;
}
.tolerance-modal .tolerance-select-container .col-l {
    width: 44%;
}
.tolerance-modal .tolerance-select-container .col-s {
    width: 8%;
}
.tolerance-modal .tolerance-select-container .col-xs {
    width: 5%;
}
.tolerance-modal .tolerance-select-container .col-xxs {
    width: 2%;
}
.tolerance-modal .tolerance-select-container .selected-tolerance {
    background-color: #a6ecff;
}
.tolerance-modal .tolerance-select-container .selectable.row:hover {
    background-color: #e1f9ff;
}
.tolerance-modal .imp-footer,
.tolerance-modal .imp-button-hm-wm-sec {
    clear: both;
}
.tolerance-modal .imp-footer {
    width: 100%;
    padding: 0px;
    margin-top: 30px;
}
.tolerance-modal .imp-button-hm-wm-sec {
    margin-top: 20px;
}
/*#endregion cost details bar*/


/*#region Appraised History Popup*/

.appraised-history-popup-container {
    display: block;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    width: 450px;
}
.appraised-history-popup-content {
    float: left;
}
.appraised-history-popup-content .header {
    border-bottom: 1px solid #bcbebe;
    color: #000000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-left: 31px;
    margin-top: -10px;
    text-align: left;
    width: 393px;
}
.appraised-history-popup-content .first-row {
    float: left;
    margin: 11px 0px 7px 0px;
    width: 100%;
    color: #b0b0b0;
}
.appraised-history-popup-content .first-row .item {
    width: 148px;
    float: left;
    text-align: left;
    margin-left: 33px;
}
.appraised-history-popup-content .first-row .item-1 {
    float: left;
    margin-left: 25px;
    text-align: left;
    width: 66px;
}
.appraised-history-popup-content .first-row .item-2 {
    float: left;
    margin-left: 31px;
    text-align: left;
    width: 86px;
}
.appraised-history-popup-content .row {
    float: left;
    margin: 5px 0 3px;
    width: 100%;
    white-space: nowrap;
}
.appraised-history-popup-content .row .item {
    width: 148px;
    float: left;
    text-align: left;
    margin-left: 33px;
}
.appraised-history-popup-content .row .item-1 {
    float: left;
    margin-left: 25px;
    text-align: left;
    width: 66px;
}
.appraised-history-popup-content .row .item-2 {
    float: left;
    margin-left: 29px;
    text-align: left;
    width: 100px;
}
/*#endregion Appraised History Popup*/


/*#region DocVault*/

.docvault-reject-reason {
    width: 840px;
    float: left;
    margin-left: 110px;
    margin-bottom: 5px;
}
.docvault-reject-reason .text-label {
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.imp-doc-vault-refresh {
    padding-top: 1px;
    padding-right: 3px;
    float: left;
    position: relative;
    cursor: pointer;
}
.imp-doc-vault-refresh-container {
    margin-right: 4px;
    float: left;
    position: relative;
    cursor: pointer;
}
/*#endregion DocVault*/

/*#region needs list item delete popup*/

.needslistitem-delete-popup-container {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 20px;
    width: 450px;
}

.needslistitem-delete-popup-content .header {
    border-bottom: 1px solid #bcbebe;
    color: #000000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    text-align: left;
    width: 449px;
}

.needslistitem-delete-popup-content .content {
    margin-top: 5px;
    float: left;
    height: 25px;
    text-align: left;
    margin-bottom:25px;
}

/*#region Document History Popup*/

.docvault-history-popup-container {
    display: block;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    width: 500px;
}

.docvault-history-popup-content {
    float: left;
}
.docvault-history-popup-content .header {
    border-bottom: 1px solid #bcbebe;
    color: #000000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-left: 31px;
    margin-top: -10px;
    text-align: left;
    width: 438px;
}
.docvault-history-popup-content .first-row {
    float: left;
    margin: 11px 0px 7px 0px;
    width: 100%;
    color: #b0b0b0;
}
.docvault-history-popup-content .first-row .item {
    width: 160px;
    float: left;
    text-align: left;
    margin-left: 31px;
}
.docvault-history-popup-content .first-row .item-1 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 140px;
}
.docvault-history-popup-content .first-row .item-2 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 120px;
}
.docvault-history-popup-content .row {
    float: left;
    margin: 5px 0 3px;
    width: 100%;
    white-space: nowrap;
}
.docvault-history-popup-content .row .item {
    width: 160px;
    float: left;
    text-align: left;
    margin-left: 33px;
}
.docvault-history-popup-content .row .item-1 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 140px;
}
.docvault-history-popup-content .row .item-2 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 120px;
}
/*#endregion Document History Popup*/


/*#region Document Classification Popup*/

.docvault-classifydocument-popup {
    top: 20%;
}
.docvault-classifydocument-popup .modal-dialog {
    width: 500px;
}
.docvault-classifydocument-popup-container {
    padding: 20px;
    overflow: hidden;
}
.docvault-classifydocument-popup-content {
    float: left;
    width: 100%;
}
.docvault-classifydocument-popup-content .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding-bottom: 5px;
}
.docvault-classifydocument-popup-content .row {
    float: left;
    margin: 5px 0 3px;
    width: 100%;
    white-space: nowrap;
}
.docvault-classifydocument-popup-content .row .reject-reason {
    width: 55.5%;
    min-height: 48px;
    resize: none;
}
.docvault-classifydocument-popup-content .row .item {
    width: 40%;
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
}
.docvault-classifydocument-popup-content .row .item-1 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 55%;
}
.docvault-classifydocument-popup-content .row .fullrow {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 100%;
}
/*#endregion Document Classification Popup*/


/*#region Prior Adverse Rating Popup*/

.prior-adverse-rating-container {
    display: block;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    width: 280px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
}
.prior-adverse-rating-content {
    float: left;
    width: 100%;
}
.prior-adverse-rating-content .header {
    border-bottom: 1px solid #bcbebe;
    color: #000000;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    margin-top: -10px;
    text-align: left;
    width: 100%;
}
.prior-adverse-rating-content .title {
    float: left;
    margin: 11px 0px 7px 0px;
    width: 92%;
    color: #b0b0b0;
}
.prior-adverse-rating-content .scroll {
    overflow-y: scroll;
    max-height: 145px;
    width: 100%;
}
.prior-adverse-rating-content .row {
    float: left;
    margin: 5px 0 3px;
    width: 100%;
    white-space: nowrap;
}
.prior-adverse-rating-content .item {
    width: 35%;
    float: left;
    text-align: left;
}
.prior-adverse-rating-content .item-1 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 20%;
}
    .prior-adverse-rating-content .item-1.item-1-na {
        color: lightgrey;
    }
.prior-adverse-rating-content .item-2 {
    float: left;
    margin-left: 0px;
    text-align: left;
    width: 45%;
}

.prior-adverse-rating-hr {
    margin-bottom: 5px;
    margin-top: 5px;
}

.next-payment-due-date-value {
    margin-right: 30px;
}

/*#endregion Prior Adverse Rating Popup*/


/*#region Get Started - Search Criteria*/

.search-criteria {
    padding-top: 1px;
    width: 100%;
    /*float:left;*/
}
.search-criteria .sub-section {
    width: 23%;
    float: left;
    text-align: left;
    margin-left: 10px;
}
.search-criteria .sub-section .item-l {
    width: 100%;
    float: left;
}
.search-criteria .sub-section .item-s {
    width: 50%;
    float: left;
}
.search-criteria .sub-section .bold {
    font-weight: bold;
}
.search-criteria .sub-section .margin {
    margin-top: 13px;
}
.search-criteria .imp-psection-header .elements {
    width: 50%;
    margin-left: 40px;
    margin-top: 8px;
    color: #208DDC;
}
.search-criteria .imp-psection-header .elements .item {
    width: 65px;
    float: left;
    cursor: pointer;
}
.search-criteria .imp-psection-header .imp-psection-title {
    width: 328px;
}
.search-criteria .bottom-row {
    display: inline-block;
    width: 50%;
    float: right;
    margin-top: -6px;
}
.search-criteria .bottom-row .bottom-label {
    float: left;
    line-height: 23px;
    font-size: 12px;
    padding-right: 13px;
}
.search-criteria .bottom-row .bottom-field {} .get-started-buttons {
    border-top: 2px solid #1da955;
    clear: both;
    /*float: left;*/
    
    margin-top: 30px;
    overflow: hidden;
    width: 99.8%;
}

.search-criteria .desired-options {
    width:85px;
    margin-left:0px;
    margin-right:10px
}

.search-criteria .imp-icon-question-mark{
    margin-top:2px;
}

.search-criteria .elements-terms{
     color: #208DDC;
     cursor:pointer;
}

.search-criteria .custom-term-multiselect {
    width: 150px;
    margin-bottom: 25px;
}

.search-criteria .administration-fee .imp-icon-question-mark {
    margin-top: 22px;
    margin-left: 5px;
}

.search-criteria .income-verification {
    z-index: 1;
    width: auto;
}

.income-verification .income-verification-dropdown {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

    .income-verification .income-verification-dropdown:focus {
        width: auto;
    }

.imp-desired-value-tooltip {
    background: white;
    border: 1px solid #DDDDDD;
    width: 250px;
    margin-top:8px !important;
    margin-left:-2px !important;
}

.imp-desired-value-tooltip > .tooltip-arrow {
    top: -8px !important;
}


.imp-desired-value-tooltip .tooltip-inner {
    padding:5px;
}


.imp-high-z-index-tooltip {
    padding: 5px;
    font-weight: normal;
    word-wrap: break-word;
    white-space: normal;
    z-index: 99999 !important;
}

.imp-broker-compensation-tooltip, .imp-administration-fee-tooltip {
    background: white;
    border: 1px solid #DDDDDD;
    width: 350px;
    margin-bottom: 8px !important;
    margin-left: -2px !important;
    top: -49px !important;
}

.imp-broker-compensation-tooltip > .tooltip-arrow, .imp-administration-fee-tooltip > .tooltip-arrow {
    bottom: -5px !important;
}

.imp-broker-compensation-tooltip > .tooltip-arrow:after, .imp-administration-fee-tooltip > .tooltip-arrow:after {
    top: -5px !important;
}

.imp-broker-compensation-tooltip .tooltip-inner, .imp-administration-fee-tooltip .tooltip-inner {
    padding: 2px;
}

.get-rates {
    width: 136px;
    padding-left: 2px;
    padding-right: 2px
}

.get-started-buttons .get-rates {
    float: right;
    margin-top: 20px;
    height: 30px;
    width: 136px;
    padding-left:10px;
    padding-right:10px
}
.get-started-buttons .get-rates.disabled {
    background-image: linear-gradient(to bottom, #EEF1F2, #DFE6E7);
    color: grey;
    border: lightgray 1px solid;
    text-shadow: none;
    cursor: default;
}
.get-started-buttons .save {
    float: right;
    margin-top: 20px;
    margin-right: 100px;
    height: 20px;
    padding-top: 6px;
    width: 75px;
}
.get-started-buttons .save-disabled {
    float: right;
    margin-top: 20px;
    margin-right: 100px;
    height: 18px;
    padding-top: 6px;
    width: 75px;
    cursor: auto;
    display: inline-block;
    border: 1px solid #CDD5D6;
    border-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 3px;
    color: #ABAAAA;
    font-family: Arial;
    text-decoration: none;
    text-align: center;
    text-shadow: none;
    background-color: #0271DA;
    background-image: -moz-linear-gradient(top, #EEF1F2, #DFE6E7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF1F2), to(#DFE6E7));
    background-image: -webkit-linear-gradient(top, #EEF1F2, #DFE6E7);
    background-image: -o-linear-gradient(top, #EEF1F2, #DFE6E7);
    background-image: linear-gradient(to bottom, #EEF1F2, #DFE6E7);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#EEF1F2', endColorstr='#DFE6E7');
}
.get-started-buttons .cancel {
    float: right;
    margin-top: 20px;
    height: 30px;
    width: 135px;
    margin-right: 5px;
}
/*#endregion Get Started - Search Criteria*/


/*#region Get Started - Loan Information - Refinance - New Loan & Current Loan*/

.new-loan-container {
    width: 420px;
    padding: 0px;
    padding-right: 0;
}
.new-loan-container .title {
    margin-left: 0px;
    font-weight: bold;
    margin-top: 15px;
    font-size: 13px;
}
.new-loan-container .line {
    height: 2px;
    width: 420px;
    background: linear-gradient(to right, #b2b2b2, #fff);
    margin-left: 0;
    margin-bottom: 10px;
}

.new-loan-county-values {
    margin-top: 2px;
}

.new-loan-county-section {
    margin-top: 8px;
}

.align-left {
    float: left;
}

.imp-psection-subtitle.margin-bottom {
    margin-bottom: 25px !important;
}
/* Initial Disclosures Required - orange bar*/

.fha-information .main {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}
.fha-information .imp-psection-row {
    height: 10px;
}
.fha-worksheets .imp-tab-text {
	width: inherit;
}

fha-worksheets .all-products-indicator.active {
	position: relative;
	background-color: #1da955;
	height: 3px !important;
	width: 100% !important;
	margin-top: 10px;
}

.fha-worksheets .worksheets-indicator {
	height: 13px;
}

.fha-worksheets .all-products-indicator.active:before {
	z-index: 1;
	position: absolute;
	top: -220%;
	left: 70%;
	margin-left: -30%;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 10px solid #1da955;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
}

.fha-worksheets .all-products-indicator.active:after {
	z-index: 2;
	position: absolute;
	top: -90%;
	left: 70%;
	margin-left: -30%;
	content: '';
	width: 0;
	height: 0;
	border-bottom: 10px solid #FFFFFF;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
}

.fha-worksheets {
	padding-bottom: 0px !important;
	justify-content: flex-start !important;
}

.fha-worksheets .name-tag {
		margin-left: 0px;
		margin-top: -5px;
}
.fha-title {
	padding-bottom: 13px !important;
}

.new-loan-container .section,
.current-loan .section,
.va-information .section,
.fha-information .section,
.usda-information .section {
	width: 370px;
	display: inline-block;
	margin-left: 1px;
}
.new-loan-container input.current:not(.disabled) {
    background-color: white;
}
.new-loan-container .section .row,
.current-loan .section .row,
.va-information .section .row,
.fha-information .section .row,
.usda-information .section .row {
    width: auto;
    min-height: 32px;
    font-size: 12px;
    text-align: left;
    margin: 0px;
    margin-top: 7px;
    padding-left: 0px;
}
.new-loan-container .col-s,
.current-loan .col-s,
.va-information .col-s,
.usda-information .col-s {
    color: #767676;
    margin-top: 4px;
    padding: 0 6px 0 0;
    width: 40%;
    float: left;
}
.new-loan-container .col-m,
.current-loan .col-m,
.va-information .col-m,
.fha-information .col-m,
.usda-information .col-m {
    padding: 0;
    width: 56%;
    float: left;
}
    .new-loan-container .col-m input[type="text"]:not(.form-control),
    input[type="password"],
    .current-loan .col-m input[type="text"]:not(.form-control),
    .va-information .col-m input[type="text"]:not(.form-control),
    .fha-information .col-m input[type="text"]:not(.form-control),
    .usda-information .col-m input[type="text"]:not(.doc-description-textarea) {
        border: 1px solid #ccc;
        width: 185px;
    }
.fha-information .mainCb,
.va-information .mainCb,
.usda-information .mainCb {
    margin: -2px 0px 0px;
    float: left;
    width: 20px;
}
.fha-information .fhaLbRight,
.va-information .vaLbRight,
.usda-information .usdaLbRight {
    float: right;
}
.fha-information .fhaCbLeft,
.va-information .vaCbLeft,
.usda-information .usdaCbLeft {
    margin: 2px 0px 0px 0px;
    width: 15px;
}
.va-information .col-lg-11 {
    width: 92.66666667% !important;
}
input[type="text"].va-information-input {
    width: 96%;
}
.qualifying-information-container {
    float: left;
    margin-right: calc(100% - 710px);
    margin-bottom: 16px;
    width: 710px;
}
.current-loan .imp-tab-text {
    margin-left: 20px;
    margin-top: 7px;
}
.current-loan .section-body {
    margin-top: 15px;
}
.current-loan .piti-spacing{
    width: 45px !important;
    margin-left: 30px;
    text-align: right;
}
.current-loan .rate-spacing {
    width: 35px !important;
    margin-left: 5px;
    text-align: right;
}
.usda-information .add-usda-row .add-usda-label {
    line-height: normal;
    margin-top: -4px;
    margin-right: 18px;
    color: #7f7f7f;
}
.col-s .concurrent-second-mortgage {
    margin-right: 4px;
    padding-right: 4px;
    width: auto; 
}

/*#endregion Get Started - Loan Information - Refinance - New Loan*/


/*#region mbpopover*/

.imp-mb-popover {
    padding: 20px;
    clear: both;
    overflow: auto;
}
.imp-mb-popover-title-section {} .imp-mb-popover-title-section .imp-mb-popover-title {
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(202, 202, 202);
    color: rgb(68, 68, 68);
    font-weight: bold;
    margin-top: 12px;
}
.imp-mb-popover-close-x {
    margin: 9px;
    position: absolute;
    top: 0;
    right: 0;
}
.imp-mb-popover-list {
    list-style-type: none;
    padding: 0;
}
.imp-mb-popover-list .imp-mb-popover-list-item {} .imp-mb-popover-left-section {
    text-align: left;
    float: left;
    padding-left: 0;
}
.imp-mb-popover-right-section {
    float: right;
    text-align: left;
    width: 350px;
}
.imp-mb-popover-right-section > .unit-body > .title-item > .left-side {
    width: 117px;
}
.imp-mb-popover-right-section > .unit-body > .item > .third-column {
    width: 85px;
}
.imp-mb-popover-list {
    padding: 15px 20px 5px 10px;
    margin-bottom: 3px;
    width: 270px;
    position: relative;
}
.imp-mb-popover-list:hover {
    background-color: #e1f9ff;
}
.imp-mb-popover-list-clicked {
    background-color: #a6ecff;
}
.imp-mb-popover-list-clicked:hover {
    background-color: #a6ecff;
}
.imp-mb-popover-list .imp-mb-popover-list-item {} .imp-mb-popover-borower {
    margin: 0;
}
.imp-mb-popover-list > .imp-mb-popover-borower {
    margin: 0;
}
.imp-mb-popover-list > .imp-mb-popover-coborrower {
    color: #B0B0B0;
    font-size: 9px;
}
.imp-mb-popover-list > .imp-mb-popover-price {
    position: absolute;
    right: 20px;
    top: 15px;
}
.imp-mb-popover-list p {
    margin: 0px;
    font-weight: bold;
}
.imp-monthly-liability .second-column {
    width: 80px !important;
}
/*#endregion mb-popover*/


/*#region Pricing Results*/

.pricing-results {
    width: 1100px;
}
.top-container {
    position: fixed;
    top: 115px;
    padding-top: 5px;
    z-index: 1000;
    background: white;
    left: 0;
    right: 0;
}
.ineligible-products {
    padding-top: 35px;
}
.ineligible-products .header {
    width: 1240px;
    line-height: 30px;
    height: 30px;
    background-color: #ffd2d2;
    font-size: 10px;
    color: #ff0000;
}
.pricing-results .product-row {
    line-height: 30px;
    height: 30px;
    border-bottom: 2px dotted #efefef;
    display: flex;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pricing-results .product-row:hover {
    background-color: #E1F9FF !important;
}
.pricing-results .product-row .product-label {
    font-weight: normal;
}
.pricing-results .reasons-row {
    margin-left: 30px;
    min-height: 30px;
    height: auto;
}
.pricing-results .reasons-row .reason {
    display: flex;
    line-height: 30px;
}
.pricing-results .reasons-row .reason .reason-index {
    color: #000000;
    font-weight: 600;
}
.pricing-results .reasons-row .reason .reason-description {
    color: #767676;
    margin-left: 3px;
}
.pricing-results .selected-row {
    background-color: #a6ecff;
}
.pricing-results .products .header {
    left: 0;
    right: 0;
    position: relative;
    height: 50px;
    margin-top: 45px !important;
    background-color: white;
    z-index: 1080;
    overflow: hidden;
}
.product-applied-detail {
    position: relative;
    margin-left: 140px;
    width: 1240px;
}
@media (max-width: 1280px) {
    .product-applied-detail {
        margin-left: 15px;
    }
}

@media (min-width: 1280px) {
    .product-applied-detail {
        margin: auto;
    }
}
@media (min-width: 1280px) {
    .pricing-results .products .header {
        margin: auto;
    }
}
@media (max-width: 1280px) {
    .pricing-results .products .header {
        margin-left: 50px;
        margin-right: 50px;
    }
}
.pricing-results .products .header .col-a:hover,
.pricing-results .products .header .col-m:hover,
.pricing-results .products .header .col-s:hover,
.pricing-results .products .header .col-l:hover {
    color: #208ddc;
    cursor: pointer;
}
.pricing-results .products .header .selected {
    color: #6d6d6d;
    text-decoration: underline;
}
.pricing-results .products .header .row .margin {
    margin-top: 16px;
}
.pricing-results .products .header .row .imp-icon-filter {
    margin-left: 5px;
    margin-top: -2px;
}
.pricing-results .products .header .row .imp-icon-blue-arrow-down {
    margin-left: -5px;
    position: absolute;
    top: 27px;
}
.pricing-results .products .header .row .imp-icon-compare-product-on,
.pricing-results .products .header .row .imp-icon-compare-product-off {
    margin-left: 15px;
    margin-top: 10px;
}
.pricing-results .products .row {
    text-align: right;
    display: flex;
    margin: auto;
    width: 1240px;
    padding-top: 5px;
    align-items: center;
    line-height: 17px;
    color: #767676;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pricing-results .products .row .dropdown-group {
    display: flex;
    flex-basis: 8%;
    cursor: pointer;
}
.pricing-results .products .row .dropdown-group .dropdown-selected-item {
    width: 100%;
}
.pricing-results .products .row .dropdown-group .dropdown-menu-item {} .pricing-results .products .col-m,
.pricing-results .products .col-s,
.pricing-results .products .col-l,
.pricing-results .products .col-a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pricing-results .products .col-m {
    flex-basis: 7%;
    text-align: center;
}
.pricing-results .products .col-m .pi-label:hover {
    color: #48ADEA;
}
    .pricing-results .products .col-m .pi-label-blue {
        color: #48ADEA;
        font-weight: bold;
    }
.pricing-results .products .col-s {
    flex-basis: 5%;
    text-align: right;
}
.pricing-results .products .col-l {
    flex-basis: 8%;
    text-align: left;
}
.col-a.product-expired {
    flex-basis: 44.2% !important;
}
/* Pricing redo */

.pricing-results .products .title.col-a {
    flex-basis: 64% !important;
    justify-content: space-between;
}
.pricing-results .products .title.col-s {
    flex-basis: 5% !important;
}
.pricing-results .products .title.col-m {
    flex-basis: 9.5% !important;
    margin-right: 1px;
}
.pricing-results .products .title.col-l {
    flex-basis: 8% !important;
}
.pricing-results .products .title.dropdown-group {
    flex-basis: 8% !important;
}
.pricing-results .products .expired.col-a {
    flex-basis: 48.1% !important;
    justify-content: space-between;
}
.pricing-results .products .expired.col-s {
    flex-basis: 5.532% !important;
}
.pricing-results .products .expired.col-m {
    flex-basis: 7.712% !important;
}
.pricing-results .products .expired.col-l {
    flex-basis: 8.999% !important;
}
.pricing-results .products .expired.dropdown-group {
    flex-basis: 8.999% !important;
}
.pricing-results .products .active.col-a {
    flex-basis: 51.8% !important;
    margin-left: 6px !important;
    justify-content: space-between;
}
.pricing-results .products .purchase.col-a {
    flex-basis: 52.1% !important;
    margin-left: 3px !important;
    justify-content: space-between;
}
.pricing-results .products .active.col-s {
    flex-basis: 5.680% !important;
}
.pricing-results .products .active.col-m {
    flex-basis: 7.916% !important;
}
.pricing-results .products .active.col-l {
    flex-basis: 9.238% !important;
}
.pricing-results .products .active.dropdown-group {
    flex-basis: 9.238% !important;
}
.pricing-results .products .title.col-a .product-name-title,
.pricing-results .products .expired.col-a .product-name-title,
.pricing-results .products .active.col-a .product-name-title,
.pricing-results .products .purchase.col-a .product-name-title {
    width: 238px;
    flex-basis: 220px;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pricing-results .product-group .inprogress-loader-container {
    line-height: 1px; 
    margin-top: 22px; 
    margin-left: -11px;
    width: 10px;
}
.pricing-results .products .payment-difference-container-title .payment-difference {
    text-align: center;
    position: absolute;
    margin-left: -1.8%;
    margin-top: -17px;
    font-weight: bold;
    color: #767676;
}
.pricing-results .products .payment-difference-container-title .pay-diff-caption{
    display: block; 
    float: left; 
    width: 33%; 
    margin-top: 16px;
}

.pricing-results .products .current-loan{
    margin-left: 340px;
}

.pricing-results .products .current-loan.broker {
    margin-left: 320px;
}

/* End of Pricing redo */

.pricing-results .products .col-a {
    flex-basis: 45%;
    flex-grow: 4;
    display: flex;
    text-align: left;
}
.pricing-results .products  .mi-label {
    margin-bottom: auto;
    font-size: 11px;
    font-weight: bold;
    color: #48ADEA;
    cursor: pointer;
}

.pricing-results .products .mi-label.disabled {
    background: transparent;
    color: #b3aeae;
    cursor: default;
    font-weight: normal;
}

.pricing-results .products .exp-label {
    padding-left: 4px;
    color: #ef1126;
    font-size: 12px;
}
.pricing-results .products .evoa-label {
    color: #1fb25a;
    font-size: 12px;
}

.pricing-payment-difference-section-title{
    flex-basis: 25.2%;
}


.pricing-payment-difference-section-value {
    flex-basis: 23.12%;
}
.price-rate-adjustments-container {
    width: 405px;
    height: auto;
    position: relative;
    box-shadow: 0px 1px 0px;
    padding: 20px;
}

.price-rate-adjustments-container .price-rate-adjustments-content {
}

.price-rate-adjustments-container .price-rate-adjustments-content .price-rate-adjustments-header {
     height: 17px;
     text-align: left;
     font-family: Arial;
     font-weight: bold;
     border-bottom: #E4E4E4 solid 1px;
     padding-bottom: 5px;
     font-weight: bold;
     font-size: 15px;
}

.price-rate-adjustments-container .price-rate-adjustments-content .pra-row {
     height: 21px;
     color: #767676;
     display: flex;
     margin-top: 14px;
}

.price-rate-adjustments-container .price-rate-adjustments-content .buttons {
      height: 30px;
      margin-top: 30px;
      display: flex;
}

.price-rate-adjustments-container .price-rate-adjustments-content .buttons .button {
      margin-left: 5px;
      display: flex;
}

.price-rate-adjustments-container .price-rate-adjustments-content .pra-row .text {
      width: 25%;
      height: 100%;
      font-size: 12px;
      text-align: left;
}

.price-rate-adjustments-container .price-rate-adjustments-content .pra-row .separator {
      width: 20%;
      border-bottom: white;
}

.price-rate-adjustments-container .price-rate-adjustments-content .pra-row .value {
      width: 75%;
      height: 100%;
      font-size: 12px;
      margin-left: 20%;
}

.payment-breakdown-container {
    width: 300px;
    height: 350px;
    position: relative;
    z-index: 10px;
}

.payment-breakdown-container .payment-breakdown-content {
    padding: 20px;
}
.payment-breakdown-container .payment-breakdown-content .payment-breakdown-header {
    height: 23px;
    text-align: left;
    line-height: 23px;
    border-bottom: #b1b1b1 solid 1px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
.payment-breakdown-container .payment-breakdown-content .payment-breakdown-footer {
    height: 25px;
    text-align: left;
    line-height: 40px;
    border-top: #b1b1b1 solid 1px;
    margin-top: 10px;
    display: flex;
    padding: 0px;
    font-size: 14px;
}
.payment-breakdown-container .payment-breakdown-content .payment-breakdown-footer .total-value {
    margin-left: auto;
    color: #1fb25a;
    font-weight: bold;
}
.payment-breakdown-container .payment-breakdown-content .first-row {
    display: flex;
    border-bottom: #b1b1b1 solid 1px;
    color: #767676;
    height: 25px;
    line-height: 26px;
    margin-bottom: 10px;
}
.payment-breakdown-container .payment-breakdown-content .pb-row {
    display: flex;
    height: 25px;
    line-height: 25px;
    color: #767676;
}
.payment-breakdown-container .payment-breakdown-content .first-row .value,
.payment-breakdown-container .payment-breakdown-content .pb-row .value {
    margin-left: auto;
    color: #000000;
}
.payment-breakdown-container .payment-breakdown-content .pb-row .percent {
    margin-left: 5px;
}
.pricing-results .products .body .product-group {
    margin-top: 20px;
}
.pricing-results .products .body .category-row {
    min-height: 21px;
    line-height: 20px;
    font-size: 10px;
    color: #1fb25a;
    border-bottom: 1px solid #414141;
}
.pricing-results .products .body .category-row-hiden {
    display: none;
}
.pricing-results .products .body .category-row-hiden-bottom-border {
    line-height: 20px;
    font-size: 12px;
    color: #1fb25a;
    border-bottom: 2px dotted #bdbfbf;
}
.pricing-results .products .body .row {
    color: #000000;
    min-height: 40px;
    padding-top: 0px;
    line-height: 40px;
    text-align: right;
}
    .pricing-results .products .body .row:hover {
        background-color: #edfcff !important;
    }
        .pricing-results .products .body .row:hover .blue-background,
        .pricing-results .products .body .row:hover .modified-product {
            background-color: #edfcff !important;
        }
        .pricing-results .products .body .row:hover .product-name,
        .pricing-results .products .body .row:hover .background-white {
            background-color: #edfcff !important;
        }
.pricing-results .products .body .selected-row .blue-background,
.pricing-results .products .body .selected-row .modified-product {
    background-color: #a6ecff !important;
}
.pricing-results .products .body .selected-row .product-name,
.pricing-results .products .body .selected-row .background-white,
.pricing-results .products .body .selected-row .modified-product {
    background-color: #a6ecff !important;
}
.pricing-results .products .body .row-margin-top {
    margin-top: 5px !important;
}
.pricing-results .products .body .row .quote {
    padding-right:0px;
}
.pricing-results .products .body .row .apply {
    color: #48ADEA;
    cursor: pointer;
}
    .pricing-results .products .body .row .apply.button {
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }
    .pricing-results .products .body .row .apply.button > button-multi-action > div {
        margin-top: 3px;
        margin-bottom: 3px;
        display: flex;
        justify-content: center;
        margin-left: 2px;
    }
        .pricing-results .products .body .row .apply.button > button-multi-action > div > button {
            padding: 3px 0px 5px 3px;
            border-radius: 4px;
            height: 25px;
            font-size: 12px;
            font-weight: bold;
        }
    .pricing-results .products .body .row .apply.button > button-multi-action > div > ul {
        min-width: 75px;
        width: auto;
    }
    .pricing-results .products .body .row .apply.button .button-multi-action-dropdown-arrow {
        right: 4px;
        bottom: 8px;
    }
    .pricing-results .products .body .row .apply.button .button-multi-action-dropdown-menu-item {
        padding: 3px 15px;
    }
    .pricing-results .products .body .row .apply.button .button-multi-action-dropdown {
        padding: 5px 5px 5px 15px;
    }
    .pricing-results .products .body .row .blue-background {
        background-color: #EDFDFF;
    }

.imp-button-hollow-large-white-background.med {
    width: 100% !important;
    min-height: 25px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: 3px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
}

.pricing-results .products .body .row .hide-line {
    background-color: white;
    border-bottom: 2px solid white !important;
    height: 30px !important;
    margin-bottom: -2px !important;
}
.pricing-results .products .body .row .background-white {
    background-color: white;
    height: 30px !important;
}
.pricing-results .products .body .row .empty {
    width: 15px;
}
.pricing-results .products .padding {
    padding-left: 10px;
}
.pricing-results .products .body .row .imp-sa-grid-row-collaps {
    margin-top: -3px;
}
.pricing-results .integrations-xml-footer {
    margin-top: 30px;
}
.pricing-results .integrations-xml-footer .split-line {
    border-bottom: 2px solid #414141;
}
.pricing-results .integrations-xml-footer .content {
    display: flex;
    float: right;
}
    .pricing-results .integrations-xml-footer .content .pricing-engine-disabled {
        display: flex;
        margin-left: 25px;
        line-height: 45px;
        height: 43px;
    }

    .pricing-results .integrations-xml-footer .content .fees-engine-disabled {
        display: flex;
        margin-left: 25px;
        line-height: 45px;
        height: 43px;
    }
.pricing-results .integrations-xml-footer .content .pricing-engine {
    display: flex;
    color: #208ddc;
    margin-left: 25px;
    line-height: 45px;
    height: 43px;
    cursor: pointer;
    text-decoration:underline;
}
.pricing-results .integrations-xml-footer .content .fees-engine {
    display: flex;
    color: #208ddc;
    margin-left: 25px;
    line-height: 45px;
    height: 43px;
    cursor: pointer;
    text-decoration:underline;
}
.pricing-results .integrations-xml-footer .content .rate-table {
    display: flex;
    margin-left: 25px;
    margin-top: 1px;
    line-height: 45px;
    height: 43px;
}
.pricing-results .integrations-xml-footer .content .rate-table .rt-label {
    color: #9d9d9d;
    padding-right: 5px;
}
.pricing-results .integrations-xml-footer .content .rate-table .rt-value {
    color: black;
}
.pricing-results .tooltip-arrow-up {
    left: 99% !important;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(90deg);
    top: 60% !important;
}
.pricing-results .font-color {
    color: #767676;
}
.pricing-results .payoff-container{
    min-width:810px;
}

.pricing-results .payment-difference-container-title-purchase {
    flex-basis: 23.6%;
    width: 160px;
    margin-right: 0px;
}

.pricing-results .new-dti-new {
    margin-left: -2px;
}
.actions {
    min-width: 95px;
}
.quote {
    max-width: 40px;
}

.pricing-results .payment-difference-container-values{
    flex-basis:23.12%; 
    height:30px;
}
.pricing-results .payment-difference-container-values-purchase{
    flex-basis:21.1%; 
}
.products .pay-diff-monthly-position {
    float: left;
    width: 33.3%;
    text-align: right;
}
.products .pay-diff-annual-position {
    float: left;
    text-align: right;
    width: 33.3%;
}
.products .pay-diff-year-position {
    float:right;
    width:33.3%; 
}
.pricing-results .impound-color{
    color:#208ddc; 
    cursor: pointer;
}

.products .product-detail-loader {
    height:40px;
    width:40px
}

.products .product-detail-loader-container {
    margin-left:50%;
    margin-top:10px;
}

/*#endregion Pricing Results*/


/*#region Stips&Conditions*/

.stips-conditions {
    width: 1100px;
    margin-top: 170px;
}
.stips-conditions .imp-ddl.clean {
    width: 165px;
    border: none;
}
.stips-conditions .imp-span-ddl-container.clean:before {
    border: none;
}
.stips-conditions .imp-span-ddl-container.clean:after {
    color: #3083FF;
}
.stips-conditions .stips-conditions-table,
.stips-conditions .stips-conditions-top-bar,
.stips-conditions .condition-container {
    float: left;
    clear: both;
}
.stips-conditions .stips-conditions-table,
.stips-conditions .stips-conditions-top-bar {
    width: 100%;
    margin-top: 35px;
}
.stips-conditions .stips-conditions-table .table-container {
    margin-bottom: 30px;
}
.stips-conditions .stips-conditions-table .stip-header {
    border-bottom: 1px dashed #c6c6c6;
    padding-top: 5px;
}
.stips-conditions .stips-conditions-table .table-container {
    margin-bottom: 30px;
}
.stips-conditions .stips-conditions-table .stip-header {
    border-bottom: 1px dashed #c6c6c6;
    padding-top: 5px;
}
.stips-conditions .stips-conditions-top-bar .open-items-label,
.stips-conditions .stips-conditions-top-bar .open-items-value,
.stips-conditions .stips-conditions-top-bar .bottom-label {
    float: left;
    position: relative;
}
.stips-conditions .stips-conditions-top-bar .open-items-label {
    margin-right: 5px;
}
.stips-conditions .stips-conditions-top-bar .open-items-value {
    margin-right: 20px;
}
.stips-conditions .stips-conditions-top-bar .bottom-label {
    clear: both;
}
.stips-conditions .header .green-title {
    font-size: 13px;
    color: #1fb25a;
}
.stips-conditions .stips-conditions-table .imp-collapsed {
    margin-top: 2px;
}
.stips-conditions .stips-conditions-table .header {
    margin-top: 5px;
    min-height: 20px;
}
.stips-conditions .stips-conditions-table .header.main-header {
    height: 16px;
    border-bottom: 2px solid #777777;
}
.stips-conditions .stips-conditions-table .header .main-title {
    display: inline-block;
}
.stips-conditions .stips-conditions-table .header .imp-hyperlink {
    display: inline-block;
    float: right;
    text-align: right;
    cursor: pointer;
}
.stips-conditions .stips-conditions-table .row.row-header {
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: none;
}
.stips-conditions .stips-conditions-table .row.row-header .row-label {
    margin-left: 15px;
    margin-right: 15px;
    height: 20px;
}
.stips-conditions .condition-container {
    padding-left: 35px;
    padding-bottom: 10px;
    width: 1080px;
}
.stips-conditions .condition-container .comment-container .comment-input {
    width: 90%;
    height: 15px;
    margin-top: -1px;
    font-size: 12px;
}
.stips-conditions .condition-container .comment-container .comment-history {
    margin-top: -2px;
    margin-right: 0px;
}
.stips-conditions .attribute-container {
    margin-left: 35px;
    width: 1045px;
    min-height: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c6c6c6;
}
.stips-conditions .attribute-container .attr-label {
    margin-top: 4px;
}
.stips-conditions .attribute-container .attr-divider {
    margin-top: 2px;
    margin-left: 5px;
}
.stips-conditions .document-container {
    width: 1045px;
    margin-left: 35px;
    margin-top: 5px;
    margin-right: 0px;
    padding: 0px;
}
.stips-conditions .document-container .row.doc-row {
    height: 30px;
    width: inherit;
    margin-left: 0px;
}
.stips-conditions .document-container .row .comment-history {
    margin-top: -6px;
    margin-right: 0px;
}
.stips-conditions .condition-container .col-xs,
.stips-conditions .condition-container .col-s,
.stips-conditions .condition-container .col-l,
.stips-conditions .attribute-container .col-xs,
.stips-conditions .attribute-container .col-m,
.stips-conditions .attribute-container .col-l,
.stips-conditions .document-container .col-xxs,
.stips-conditions .document-container .col-xs,
.stips-conditions .document-container .col-s,
.stips-conditions .document-container .col-m,
.stips-conditions .document-container .col-l,
.stips-conditions .document-container .col-xl {
    float: left;
    position: relative;
    display: inline-block;
}
.stips-conditions .condition-container .col-xs,
.stips-conditions .attribute-container .col-xs {
    width: 1%;
}
.stips-conditions .condition-container .col-s {
    width: 4%;
}
.stips-conditions .condition-container .col-l {
    width: 35%;
}
.stips-conditions .condition-container .col-l.comment-container {
    float: right;
    padding-right: 0px;
}
.stips-conditions .attribute-container .col-m {
    width: 12.2%;
}
.stips-conditions .attribute-container .col-m.internal {
    margin-left: 32px;
}
.stips-conditions .attribute-container .col-l {
    width: 20.7%;
}
.stips-conditions .document-container .col-xxs {
    width: 2.4%;
}
.stips-conditions .document-container .col-xs.icon-for {
    font-weight: bold;
    color: #4791DA;
    cursor: pointer;
}
.stips-conditions .document-container .col-xs.icon-hist {
    padding-right: 0px;
    float: right;
}
.stips-conditions .document-container .col-xs {
    width: 3.8%;
}
.stips-conditions .document-container .col-s .icon-pdf {
    cursor: pointer;
}
.stips-conditions .document-container .col-s {
    width: 12%;
}
.stips-conditions .document-container .col-m {
    width: 11.4%;
}
.stips-conditions .document-container .col-l {
    width: 14%;
}
.stips-conditions .document-container .col-xl {
    width: 48%;
}
#conditionErrorPopup,
#conditionAddItemNotePopup,
#conditionHistoryPopup {
    top: 59px;
}
.modal-content < #conditionErrorPopup,
.modal-content < #conditionAddItemNotePopup,
.modal-content < #conditionHistoryPopup {
    background-color: none;
}
/*#endregion Stips&Conditions*/

/*#region Agents&Parties*/
.agents-parties {
    width: 1100px;
    margin-top: 10px;
    margin-bottom:10px;
}
.imp-modal.flyout .agents-parties .header {
    padding: 0px;
}

.imp-modal.flyout .agents-parties .los-sync {
    display: flex;
    margin-bottom: 20px;
    margin-left: 55px;
}

.agents-parties #agents-parties-borrower-container {
    margin-left: 55px;
}
.agents-parties #agents-parties-borrower-container .header {
    margin-top: 0px;
}

.agents-parties .loan-participants-container .header {
    margin-left: 55px;
}

.agents-parties .loan-participants-container .loan-participant-row .first-row {
    margin-left: 5px;
}

.imp-modal.flyout .agents-parties .footer {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    margin-top: 25px;
}
.agents-parties .header .header-main {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bdbfbf;
}
.agents-parties .header .header-row {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    clear: both;
}
.agents-parties .agents-parties-row {
    height: 30px;
    padding: 0px;
}
.agents-parties .hyperlink {
    font-size: 12px;
    font-weight: normal;
    float: right;
    padding-right: 20px;
}
.agents-parties .header {
    padding-left: 0px;
    padding-bottom: 5px;
}
.agents-parties .header .header-text {
    width: 85%;
    float: left;
}
.agents-parties .header .add-row {
    width: 15%;
    float: right;
    text-align: right;
}
.agents-parties .header .add-row canvas {
    top: -5px;
    position: absolute;
    left: 40px;
}
.agents-parties .header .contract-margin {
    margin-top: 11px;
}
.agents-parties .header .add-row .imp-hyperlink {
    color: #208DDC;
    position: relative;
}
.agents-parties .imp-hyperlink {
    color: #208DDC;
}
.agents-parties .border-bottom {
    border-bottom: 1px solid #BCBDBD;
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    clear: both;
    margin-top: 5px;
}
.agents-parties .footer {
    display: block;
    height: 30px;
    line-height: normal;
    padding: 0px;
    width: 1100px;
    height: 5px;
}
.agents-parties .header .imp-split,
.agents-parties .footer .imp-split {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}
.agents-parties .header .add-row {
    font-weight: normal;
    font-size: 12px;
}
.agents-parties #agents-parties-borrower-container .imp-button-hm-wl-prim {
    height: 24px;
    width: 80px;
    padding: 0 0;
    font-size: 12px;
    border: 1px solid #CDD5D6;
    background-image: linear-gradient(to bottom, #EEF1F2, #DFE6E7);
    color: #000000;
    text-shadow: none;
}
.agents-parties .agents-parties-button-container {
    float: left;
    position: relative;
    display: inline-block;
    margin-left: 55px;
}
.imp-modal.flyout .loan-participant-row {
    width: 100%;
}
    .imp-modal.flyout .loan-participant-row:hover,
    .imp-modal.flyout .loan-participant-row:hover input[type=text].transform-to-label,
    .imp-modal.flyout .loan-participant-row:hover select.transform-to-label,
    .imp-modal.flyout .loan-participant-row:hover div.transform-to-label:before {
        background-color: #e1f9ff;
    }
.imp-modal.flyout .loan-participant-row input[type=text] {
    width: 100%;
    box-sizing: border-box;
    height: 24px;
}
.imp-modal.flyout .loan-participant-row div.top-space,
.imp-modal.flyout .loan-participant-row div.inline,
.imp-modal.flyout .loan-participant-row div.imp-span-ddl-container {
    width: 100%;
}
    .imp-modal.flyout .loan-participant-row .transform-to-label {
        border: none;
        box-shadow: none;
        pointer-events: none;
        background: transparent;
        white-space: normal;
    }
.imp-modal.flyout .loan-participant-row div.transform-to-label:after {
    display: none;
}
.imp-modal.flyout .loan-participant-row div.transform-to-label select[disabled] {
    background: none;
}
.imp-modal.flyout .loan-participant-row .imp-address .imp-psection-row {
    margin: 5px 0px;
}
.imp-modal.flyout .loan-participant-row .read-only-row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    min-height: 1px;
    line-height: 1.5;
}
    .imp-modal.flyout .loan-participant-row .row {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0px;
        min-height: 50px;
    }
        .imp-modal.flyout .loan-participant-row .row:before,
        .imp-modal.flyout .loan-participant-row .row:after {
            display: none;
        }
        .imp-modal.flyout .loan-participant-row .row .top-space,
        .loan-scenario-row .row .top-space {
            margin-top: 5px;
        }
        .imp-modal.flyout .loan-participant-row .row .imp-icon-pen,
        .loan-scenario-row .row .imp-icon-pen {
            height: 22px;
        }
.imp-modal.flyout .loan-participant-row .read-only-row div {
    width: 100%;
    min-height: 18px;
}
.imp-modal.flyout .loan-participant-row .read-only-row div.los-value-empty {
    border-style: solid;
    border-width: thin;
    border-color: red;
    margin: 2px 2px 0px 0px;
}
.loan-scenario-row .row .col-s,
.loan-scenario-row .row .col-m,
.loan-scenario-row .row .col-m2,
.loan-scenario-row .row .col-l,
.loan-scenario-row .row .col-xl {
    padding-top: 5px;
}
    .imp-modal.flyout .loan-participant-row .row .col-s, .loan-scenario-row .row .col-s {
        width: 5%;
    }
        .imp-modal.flyout .loan-participant-row .row .col-s .right .loan-scenario-row .row .col-s .right {
            text-align: right;
            margin-right: -5px;
        }
    .imp-modal.flyout .loan-participant-row .row .col-m, .loan-scenario-row .row .col-m {
        width: 9%;
    }
    .loan-scenario-row .row .col-m2 {
        width: 10%;
    }
    .imp-modal.flyout .loan-participant-row .row .col-l, .loan-scenario-row .row .col-l {
        width: 14%;
    }
    .imp-modal.flyout .loan-participant-row .row .col-xl, .loan-scenario-row .row .col-xl {
        width: 18%;
    }
.imp-modal.flyout .loan-participant-row .row .col-xl .loan-participants {
    padding: 0px 5px 0px 5px;
    border-radius: unset;
    border-left: 0;
}

.imp-modal.flyout .loan-participant-row .source-first-row {
    width: 40px;
    margin-left: 10px;
}

.imp-modal.flyout .loan-participant-row .row .source {
    display: flex;
    border-radius: 20px 0px 0 0;
    background: linear-gradient(to left, #FFF5D6 50%, white 50%);
    height: 55px;
    width: 40px;
    margin-left: 10px;
    align-items: center;
    align-self: center;
}

.imp-modal.flyout .loan-participant-row .row .participants-info {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0px;
    border-bottom: 1px solid #e3e9e9;
    align-items: center;
}

.imp-modal.flyout .loan-participant-row .row .participants-info.background {
    background: #FFF5D6 0% 0% no-repeat padding-box;
}

.imp-modal.flyout .loan-participant-row .row .source-tpo {
    background: #208DDC 0% 0% no-repeat padding-box;
}

.imp-modal.flyout .loan-participant-row .row .source-los {
    background: #FF0000 0% 0% no-repeat padding-box;
}

.agents-parties #agents-parties-borrower-container .row.firstRow,
.agents-parties #agents-parties-participant-container .row.firstRow {
    margin-top: 10px;
}
.agents-parties #agents-parties-borrower-container .application-row,
.agents-parties #agents-parties-borrower-container .row,
.agents-parties #agents-parties-borrower-container .borrower-row:not(:first-child) {
    margin: 20px 0px 0px 0px;
}
.agents-parties #agents-parties-borrower-container .header .header-text,
.agents-parties #agents-parties-borrower-container .header .add-row,
.agents-parties #agents-parties-borrower-container .imp-split,
.agents-parties #agents-parties-borrower-container .col-xxs,
.agents-parties #agents-parties-borrower-container .col-xs,
.agents-parties #agents-parties-borrower-container .col-s,
.agents-parties #agents-parties-borrower-container .col-m,
.agents-parties #agents-parties-borrower-container .col-l,
.agents-parties #agents-parties-borrower-container .col-xl,
.agents-parties #agents-parties-borrower-container .col-xxl,
.agents-parties #agents-parties-participant-container .header .header-text,
.agents-parties #agents-parties-participant-container .header .add-row,
.agents-parties #agents-parties-participant-container .imp-split,
.agents-parties #agents-parties-participant-container .col-xxs,
.agents-parties #agents-parties-participant-container .col-xs,
.agents-parties #agents-parties-participant-container .col-s,
.agents-parties #agents-parties-participant-container .col-m,
.agents-parties #agents-parties-participant-container .col-l,
.agents-parties #agents-parties-participant-container .col-xl,
.agents-parties #agents-parties-participant-container .col-xxl,
.agents-parties #agents-parties-button-container {
    float: left;
    position: relative;
    display: inline-block;
}
.agents-parties #agents-parties-borrower-container .col-xxs,
.agents-parties #agents-parties-borrower-container .col-xs,
.agents-parties #agents-parties-borrower-container .col-s,
.agents-parties #agents-parties-borrower-container .col-m,
.agents-parties #agents-parties-borrower-container .col-l,
.agents-parties #agents-parties-borrower-container .col-xl,
.agents-parties #agents-parties-borrower-container .col-xxl,
.agents-parties #agents-parties-participant-container .col-xxs,
.agents-parties #agents-parties-participant-container .col-xs,
.agents-parties #agents-parties-participant-container .col-s,
.agents-parties #agents-parties-participant-container .col-m,
.agents-parties #agents-parties-participant-container .col-l,
.agents-parties #agents-parties-participant-container .col-xl,
.agents-parties #agents-parties-participant-container .col-xxl {
    margin-right: 5px;
}
.agents-parties #agents-parties-borrower-container .col-xxs div,
.agents-parties #agents-parties-borrower-container .col-xs div,
.agents-parties #agents-parties-borrower-container .col-s div,
.agents-parties #agents-parties-borrower-container .col-m div,
.agents-parties #agents-parties-borrower-container .col-l div,
.agents-parties #agents-parties-borrower-container .col-xl div,
.agents-parties #agents-parties-borrower-container .col-xxl div,
.agents-parties #agents-parties-participant-container .col-xxs div,
.agents-parties #agents-parties-participant-container .col-xs div,
.agents-parties #agents-parties-participant-container .col-s div,
.agents-parties #agents-parties-participant-container .col-m div,
.agents-parties #agents-parties-participant-container .col-l div,
.agents-parties #agents-parties-participant-container .col-xl div,
.agents-parties #agents-parties-participant-container .col-xxl div {
    float: left;
}
.agents-parties #agents-parties-participant-container .row {
    margin: 20px 0px 0px 0px;
    padding: 4px 0px 1px 2px;
}
.agents-parties #agents-parties-borrower-container .col-xxs {
    width: 1%;
}
.agents-parties #agents-parties-borrower-container .col-xs {
    width: 2%;
}
.agents-parties #agents-parties-borrower-container .col-s {
    width: 4%;
}
.agents-parties #agents-parties-borrower-container .col-m {
    width: 6%;
}
.agents-parties #agents-parties-borrower-container .col-l {
    width: 10%;
}
.agents-parties #agents-parties-borrower-container .col-xl {
    width: 14%;
}
.agents-parties #agents-parties-borrower-container .col-xxl {
    width: 25%;
}
.agents-parties #agents-parties-participant-container .col-xxs {
    width: 1%;
}
.agents-parties #agents-parties-participant-container .col-xs {
    width: 2%;
}
.agents-parties #agents-parties-participant-container .col-s {
    width: 4%;
    padding-left: 10px;
}
.agents-parties #agents-parties-participant-container .col-m {
    width: 14%;
}
.agents-parties #agents-parties-participant-container .col-l {
    width: 14%;
}
.agents-parties #agents-parties-participant-container .col-xl {
    width: 15.5%;
}
.agents-parties #agents-parties-participant-container .inline {
    display: inline;
}
.agents-parties #agents-parties-borrower-container .row-text-align {
    margin-top: 4px;
}
.agents-parties #agents-parties-borrower-container .vert-gray {
    min-height: 20px;
    height: 95%;
    border-left: 2px solid #9d9d9d;
    margin: 0 auto;
    margin-right: 10px;
    position: absolute;
}
.agents-parties #agents-parties-borrower-container .vert-grey-extend {
    border-left: 2px solid #9d9d9d;
    position: relative;
}
.agents-parties #agents-parties-participant-container .inline.phone {
    padding-left: 4px;
}
.agents-parties #agents-parties-participant-container .row.edit {
    min-height: 35px;
}
.agents-parties #agents-parties-participant-container .row.edit .phone {
    padding-top: 4px;
}
.agents-parties #agents-parties-participant-container input {
    float: left;
    width: 100%;
}
.agents-parties #agents-parties-participant-container .top-space {
    margin-top: 5px;
}
.agents-parties #agents-parties-participant-container .break {
    clear: both;
}
.agents-parties #agents-parties-participant-container .col-lg-4 {
    width: 90px;
    padding-left: 0px;
}
.agents-parties #agents-parties-borrower-container .col-m .primary {
    position: relative;
    left: 20px;
    color: #000000;
}
/*#endregion Agents&Parties*/
    /*#region ContextualBarTabs*/
    .imp-contextual-bar-tabs-container {
    height: 35px;
    z-index: 1000;
    right: -30px;
    width: 1160px;
}
.imp-contextual-bar-tabs-container-collapsed-with-alert-panel {
    margin-top: -17px;
    -webkit-margin-before: -11px;
}
.imp-contextual-bar-tabs-container-with-alert-panel {
    -webkit-margin-before: 107px;
}
.imp-contextual-bar-tabs-container .container {
    height: 36px;
    position: fixed;
    left: 4%;
    right: 4%;
    overflow: hidden;
    width: 1120px;
}
.imp-contextual-bar-tabs {
    border: none;
    float: left;
    margin-top: 0px;
    -webkit-margin-before: 0px;
    background-color: transparent;
}
.imp-contextual-bar-tabs-sixpiece {
    width: 11px;
    background-color: #4de88c;
    height: 11px;
    position: absolute;
    right: 0px;
    top: 3px;
    border-radius: 7px;
}
.imp-contextual-bar-tabs-is-completed {
    position: absolute;
    left: 6px;
    top: -2px;
    font-size: 16px;
    color: transparent;
}
.green {
    color: #4de88c !important;
}
.red {
    color: red !important;
}
.imp-contextual-arrow-left {
    left: 0px;
}
.imp-contextual-arrow-right {
    text-align: right;
    right: 0px;
}
.imp-contextual-arrows {
    width: 20px;
    height: 34px;
    line-height: 35px;
    background-color: white;
    z-index: 999;
    color: #1da955;
    cursor: pointer;
    position: absolute;
}
.imp-contextual-chevron-up {
    background: url('LoanCenterSprite.png') -4px -238px;
    right: 0;
    width: 20px;
    height: 34px;
    cursor: pointer;
    top: 5px;
    position: absolute;
}
.imp-contextual-comparison-report-icon { 
	right: 16%;
	width: 38px;
	height: 39px;
	cursor: pointer;
	top: 13px;
	position: absolute;
	font-size: 35px;
}
.imp-upper-contextual .cv-icon-notes {
	font-size: 35px;
	right: 13%;
	position: absolute;
	top: 13px;
	cursor: pointer;
}
.imp-upper-contextual .contextual-back-button {
	margin-left: 2px;
	height: 60px;
	margin-top: -2px;
	width: 37px;
	display: block;
	position: relative;
	background-color: #4b4b4b;
}
.imp-upper-contextual .loanMenu-contextualbar-holder {
	position: absolute;
	top: 22px;
	left: 18%;
}
.imp-upper-contextual .loan-menu-contextual-bar:hover {
	background-color: #545454;
}

.imp-upper-contextual .contextual-back-button:hover {
	background-color: #545454;
}
.imp-upper-contextual .go-back-button:active {
	color: #AAAAAA !important;
}
.imp-upper-contextual .go-back-button {
	position: absolute;
	top: 23px;
	left: 31%;
}
.imp-contextual-comparison-report:hover {
	color: #3ca4e5;
}
.imp-contextual-comparison-report-label {
    position: relative;
    top: -8px;
    left: 5px;
    cursor: pointer;
}

.imp-contextual-contacts {
    text-align: center;
}

.imp-contextual-contacts-content {
    float: right;
    margin-right: 15px;
    margin-top: 19px;
    font-size: 16px;
    cursor: pointer;
}

.imp-contextual-contacts-icon {
    -webkit-transform: scale(1.3, 1.3);
    text-align: center;
    padding-bottom: 4px;
    padding-left: 12px;
}
.imp-contextual-contacts-label {
    font-size: 10px;
    color: rgb(30, 205, 251);
    display: block;
    padding-top: 3px;
}

.imp-contextual-spanlabel {
    padding-right: 5px;
    margin-top: 9px !important;
}
.imp-contextual-chevron-up:hover {
    background: url('LoanCenterSprite.png') -25px -238px;
}
.imp-contextual-row-position {
    position: absolute;
}
.imp-contextual-chevron-down {
    background: url('LoanCenterSprite.png') -46px -238px;
}
.imp-contextual-chevron-down:hover {
    background: url('LoanCenterSprite.png') -67px -238px;
}
/*#endregion ContextualBarTabs*/


/*#region LockingPricingAdj*/
.locking-pricing {
    width: 1100px;
}

.imp-historyIcon-empty-locking {
    cursor: default;
    background: url('history_icon_blue_hollow.png') no-repeat scroll 0;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
}
.tooltip-inner .imp-tooltip-history {
    border-radius: 3px;
    background: #FFFFFF;
    box-shadow: 2px 2px 8px 3px #A9A9A9;
    font-size: 12px;
    color: #000000;
    width: 590px;
    position: absolute;
    z-index: 999;
    margin-top: -100px;
    padding: 25px;
    left: 15px;
    height:200px;
    cursor: auto;
}
.tooltip-history.right {
    display: block;
    opacity: 1;
    left: 10px;
    position: relative;
    bottom: 18px;
    margin-bottom: -100px;
}
.tooltip-history.right .tooltip-arrow {
    border: none;
    left: 2px;
    top: -5px;
}
.tooltip-history.right .tooltip-arrow:before {
    position: absolute;
    top: -7px;
    left: 3px;
    display: inline-block;
    border-right: 10px solid #ccc;
    border-top: 10px solid transparent;
    border-left-color: rgba(0,0,0,0.1);
    border-bottom: 10px solid transparent;
    content: '';
    top: 27px;
    z-index: 9999;
}
.tooltip-history.right .tooltip-arrow:after {
    position: absolute;
    top: -5px;
    left: -3px;
    display: inline-block;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    z-index: 1;
    top: 27px;
    z-index: 9999;
}

.locking-history-container {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}
.locking-history-body {
    height: 160px;
}
.locking-history-header {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
}
.locking-history-row {
    height: 24px;
}
.locking-history-container .locking-history-row:nth-child(odd){
   background-color: #f3f3f3;
}
.locking-history-col-header,
.locking-history-col {
    width: 25%;
    float: left;
    text-align: left;
    font-size: 12px;
    padding-top: 5px;
}
.locking-history-col-header{
    font-weight: bold;
}
.locking-pricing.confirmation {
    width: 700px;
}
.disclaimer {
    font-size: 12px;
    margin-bottom: 15px;
}
.imp-disclaimer.locking-confirmation-row {

}
.locking-pricing .header-container .header .title h1 {
    border-bottom: 2px #bdbebe solid;
    padding-bottom: 5px;
    font: normal normal bold 15px/24px Arial;
    color: #1FB25A;
    opacity: 1;
}
.locking-pricing > .header {
    width: 100%;
    height: 90px;
}
.locking-pricing .header .tab-container {
    min-height: 40px;
}
.locking-pricing .header .content {
    min-height: 65px;
    vertical-align: middle;
}
.locking-pricing .imp-footer {
    padding-bottom: 0;
    padding-top: 25px;
}
.locking-pricing .content {
    width: 100%;
}
.locking-pricing .sub-content {
    clear: both;
}
.locking-pricing .section-1 {
    width: 30.45%;
    float: left;
    margin-top: 22px;
}
.locking-pricing .section-2 {
    width: 65.18%;
    margin-left: 4.36%;
    margin-top: 22px;
    display: block;
    float: left;
}
.locking-pricing .section-1 .top-position {
   margin-top: 22px;
}
.locking-pricing .section-2 .top-position {
   margin-top: 36px;
}
.locking-pricing .btn-adjustment {
  width: 158px;
  margin-right: 3px; 
  font-size: 12px; 
}
.locking-pricing .col-sml:first-child {
    margin-left: 0;
}
.locking-pricing .col-sml {
    float: left;
    min-width: 10.3%;
    margin-left: 1.717%;
}
.locking-pricing .col-med-lock-exp,
.locking-pricing .col-med {
    float: left;
    width: 18.2%;
}
.locking-pricing .col-med-lock-exp {
    white-space: nowrap;
    width: 11%;
}
.locking-pricing .product-name,
.locking-pricing .lbl-value {
    font-size: 15px;
}
.locking-pricing .product-name {
    font-weight: bold;
}
.locking-pricing .product-name:not(.main-title) {
    margin-bottom: 9px;
}
.locking-pricing .lbl-name {
    display: block;
}
.locking-pricing .section-2 .pgrid:not(.investor-price) {
    margin-top: 28px;
}
.locking-pricing .pgrid .divider {
    background-color: #bdbebe;
    height: 1px;
    clear: both;
}
.locking-pricing .pgrid .container,
.locking-pricing .pgrid .header {
    width: 100%;
    padding: 0;
}
.locking-pricing .section-2 .pgrid .header .row,
.locking-pricing .section-2 .pgrid .container .row {
    height: 30px;
    margin: 0;
    display: flex;
    align-items: center;
}
.locking-pricing .section-1 .pgrid .container > .row {
    height: 26px;
    margin: 0;
    display: flex;
    align-items: center;
}
    .locking-pricing .section-2 .pgrid .container .row:not(:last-child):not(.total):not(.total-g):not(.note):not(:first-child):hover,
    .locking-pricing .pgrid:not(.loan-officer) .pgrid:not(.loan-officer-grid) .header .title:hover:not(.edit-mode),
    .locking-pricing .pgrid:not(.loan-officer) .pgrid:not(.loan-officer-grid) .header .title:hover input[type="text"]:disabled {
        background-color: #E1F9FF;
    }
.locking-pricing .pgrid:not(.loan-officer) .header .title:hover input[type="text"]:disabled {
    border-color: #E1F9FF;
    box-shadow: none;
}
.locking-pricing .section-1 imp-date-picker,
.locking-pricing .section-2 .pgrid .row .col-l select {
    width: 100%;
}
.locking-pricing .section-2 .pgrid .row .col-xl input {
    width: 97%;
}
.locking-pricing .section-2 .pgrid .row .col-xs input {
    width: 88%;
    padding-right: 5px;
    padding-left: 0;
    text-align: right;
}
/*.locking-pricing .section-2 .pgrid .row:last-child {
    margin-top: 8px;
}*/
.locking-pricing .section-1 fieldset:disabled .input-group .input-group-btn {
    display: none;
}
.locking-pricing .pgrid .header .title {
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.locking-pricing .pgrid .container .row:first-child {
    margin-top: 11px;
}
.locking-pricing .pgrid .container .adjustment {
    border-bottom: 0.5px dashed #9d9d9d;
}
.locking-pricing .pgrid .header .title .lbl {
    flex-grow: 1;
    text-align: left;
    padding-bottom: 9px;
    padding-top: 9px;
}
.locking-pricing .pgrid .header .title .value {
    width: 7%;
    text-align: right;
    font-size: 12px;
}
.locking-pricing .section-2 .pgrid .header .title input {
    float: right;
    width: 7.45%;
    padding-right: 3px;
    font-weight: bold;
    text-align: right;
}
.locking-pricing .section-2 .pgrid .header .title span:last-child {
    float: right;
}
.locking-pricing .section-2 .pgrid .container > .row:first-child > div > span {
    color: #767676;
}
.locking-pricing .section-2 .pgrid .row.total .col-xl span,
.locking-pricing .pgrid .row.total .col-xs span {
    flex-grow: 1;
    text-align: right;
    font-size: 14px;
}
.locking-pricing .section-2 .pgrid .row.total .col-xs span {
    font-weight: bold;
}
.locking-pricing .section-2 .pgrid .row .col-l .imp-span-ddl-container,
.locking-pricing .section-2 .pgrid .row .col-s .imp-span-ddl-container {
    margin-right: 5px;
}
.locking-pricing .section-2 .pgrid .row .col-xs input {
    padding-right: 5px;
    padding-left: 0;
    text-align: right;
}
.locking-pricing .section-2 .pgrid .row .col-l .imp-span-ddl-container,
.locking-pricing .section-2 .pgrid .row .col-xl input,
.locking-pricing .section-2 .pgrid .row .col-s .imp-span-ddl-container {
    margin-right: 3px;
}
.locking-pricing .investor-purchase .header .title input,
.locking-pricing .investor-price .header .title input {
    width: 8% !important;
}
.locking-pricing .pricing-info .product-name {
    float: left;
    flex-grow: 2;
}
.locking-pricing .pricing-info .imp-icon-pen {
    margin-left: 20px;
    margin-top: -5px;
    position: absolute;
}
.locking-pricing .sell-side .product-name {
    float: left;
    flex-grow: 2;
}
.locking-pricing .sell-side .imp-icon-pen {
    margin-left: 31px;
    margin-top: -5px;
    position: absolute;
}
.locking-pricing .section-2 .action-edit .imp-icon-pen {
    margin-left: 5px;
    position: absolute;
    margin-top: 8px;
}
.locking-pricing .section-2 .action-edit {
    height: 36px;
    margin-left: 717px;
    margin-top: -35px;
    position: absolute;
    width: 27px;
}
.locking-pricing .pgrid .add-item {
    clear: both;
    color: #208ddc;
    cursor: pointer;
    float: left;
    margin-left: -5px;
    margin-top: 10px;
}
	.locking-pricing .pgrid .add-item[disabled]{
		cursor: auto;
		display: inline-block;
		border: 1px solid #CDD5D6;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #ABAAAA;
		font-family: Arial;
		text-decoration: none;
		text-align: center;
		text-shadow: none;
		background-image: -moz-linear-gradient(top, #EEF1F2, #DFE6E7);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF1F2), to(#DFE6E7));
		background-image: -webkit-linear-gradient(top, #EEF1F2, #DFE6E7);
		background-image: -o-linear-gradient(top, #EEF1F2, #DFE6E7);
		background-image: linear-gradient(to bottom, #EEF1F2, #DFE6E7);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EEF1F2', endColorstr='#DFE6E7');
	}
.locking-pricing .edit-item {
    clear: both;
    color: #208ddc;
    cursor: pointer;
    float: right;
    margin-bottom: 7px;
    flex-grow: 1;
    text-align: right;
}
.locking-pricing .sell-side {
    width: 100%;
    display: flex;
    align-items: center;
}
.locking-pricing .pricing-info {
    width: 100%;
    display: flex;
    align-items: center;
}
.locking-pricing .col-xs,
.locking-pricing .col-s,
.locking-pricing .col-l,
.locking-pricing .col-xl,
.locking-pricing .col-xxl {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
    align-items: center;
}
.locking-pricing .col-xs {
    width: 10%;
}
.locking-pricing .col-s {
    width: 20%;
}
.locking-pricing .col-s.width-28 {
    width: 28%;
}
.locking-pricing .col-l {
    width: 51%;
}
.locking-pricing .col-xl {
    width: 50%;
}
.locking-pricing .col-xl.width-54 {
    width: 54%;
}
.locking-pricing .col-xxl {
    width: 58.72%;
}
.locking-pricing .locking-info .col-l {
    width: 39.28%;
}
.locking-pricing .locking-info .col-xxl-padlock,
.locking-pricing .locking-info .col-xxl {
    width: 60.72%;
}
.locking-pricing .locking-info .col-xxl-padlock{
    padding-top: 15px;
}
.locking-pricing .locking-info .col-xxl-padlock .lock-expiration-message{
    padding-left: 35px;
}
.locking-reason {
    min-height: 26px;
    height: 100% !important;
    align-items: baseline !important;
    margin-top: 5px !important;
}
.locking-pricing .pgrid .row .col-xs span {
    flex-grow: 1;
    text-align: right;
}
.locking-pricing .pgrid .row .col-xs.width-14 {
    width: 14%;
}
.locking-pricing .pgrid .row .imp-span-ddl-container.width99-height24 {
    width: 99%;
    height: 24px;
}

.locking-pricing .col-adjustment {
    width: 15%;
    margin-right: 0.5%;
}

.locking-pricing .col-expand .imp-icon-arrow-down-disabled, 
.locking-pricing .col-expand .imp-icon-arrow-up-disabled {
    opacity: 0.5;
}

.locking-pricing .col-description {
    width: 52%;
}
.locking-pricing .col-description .button.approve {
    width: 25%;
    border: 1px solid #48adea;
    color: #48adea;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 3px;
    text-align: center;
    display: inline-block;
}
.locking-pricing .col-description .button.deny {
    width: 20%;
    border: 1px solid #48adea;
    color: #48adea;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 3px;
    text-align: center;
    display: inline-block;
}
.locking-pricing .col-concession-button {
    width:20%;
    margin-bottom: 5px;
}
.locking-pricing .col-title {
    width: 75.3%;
    padding-bottom: 9px;
    font-size: 15px;
    padding-top: 0;
    font-weight: bold;
}.locking-pricing .col-total-title {
    width: 64.8%;
    margin-right: 10.5%;
    text-align: right;
    font-size: 14px;
}
.locking-pricing .col-value-headers {
    width: 8%;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
}
.locking-pricing .col-total-values {
    width: 8%;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}
.locking-pricing .col-paidby {
    width: 7.5%;
    margin-right: 0.3%;
}
.locking-pricing .col-values {
    width: 8%;
    text-align: right;
}
.locking-pricing .col-remove {
    position: absolute;
    margin-left: 718px;
}
.locking-pricing .col-expand {
    position: absolute;
}
.locking-pricing .col-expand .imp-sa-grid-row-collaps.right {
    margin-left: -15px; 
    margin-top: -1px;
}
.locking-pricing .col-expand .imp-sa-grid-row-collaps.down {
    margin-left: -20px; 
    margin-top: 2px;
}
.locking-pricing .col-collapse {
    position: absolute;
}
.locking-pricing .pgrid .row .imp-span-ddl-container.width49-height24 {
    width: 49%;
    height: 24px;
}
.locking-pricing .pgrid .row .rmcomment {
    width: 96.5%;
}
.locking-pricing .pgrid .row .rmvalues {
    width: 90%;
    text-align: right;
}
.locking-pricing .col-paidby.nnl-blue {
    color: #388DE3;
}
.locking-pricing fieldset:disabled .row input[type="text"],
.locking-pricing .title:not(:hover) input[type="text"]:disabled,
.locking-pricing fieldset:disabled .row input[type="datetime"],
.locking-pricing fieldset:disabled .row .imp-span-ddl-container:before,
.locking-pricing fieldset:disabled .row .imp-span-ddl-container.medium:after,
.locking-pricing fieldset:disabled .row input[type="datetime"],
.locking-pricing fieldset:disabled .row select {
    border: 1px !important;
    box-shadow: none !important;
    border-color: white !important;
    cursor: default !important;
    background-color: white !important;
}
.locking-pricing .row .imp-span-ddl-container.medium.disabled:before,
.locking-pricing fieldset:disabled .row .imp-span-ddl-container:before {
    height: 100%;
}
.locking-pricing .row .imp-span-ddl-container.medium.disabled:after,
.locking-pricing fieldset:disabled .row .imp-span-ddl-container.medium:after {
    content: none !important;
    border: none !important;
}
.locking-pricing fieldset:disabled input[type=text]:-moz-placeholder,
.locking-pricing fieldset:disabled input[type=text]::-moz-placeholder,
.locking-pricing fieldset:disabled input[type=text]:-ms-input-placeholder,
.locking-pricing fieldset:disabled input[type=text]::-webkit-input-placeholder {
    color: white;
}
.locking-pricing .lock-expiration {
    color: #1fb25a;
}
.locking-pricing .lock-expiration.expired,
.locking-pricing .expired {
    color: #e73302;
}
.locking-pricing .vertical-divider {
    margin: 0;
}
.locking-pricing .imp-button-hm-wl-prim:disabled {
    padding: 4px 25px 5px;
}
.locking-pricing .investor-purchase .col-xl,
.locking-pricing .investor-price .col-xl {
    width: 64%;
}
.locking-pricing .loan-officer .row .col-xs .center {
    text-align: center;
}
.locking-pricing .loan-officer .row .col-xs .margin-left {
    margin-right: 2px;
}
.locking-pricing .col-xs.nnl-blue {
    color: #388DE3;
}
.locking-pricing .col-xs .rate {
    font-weight: normal !important;
}
.locking-pricing .imp-negative-value {
    color: #B20000;
}
.locking-pricing.action-edit .loan-officer .total {
    margin-top: 8px;
}
.locking-pricing .loan-officer .total-g,
.locking-pricing .investor-purchase .total-g {
    height: 20px !important;
    margin-top: 0px !important;
    color: #767676;
}
.locking-pricing .loan-officer .total-g .col-xl,
.locking-pricing .investor-purchase .total-g .col-xl {
    display: flex;
}
.locking-pricing .loan-officer .total-g .col-xl .text,
.locking-pricing .investor-purchase .total-g .col-xl .text {
    text-align: right;
    flex-grow: 1;
}
.locking-pricing .dropdown-menu-lock {
    width: 209px;
    top: -94px;
    right: 7px;
    cursor: pointer;
}
.locking-pricing .dropdown-menu > li > a  {
    padding: 3px 18px;
}
.locking-pricing .btn-group .locking-buttons .large-primary-button {
    width: 202px;
}
.locking-pricing .dropdown-menu-obplugin {
    top: -67px !important;
}
.locking-pricing .dropdown-menu-obapi {
    top: -67px;
}
.locking-pricing .approve .dropdown-menu {
    min-width: 99px !important;
    width: 99px;
    top: -67px;
    cursor: pointer;
}
.approve-deny-button, .adjustment-approve-deny {
  min-width: 80px !important;
  width: auto !important; 
}
.adjustment-approve-deny {
  float: right;
  margin-left: 2px; 
}
.locking-pricing .pricing {
    display: inline-flex;
}
.locking-pricing .pricing .dropdown-menu {
    width: 158px;
    min-width: 158px !important;
    top: auto;
    position:absolute;
    bottom: 30px;
    cursor: pointer;
}
.adjustment-pricing-button, .adjustment-pricing {
  min-width: 140px !important;
  width: auto !important; 
}
.adjustment-pricing {
  float: right;
  margin-left: 2px; 
}
.locking-contextual-button .contextual-button-prim {
    margin-right: -5px !important;
}
.update-extend-lock-button, .update-extend-lock {
    min-width: 140px !important;
    width: auto !important;
}
.update-extend-lock {
  float: right;
  margin-left: 2px; 
}
.large-primary-button.lock-request-button {
    width: 162px;
    padding-left: 5px;
    padding-right: 5px;
}

.lock-request-spinner {
    margin-right: -6px;
}

.lock-request-spinner > img {
    width: 15px; 
    height: 14px;
}
/*After we refactor Lock contextual bar on L&A Screen these lines will be removed*/
.locking-pricing .imp-button-general-contextual {
    margin-right: -3px;
}
.locking-pricing .group-button-sec {
    right: 6px;
}
.locking-pricing .group-button-prim {
    padding-right: 10px;
}
.locking-pricing .locking-buttons .group-button-prim {
    width: 200px !important;
}
.locking-pricing .dropdown-menu.accept-lock.submit-lock {
    top: -170px;
}
.locking-pricing .pricing-engine {
    height: 43px;
    width: 105px;
    float: right;
    margin-right: 15px;
    line-height: 49px;
    display: flex;
    color: #208ddc;
}
.locking-pricing .imp-button-general {
    margin-top: 0px;
    margin-left: 2px;
    margin-right: 0px;
}
.locking-pricing .imp-main-buttons-div {
    padding-right: 0px;
    display: flex;
}
.locking-pricing .imp-button-general.group-button-sec {
    margin-left: 0px;
    width: 22px;
    right: 3px;
}
.locking-pricing .integration-links {
    display: flex;
    color: #208ddc;
    line-height: 45px;
    height: 43px;
    float: right;
    margin-top:1px;
}
.locking-pricing .integration-links .integration-link {
    display: flex;
    color: #208ddc;
    line-height: 45px;
    height: 43px;
    float: right;
    width:80px;
    font-size: 12px;
    text-decoration:underline;
}
.locking-pricing .integration-links .integration-link .xml-icon-position {
    margin-top: 12px;
}

.locking-panel {
    background-color: #C8E5FA;
    color: black;
    padding: 7px 7px 7px 10px;
    margin-top: 1px;
    display: flex;
    border-radius: 0px 0px 4px 4px;
    justify-content: space-between;
}

.locking-panel .btn {
    font-size: 12px;
    background-color: #C8E5FA;
    border: 1px solid black;
    border-radius: 3px;
    line-height: 5px;
    max-height: 25px;
}

.locking-panel .message-container {
    display: flex;
}

.locking-panel .message-container .message {
    padding-top: 2px;
}
/*#endregion LockingPricingAdj*/

/*#region lockActions modal*/
.lock-actions-modal {
    width: 86%;
    margin-top: -104px;
    -ms-overflow-style: none;
}

    .lock-actions-modal::-webkit-scrollbar {
        display: none;
    }

    .lock-actions-modal .modal-dialog {
        width: 750px;
    }

        .lock-actions-modal .modal-dialog .modal-content {
            width: 750px;
        }

.lock-actions-container {
}

    .lock-actions-container .lock-actions-header {
        display: flex;
        justify-content: space-between;
        margin: 14px 19px 7px 19px;
        color: black;
    }

        .lock-actions-container .lock-actions-header .title {
            color: #000000;
            font-weight: bold;
            font-size: 15px;
        }

        .lock-actions-container .lock-actions-header .title .subtitle{
            font-weight: normal;
        }

        .lock-actions-container .lock-actions-header .close-button {
            background-color: #efefef;
            border: 1px solid #bdbebe;
            font-size: 10px;
            padding-top: 2px;
            padding-left: 4px;
            width: 13px;
        }

.message-and-swtich-container {
    display: flex;
    margin: 0px 20px 20px 20px;
}

    .message-and-swtich-container .message {
        width: 560px;
        margin-top: 2px;
    }

    .message-and-swtich-container .view-all {
        width: 85px;
        margin-top: 9px;
    }

    .message-and-swtich-container .switch {
        margin-top: 5px;
    }

.lock-actions-container .loan-data-container .column-name {
    display: flex;
    margin-bottom: 10px;
    margin-left: 14px;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

    .lock-actions-container .loan-data-container .column-name .imp-icon-question-mark {
        margin-top: -2px;
        margin-left: 5px;
    }

    .lock-actions-container .loan-data-container .column-name .column-2 {
        margin-left: 160px;
    }

        .lock-actions-container .loan-data-container .column-name .column-2 .lock-fulfilled,
        .lock-actions-container .loan-data-container .column-name .column-3 .current-loan-data {
            display: flex;
        }

            .lock-actions-container .loan-data-container .column-name .column-2 .lock-fulfilled .locked-data-tooltip-message {
                text-align: center;
                font-size: 12px;
                width: 238px;
                border: none;
            }

    .lock-actions-container .loan-data-container .column-name .date-and-name {
        font-size: 11px;
        color: #9d9d9d;
    }

    .lock-actions-container .loan-data-container .column-name .column-3 {
        margin-left: 60px;
    }

        .lock-actions-container .loan-data-container .column-name .column-3 .current-data-tooltip-message {
            text-align: center;
            font-size: 12px;
            width: 197px;
            border: none;
        }

.lock-actions-container .loan-data-container .coc-changes {
    overflow-y: auto;
    overflow-x: hidden;
    height: 360px;
}

    .lock-actions-container .loan-data-container .coc-changes .loan-info-box .info-section {
        background-color: #e5e5e5;
        padding: 6px 0px 6px 5px;
        margin-left: 25px;
        margin-right: 25px;
        margin-bottom: -8px;
        font-weight: bold;
        color: #676767;
    }

    .lock-actions-container .loan-data-container .coc-changes .loan-info-box .list-loan-info {
        display: grid;
        border-bottom: 1px solid #e5e5e5;
        margin: 0px 26px 4px 29px;
        line-height: 19px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr
    }

        .lock-actions-container .loan-data-container .coc-changes .loan-info-box .list-loan-info .field-name {
            width: 230px;
            color: #676767;
        }

        .lock-actions-container .loan-data-container .coc-changes .loan-info-box .list-loan-info .old-value {
            width: 252px;
            color: #9d9d9d;
        }

        .lock-actions-container .loan-data-container .coc-changes .loan-info-box .list-loan-info .new-value-true {
            color: red;
        }

.update-extend-container .loan-product-info-container {
    margin: 10px 20px 20px 20px;
}

.update-extend-container .loan-product-info-container .product-name {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
}

.update-extend-container .loan-product-info-container .product-name .product-code {
    font-weight: normal;
}

.update-extend-container .loan-product-info-container .product-info {
    font-weight: bold;
}

.update-extend-container .loan-product-info-container .product-info .font-color {
    color: #767676;
    font-weight: normal;
}

.upate-lock-container .detailed-info .column-name-row {
    display: flex;
    font-weight: bold;
    padding-bottom: 5px;
    color: #000000;
}

.upate-lock-container .detailed-info .column-name-row .col-2.row-1 {
    padding-left: 122px;
    width: 302px;
}

.upate-lock-container .detailed-info .adjustment-row {
    display: flex;
    margin: 10px 18px 40px 18px;
    color: #666666;
}

.upate-lock-container .detailed-info .price-row {
    display: flex;
    margin: 10px 18px 0px 18px;
    color: #666666;
}

.upate-lock-container .detailed-info .price-row .impacted-price{
    font-weight: bold;
}

.upate-lock-container .detailed-info .price-row .col-1.row-6,
.upate-lock-container .detailed-info .adjustment-row .col-1.row-3 {
    width: 105px;
}

.upate-lock-container .detailed-info .price-row .col-2.row-6 {
    width: 302px;
}

.upate-lock-container .detailed-info .adjustment-row .col-2.row-3,
.upate-lock-container .detailed-info .adjustment-row .col-3.row-6 {
    max-width: 300px;
}


.upate-lock-container .detailed-info .adjustment-row .col-2.row-3 .adjustment-and-description,
.upate-lock-container .detailed-info .adjustment-row .col-3.row-6 .adjustment-and-description {
    display: flex;
    margin-bottom: 8px;
}

.upate-lock-container .response {
    height: 100px;
    margin: 23px 0px 0px 18px;
    color: #333333;
    display: flex;
}

.upate-lock-container .lock-update-eligible {
    height: 100px;
    margin: 27px 0px 0px 18px;
    color: #333333;
}

.upate-lock-container .check-complete {
    font-size: 40px;
    color: #00BA6C !important;
    margin-right: 14px;
}

.upate-lock-container .response-header {
    font-size: 18px;
    padding-top: 17px;
}

.upate-lock-container .lock-update-eligible .message {
    font-size: 13px;
    font-style: italic;
}

.upate-lock-container .lock-update-eligible .submitting-lock-update {
    display: flex;
    margin-top: 10px;
}

.upate-lock-container .lock-update-loading .lock-update-status-container .response-header {
    padding-top: 37px;
}

.upate-lock-container .success-lock-update .lock-update-status-container .response-header {
    padding-top: 5px;
}

.upate-lock-container .failed-retrieving .lock-update-status-container .response-header,
.upate-lock-container .lock-update-not-eligible .lock-update-status-container .response-header,
.upate-lock-container .failed-lock-update .lock-update-status-container .response-header,
.upate-lock-container .pending-lock-update .lock-update-status-container .response-header {
    padding-top: 0px;

}

.upate-lock-container .success-lock-update .lock-update-status-container .response-body,
.upate-lock-container .failed-retrieving .lock-update-status-container .response-body,
.upate-lock-container .failed-lock-update .lock-update-status-container .response-body,
.upate-lock-container .lock-update-not-eligible .lock-update-status-container .response-body,
.upate-lock-container .pending-lock-update .lock-update-status-container .response-body {
    margin-top: 16px;
}

.upate-lock-container .lock-update-not-eligible .lock-update-status-container .disqualified-reason .reason {
    margin-top: 15px;
    font-weight: bold;
}

.upate-lock-container .lock-update-not-eligible .lock-update-status-container .disqualified-reason ul {
    padding-left: 0px;
    list-style-position: inside;
}

.upate-lock-container .lock-update-not-eligible .lock-update-status-container .disqualified-reason li {
    line-height: 15px;
}

.upate-lock-container .failed-retrieving .lock-update-status-container,
.upate-lock-container .failed-lock-update .lock-update-status-container,
.upate-lock-container .pending-lock-update .lock-update-status-container {
    margin-top: -6px;
}

.extend-lock-container {
    margin: 10px 18px 40px 18px;
}

    .extend-lock-container .column-name {
        display: flex;
        background-color: #f5f5f5;
        color: #999999;
        box-shadow: 0px 1px 1px #333333;
        margin-bottom: 6px;
        padding: 3px 6px;
    }

    .extend-lock-container .list-of-days {
        display: flex;
    }

        .extend-lock-container .chart .current-lock,
        .extend-lock-container .list-of-days .current-lock {
            width: 19%;
        }

    .extend-lock-container .chart .extension-cost {
        width: 30%;
    }

    .extend-lock-container .chart .price {
        width: 30%
    }

    .extend-lock-container .list-of-days .price {
        width: 29.6%;
    }

    .extend-lock-container .list-of-days .extension-cost {
        width: 29.8%
    }

    .extend-lock-container .days-to-extend .list-of-days {
        margin-bottom: 5px;
    }

        .extend-lock-container .days-to-extend .list-of-days .current-lock input,
        .extend-lock-container .days-to-extend .list-of-days .current-lock label {
            font-size: 12px;
        }

        .extend-lock-container .days-to-extend .list-of-days .service-failed-day {
            width: 15.9%;
            margin-left: 22px;
            margin-bottom: 5px;
        }

    .extend-lock-container .current-lock-data {
        margin-bottom: 3px;
        display: flex;
        color: #666666;
        padding: 3px 6px;
    }

    .extend-lock-container .days-to-extend {
        margin-left: 5px;
    }

        .extend-lock-container .days-to-extend .list-of-days .extension-cost.failed {
            color: red;
        }

        .extend-lock-container .days-to-extend .list-of-days {
        }

        .extend-lock-container .days-to-extend .custom-day {
        }

            .extend-lock-container .days-to-extend .custom-day input {
                color: #000000;
                border-color: #bdbebe;
                border-radius: 4px;
                width: 108px;
                height: 14px;
            }

            .extend-lock-container .days-to-extend .custom-day .not-valid {
                border-color: red;
            }

.extend-lock-loading {
    display: flex;
    margin-top: 20px;
}

    .extend-lock-loading .response-header,
    .extend-lock-container .submitting-LockExtension .response-header {
        font-size: 18px;
        margin-top: 16px;
    }

.extend-lock-container .some-service-failed,
.extend-lock-container .submitting-LockExtension,
.extend-lock-container .success-LockExtend,
.extend-lock-container .pending-LockExtension,
.extend-lock-container .failed-LockExtension {
    display: flex;
    margin-top: 13px;
}

    .extend-lock-container .some-service-failed cv-icon-service-failed {
        margin-left: 5px;
        margin-right: 8px;
    }


.lock-actions-container .lock-actions-footer {
    display: flex;
    justify-content: space-between;
    margin: 19px 20px 19px 10px;
}

    .lock-actions-container .lock-actions-footer .left-footer button {
        background-color: #ededed !important;
        width: 78px;
        font-size: 12px !important;
        color: #000000 !important;
    }

    .lock-actions-container .lock-actions-footer .right-footer .action-button {
        width: 115px;
        font-size: 12px !important;
    }

    .lock-actions-container .lock-actions-footer .right-footer .action-button.white-back {
        background-color: #FFFFFF !important;
        color: #208DDC !important;
        border: 1px solid #208DDC !important;
    }

    .lock-actions-container .lock-actions-footer .right-footer {
        display: flex;
    }

    .lock-actions-container .lock-actions-footer .right-footer .right-button {
        width: 115px;
        font-size: 12px !important;
    }

    .lock-actions-container .lock-actions-footer .right-footer .left-button {
        background-color: #FFFFFF !important;
        color: #208DDC !important;
        border: 1px solid #208DDC !important;
        width: 115px;
    }

    .lock-actions-container .lock-actions-footer .right-footer .right-button:disabled,
    .lock-actions-container .lock-actions-footer .right-footer .left-button:disabled{
        pointer-events: none;
    }

    .lock-actions-container .lock-actions-footer .right-footer .submit-lock-update-button,
    .lock-actions-container .lock-actions-footer .right-footer .ok-button,
    .lock-actions-container .lock-actions-footer .right-footer .submit-extend-lock-button,
    .lock-actions-container .lock-actions-footer .right-footer .get-extension-costs-button,
    .lock-actions-container .lock-actions-footer .right-footer .submit-lock-extension-button {
        width: 175px;
    }

    .lock-actions-container .lock-actions-footer .right-footer .tooltip-message {
        text-align: center;
        font-size: 12px;
    }

.lock-actions-container hr {
    margin: 0px 18px;
    border-color: #bcbebe;
}

/*#endregion lockActions modal*/

/*#region loantaxdata*/

.loan-tax-data {
    width: 1100px;
}

.loan-tax-data .header .border {
    padding-bottom: 5px;
    border-bottom: 1px solid #BDBFBF;
}

.loan-tax-data .header .title {
    font-weight: bold;
    color: #000000;
    font-size: 15px;
}

.loan-tax-data > .header {
    width: 100%;
}

.loan-tax-data .header .tab-container {
    min-height: 20px;
}

.loan-tax-data .disclaimer {
    font-size: 12px;
    color: #767676;
}

.loan-tax-data .section-title {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    margin-right: 2px;
}

.loan-tax-data .ltd-content {
    float: left;
    overflow: auto;
    width: 100%;
}

.loan-tax-data .zipdata {
    width: 480px;
    margin-top: 33px;
    margin-left: -80px;
    z-index: 1920;
    position: absolute;
    box-shadow: 2px 2px 8px 3px #A9A9A9;
}

.loan-tax-data .add-item {
    display: flex;
    padding-top: 3px;
    margin-left: -6px;
}

.loan-tax-data .content .add-new-record .add-item .circle {
    vertical-align: middle;
    margin-top: -0.5%;
    float: left;
}

.loan-tax-data .imp-span-ddl-container:after {
    content: "\25BC";
    font-size: 0.71em;
    transform: scale(1.1, 1.1);
    height: 1em;
    line-height: 1;
    margin-top: -0.5em;
    right: 0.7em;
    top: 50%;
    pointer-events: none;
    position: absolute;
    color: #000000;
}

.loan-tax-data .pgrid .container {
    width: 100%;
    padding: 0;
    margin-top: 0.75%;
    overflow: hidden;
    display: initial;
}

.loan-tax-data .pgrid .row {
    height: 30px;
    margin: 0;
    display: flex;
    align-items: center;
}

.loan-tax-data .pgrid .row .imp-span-ddl-container.medium {
    width: 99.7%;
}

.loan-tax-data .pgrid .container {
    width: 100%;
    padding: 0;
    margin-top: 0.75%;
    overflow: hidden;
}

.loan-tax-data .pgrid .imp-select-box-container .items-list-container {
    min-width: 100px;
    min-height: 10px;
    border: 1px solid #B1B2B3 !important;
    position: absolute;
    margin-top: 1px;
    z-index: 99;
    background-color: white;
    display: none;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 99.5%;
}

.loan-tax-data .pgrid .imp-select-box-container .items-list-container .item {
    padding: 2px;
}

.loan-tax-data .pgrid .imp-select-box-container .items-list-container .item:hover {
    cursor: pointer;
    background-color: #1D8FFF;
    color: white;
}

.loan-tax-data .pgrid .row .text-pill {
    border-radius: 50px;
    padding: 4px 7px;
    box-sizing: border-box;
    display: inline-block;
}

.loan-tax-data .pgrid .row .ltd-gray {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
    width: 56%;
    text-align: center;
}

.loan-tax-data .pgrid .row .ltd-green {
    background-color: #C7F4D9;
    border: 1px solid #C7F4D9;
}

.loan-tax-data .pgrid .row .ltd-blue {
    background-color: #AFEDFF;
    border: 1px solid #AFEDFF;
}

.loan-tax-data .pgrid .edit-row {
    height: 30px;
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 0.5%;
}

.loan-tax-data .pgrid .edit-row-content {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
}

.loan-tax-data .pgrid .edit-row-address {
    height: 60px;
    margin: 0;
    display: flex;
    align-items: center;
    /*margin-bottom: -5px;
    margin-top : 1%;*/
}

.loan-tax-data .pgrid .col-expand {
    position: absolute;
}

.loan-tax-data .pgrid .col-expand .imp-sa-grid-row-collaps.right {
    margin-left: -15px;
    margin-top: -1px;
}

.loan-tax-data .pgrid .col-expand .imp-sa-grid-row-collaps.down {
    margin-left: -20px;
    margin-top: 2px;
}

.loan-tax-data .pgrid .col-collapse {
    position: absolute;
}

.loan-tax-data .pgrid .col-ltd-1 {
    width: 18%;
}

.loan-tax-data .pgrid .col-ltd-2 {
    width: 34%;
    margin-right: 1%;
}

.loan-tax-data .pgrid .col-ltd-3 {
    width: 3%;
}

.loan-tax-data .pgrid .col-ltd-4 {
    width: 24%;
}

.loan-tax-data .pgrid .col-ltd-5-right {
    margin-right: 1%;
    width: 48%;
    position: relative;
}

.loan-tax-data .pgrid .col-ltd-5-left {
    margin-left: 1%;
    width: 47%;
    position: relative;
}

.loan-tax-data .pgrid .imp-span-ddl-container {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 22px;
}

.loan-tax-data .pgrid .imp-span-ddl-container .medium {
    height: 22px;
    width: 100%;
}

.loan-tax-data .pgrid .imp-select-box {
    background-color: white;
    width: 100%;
    text-align: left;
    overflow: hidden;
    height: 23px;
    font-size: 12px;
}

.loan-tax-data .pgrid .imp-span-ddl-container-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 16px;
    width: 97%;
}

.loan-tax-data .pgrid .imp-span-ddl-container-input .medium {
    height: 16px;
    width: 99.75%;
}

.loan-tax-data .pgrid .imp-psection-row {
    margin: 5px 0px;
    line-height: 21px;
}

.loan-tax-data .pgrid .imp-psection-row-address {
    margin: 5px 0px;
    height: 65px;
    line-height: 15px;
}

.loan-tax-data .pgrid .imp-psection-row-address div {
    padding: 0px;
}

.loan-tax-data .alert-section {
    background-color: #FFF5D6;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    display: flex;
    height: 30px;
    width: 964px;
    margin-bottom: 25px;
}

.loan-tax-data .alert-section .message-box {
    margin-left: 17px;
    line-height: 28px;
}

.loan-tax-data .alert-section .message {
    padding: 9px 0px 2px 14.67px;
}

.loan-tax-data .alert-section .icon {
    margin-top: 3px;
    margin-left: 9px;
    margin-right: -11px;
    float: left;
}

.loan-tax-data .pgrid .invalid-row {
    background-color: #FDEAEA;
}

.loan-tax-data .max-forms-warning {
    height: 30px;
    width: 694px;
    background-color: #E5E5E5;
    padding-left: 12px;
    font-family: Arial;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
}

.loan-tax-data .warnings .warning-container:last-child {
    margin-bottom: 30px;
}

.loan-tax-data .warnings .warning-container {
    width: 964px; 
    height: 30px; 
    background-color: #FFF5D6; 
    padding: 3px;
    margin-bottom: 10px;
}
.usda .warning-container {
    width: 1100px;
    background-color: #FFDF78;
    margin-bottom: 10px;
}
.usda .warning-container {
    width: 1100px;
    background-color: #FFDF78;
    margin-bottom: 10px;
}

.usda .warnings .warning-container .warning-exclamation {
    position: absolute;
    width: 20px;
    height: 20px;
    border-left: 10px solid transparent;
    background: url('LoanCenterSprite.png') no-repeat -200px -430px;
    border-right: 10px solid transparent;
    margin-left: 4px;
    margin-top: 6px;
    margin-right: 6px;
}

.loan-tax-data .warnings .warning-container .warning-exclamation {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #FFC200;
    margin-left: 8px;
    margin-top: 4px;
}

    .loan-tax-data .warnings .warning-container .warning-exclamation:after {
        position: absolute;
        content: "!";
        font-size: 13px;
        color: #000000;
        top: 2px;
        left: -2px;
        font-weight: bold;
    }
    
.loan-tax-data .warnings .warning-container .warning-text,
.usda .warnings .warning-container .warning-text {
    font-family: Arial;
    font-style: normal;
    font-size: 12px;
    color: #000000;
    margin-left: 35px;
    line-height: 30px;
}

.loan-tax-data .imp-psection-row-address .imp-span-ddl-container.ltd-state:after {
    color: #000000;
}

.loan-tax-data .imp-psection-row-address .imp-span-ddl-container.ltd-state:before {
    background-color: inherit;
}
/*--------------------------*/
/*#endregion loantaxdata*/

/*#region registerLock*/
.register-loan .header .tab-container {
	border-bottom: 0;
}
.register-loan .product-name {
	font-size: 17px;
	display: inline-block;
	width: 335px;
	color: #000000;
}
.register-loan .borrower-needslist-title {
	font-weight: bold;
	color: #000000;
	font-size: 15px;
	display: inline-block;
	margin-top: 30px;
}
.register-loan .closing-costs-title {
	display: inline-block;
}
.register-loan .borrowers-needslist-link, .register-loan .closing-costs-link {
	display: inline-block;
	margin-left: 58px;
	color: #208DDC;
	font-size: 12px;
	cursor: pointer;
}
.register-loan .closing-costs-link {
	float: right;
}
.register-loan .section-2 {
    margin-left: 2%;
    width: 67%;
}
.register-loan .section-2.header {
    width: 34.5%;
}
.register-loan .section-1 {
	width: 335px;
}
.register-loan .section-3 {
    width: 33%;
    float: left;
}
.register-loan .section-3 .col-sml {
    margin-top: 24px;
}
.register-loan .section-3 .imp-span-ddl-container {
    margin-left: 29px;
    width: 57%;
    margin-top: 18px;
}
.register-loan .lbl-name {
	font-size: 12px;
	color: #9D9D9D;
}
.register-loan .imp-text-enhanced-color {
	color: #1FB25A;
	font-size: 13px;
}
.register-loan .imp-text-enhanced-and bold {
	font-size: 15px !important;
	font-weight: bold;
}
.register-loan .imp-main-buttons-div {
    margin-bottom: 35px;
}
.register-loan .lbl {
	padding-bottom: 5px;
	border-bottom: 1px solid #BDBEBE;
	font-weight: bold;
	color: #000000;
	font-size: 15px;
}
.register-loan .bnlgrid {
	margin-top: 9px;
}
.register-loan .col-sml {
	float: left;
	min-width: 10.3%;
	margin-left: 7%;
}
.register-loan .loan-officer-grid .value {
	padding-bottom: 7px;
	border-bottom: 1px solid #BDBEBE;
	font-size: 13px !important;
	font-weight: normal;
}
.register-loan .loan-officer-grid .header .title .lbl {
	padding-bottom: 5px;
	padding-top: 9px;
}
.register-loan .register-loan-bold {
	font-weight: bold !important;
}
.register-loan .bnl-count-box .inline {
	font-size: 15px;
	color: #000000;
}
	.register-loan .bnl-count-box {
	border-radius: 288px;
	border: 1px solid #BDBEBE;
	padding: 5px 15px;
	box-sizing: border-box;
	width: 204px;
	margin-bottom: 6px;
}
.register-loan .section-1 .top-position {
	margin-top: 30px;
	width: 50%;
	float: left;
}
.register-loan .lo-table {
	width: 97% !important;
}
.register-loan .bnl-status-icon.warning {
	color: #FFA300;
}
.register-loan .bnlgrid .success {
	color: #1FB25A;
}
.register-loan .bnl-status-icon {
	font-size: 15px;
}
.register-loan .bnl-count-number {
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}
.register-loan .section-2 .top-position {
	margin-top: 30px;
	width: 45.5%;
	margin-left: 4%;
	float: left;
}
.register-loan .section-2 .pgrid:not(.investor-price) {
 margin-top: 0; 
}
.register-loan .payment-info .col-l{
	width: 46% !important;
	font-size: 12px;
	color: #9D9D9D !important;
}
 .register-loan .lbl-value {
	font-size: 12px;
	color: #000000 !important;
}
.register-loan .closing-cost-section .col-l {
	font-size: 12px;
	color: #9D9D9D !important;
	width: 80% !important;
}
.register-loan .closing-costs-details {
	width:335px !important;
	float: right !important;
}
.register-loan .imp-header-text-enhanced {
	font-weight: bold;
	font-size: 17px;
	display: block;
}
.register-loan .col-sml:first-child {
	margin-left: 6.5% !important;
}
.register-loan .locking-info .col-l {
	width: 55%;
	font-size: 12px;
	color: #9D9D9D !important;
}
.register-loan .locking-info .col-xxl {
	width: 61%;
}
.register-loan .product-info {
	width: 100% !important;
}
.register-loan .cash-from-borrower, .register-loan .cash-from-borrower-text {
	color: #EF1429;
	font-size: 12px;
}
.register-loan .section-2 .pgrid .container > .row:first-child > div > span {
	color: #000000;
}
.register-loan .imp-disclaimer {
	color: #9D9D9D !important;
	font-size: 12px;
}
.register-loan .col-paidby.nnl-blue {
	color: #208DDC;
}
.register-loan .imp-text-final-loan-officer {
	font-size: 15px;
	color: #000000;
}
.register-loan .imp-text-enhanced-and-bold {
	font-weight: bold !important;
	font-size: 15px;
	color: #1FB25A;
}
.register-loan .loan-officer-grid .container .row:first-child {
	margin-top: 0;
}
.register-loan .section-2 .loan-officer-grid .row.total .col-xl span, .register-loan .section-2 .loan-officer-grid .row.total .col-xs span {
	font-size: 13px;
}
.register-loan .section-2 .loan-officer-grid .row.total .col-xs span {
	font-weight: normal;
}
/*#endregion registerLock*/
/*#region VALoanAnalysis*/
.va-loan-analysis {
	width: 1100px;
}

    .va-loan-analysis .tabs {
        display: block;
        width: 1060px;
        height: 35px;
        margin-left: 0px;
        float: left;
        background-position: 0px 320px;
        margin-top: 0;
    }

        .va-loan-analysis .tabs .imp-tab-text {
        width: inherit;
        position:relative
        }

    .va-loan-analysis .imp-tab-text .name {
        padding-left: 29px;
        padding-right: 25px;
    }

    .va-loan-analysis .all-products-indicator.active {
        position: relative;
        background-color: #1da955;
        height: 3px !important;
        width: 100% !important;
        margin-top: 5px;
    }

        .va-loan-analysis .all-products-indicator.active:before {
            z-index: -1;
            position: absolute;
            bottom: -260%;
            left: 70%;
            margin-left: -30%;
            content: '';
            width: 0;
            height: 0;
            border-top: 10px solid #1da955;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
        }

        .va-loan-analysis .all-products-indicator.active:after {
            z-index: 2;
            position: absolute;
            top: -90%;
            left: 70%;
            margin-left: -30%;
            content: '';
            width: 0;
            height: 0;
            border-top: 10px solid #FFFFFF;
            border-left: 11px solid transparent;
            border-right: 11px solid transparent;
        }

.va-loan-analysis .content {
    width: 100%;
}

.va-loan-analysis .sub-content-left {
    float: left;
    width: 48%;
    overflow: auto;
}

.va-loan-analysis .sub-content-right {
    float: right;
    width: 48%;
    overflow: auto;
}

.va-loan-analysis .sub-content-full {
    width: 100%;
    overflow: auto;
}

.va-loan-analysis .sub-content-left .sub-content,
.va-loan-analysis .sub-content-right .sub-content,
.va-loan-analysis .sub-content-full .sub-content {
    clear: both;
}

.va-loan-analysis .section-a,
.va-loan-analysis .section-b,
.va-loan-analysis .section-c,
.va-loan-analysis .section-d,
.va-loan-analysis .section-e {
    margin-top: 22px;
}

.va-loan-analysis .section-name {
    font-weight: bold;
    color: #1fb25a;
    margin-bottom: 10px;
    font-size: 15px;
}

.va-loan-analysis .pgrid .divider {
    background-color: #1fb25a;
    height: 1px;
    clear: both;
}

.va-loan-analysis .pgrid .container, 
.va-loan-analysis .pgrid .header {
    width: 100%;
    padding: 0;
}

.va-loan-analysis .pgrid .container > .row,
.va-loan-analysis .pgrid .container > .row,
.va-loan-analysis .pgrid .container > .row,
.va-loan-analysis .pgrid .container > .row {
    height: 30px;
    margin: 0;
    display: flex;
    align-items: center;
}

.va-loan-analysis .section-d .pgrid .container .row:first-child,
.va-loan-analysis .section-e .pgrid .container .row:first-child {
    height: 35px;
    font-weight: bold;
    text-align: center;
}

.va-loan-analysis .pgrid .container .row.total {
    background-color: #efefef;
    font-size: 14px;
    font-weight: bold;
}

.va-loan-analysis .pgrid .container .row.total .col-xxl:first-child {
    text-indent: 0.5em;
}

.va-loan-analysis .pgrid .container .row.total .col-l:last-child {
    text-indent: 0.5em;
}

.va-loan-analysis .col-l,
.va-loan-analysis .col-xl,
.va-loan-analysis .col-xxl,
.va-loan-analysis .col-xxl-special {
    position: relative;
    min-height: 1px;
    float: left;
    display: flex;
    align-items: center;
}

.va-loan-analysis .section-a .col-m,
.va-loan-analysis .section-a .col-l,
.va-loan-analysis .section-a .col-xl,
.va-loan-analysis .section-b .col-m,
.va-loan-analysis .section-b .col-l,
.va-loan-analysis .section-c .col-m,
.va-loan-analysis .section-c .col-l,
.va-loan-analysis .section-d .col-m,
.va-loan-analysis .section-d .col-l,
.va-loan-analysis .section-e .col-l {
     float: right;
     text-align: right;
     display: block;
}
    .va-loan-analysis .section-d .col-m {
            margin-left: 1%;
    }

.va-loan-analysis .section-a .col-l,
.va-loan-analysis .section-b .col-l,
.va-loan-analysis .section-c .col-l,
.va-loan-analysis .section-d .col-l,
.va-loan-analysis .section-e .col-l  {
    width: 35%;
}

.va-loan-analysis .section-d .col-xl  {
    width: 45%;
}

.va-loan-analysis .section-a .col-xxl,
.va-loan-analysis .section-b .col-xxl,
.va-loan-analysis .section-c .col-xxl,
.va-loan-analysis .section-d .col-xxl {
    width: 170%;
}

.va-loan-analysis .section-e .col-xxl {
    width: 140%;
}

.va-loan-analysis .section-e .col-l .dollar-label,
.va-loan-analysis .section-e .col-l .title-label {
    float: left;
    padding-left: 38%;
}

.va-loan-analysis .section-e .col-l .value-label {
    float: right;
}

.va-loan-analysis .section-e .row.simple .col-l .dollar-label {
    padding-left: 56%;
}

.va-loan-analysis .pgrid .container .row.dropdowns {
    background-color:#efefef;
    font-weight: bold;
    margin: auto;
}

.va-loan-analysis .pgrid .container .row.dropdowns .col-l {
    width: auto;
    align-items: center;
    display: flex;
    float: left;
    margin-right: 10px;
}

.va-loan-analysis .pgrid .container .row.dropdowns .col-l select {
    width: 120px;
    margin-left: 0.5em;
}

.va-loan-analysis .pgrid .container .row.dropdowns .col-l span {
    margin-left: 0.5em;
    white-space: nowrap;
}

.va-loan-analysis .section-c .col-xxl-special {
    width: 500px;
}

.va-loan-analysis .section-c .col-m-special {
    width: 200px;
    display: flex;
    align-items: center;
    float: right;
    padding-right: 15px;
}

.col-m-special span {
    margin-right: 5px;
}

.va-loan-analysis input[type="text"] {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
    width: 93px;
}

.va-loan-analysis .section-a .col-xl {
    width: 210%;
}

.va-loan-analysis .section-d .col-xl select {
    width: 90%;
    margin-left: 10%;
    margin-right: 10%;
}

.va-loan-analysis .section-e .col-l input {
    float: right;
}

.va-loan-analysis .section-e .va-loan-analysis-label {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.va-loan-analysis .pgrid .container > .row.remarks {
    height: 50px;
}

.va-loan-analysis .section-e .remarks {
    margin-top: 20px;
    margin-bottom: 10px;
}

.va-loan-analysis .section-e .remarks-textarea {
    width: 98.8%;
    max-width: 98.8%;
}

.va-loan-analysis .section-c .col-m-special .imp-lb-checkbox{
    padding-right: 0px;
    width: 115px;
    color: #9c9c9c;
    font-size: 12px;
}

/*#endregion VALoanAnalysis*/

/* Investor List*/

.investor-list-simple-modal-message,
.product-list-simple-modal-message {
    font-size: 14px;
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 10px;
}
.investor-list-simple-yes-button,
.product-list-simple-yes-button {
    margin-left: -130px;
}
/*#region Default Costs*/

.imp-main-buttons-div.defaultcosts-button-outer-container .horizontal-separator {
    line-height: 30px;
    width: 100%;
    border-bottom: 3px solid #1fb25a;
}
.imp-main-buttons-div.defaultcosts-button-outer-container {
    width: 100%;
    margin-top: 50px;
}
.imp-defaultcosts-save-btn-main-container {
    float: right;
    margin-top: 10px;
}
.imp-main-buttons-div.defaultcosts-footer {
    width: 100%;
    margin-top: 50px;
}
.imp-main-buttons-div.defaultcosts-footer .horizontal-separator {
    line-height: 30px;
    width: 100%;
    border-bottom: 3px solid #1fb25a;
}
.defaultcosts-footer-btn-main-container {
    float: right;
    margin-top: 10px;
}
.defaultcosts-save-btn {
    font-size: 12px;
    margin: 0;
    width: 75px;
}
.defaultcosts-cancel-btn {
    font-size: 12px;
}
/*#endregion Default Costs*/


/*#region Queue*/

.queue-contextual-bar,
.queue-bottom-table-bar {
    border-bottom: 1px solid #bdbebe;
    left: 0;
    margin: auto;
    right: 0;
    position: relative;
    background-color: white;
    z-index: 1000;
    overflow: visible;
}
.queue-bottom {
    height: 40px;
    width: 100%;
}
.contactQueue {
    width: 1300px;
    padding-right: 17px;
    margin-left: -110px;
    min-height: 200px;
}
.globalContactsConfirmation {
    height: 170px;
}
.globalContactsConfirmation .modal-inner-body .warning {
    width: 100%;
    align-content: center;
    display: flex;
}
.globalContactsConfirmation .modal-inner-body .warning .title {
    width: 129px;
    font-size: 17px;
    color: #000000;
}
.globalContactsConfirmation .message {
    font-size: 15px;
    font-weight: normal;
    white-space: pre;
    text-align: left;
    margin: 10px 0 15px 26px;
    color: #000000;
}
.globalContactsConfirmation .buttons .functional-buttons .declineButton {
    width: 80px;
    height: 30px;
    padding-top: 7px;
    float: right;
    margin-right: 26px;
}

.product-list {
    justify-content: space-between;
    align-items: center;
}

.product-list-header {
    display: flex;
    align-items: center;
    flex: 1;
}

.product-list-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 2;
}

.product-list-action-item {
    display: flex;
    align-items: center;
    padding-left: 1rem;
}

.product-list-action-item-icon {
    padding-right: .5rem;
}

.flip .ddl-button,
.queue-contextual-bar .ddl-button,
.queue-bottom-table-bar .ddl-button {
    color: #000000 !important;
    text-shadow: none;
    width: 220px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 3px 0 18px;
    height: 20px;
}
.flip .ddl-button,
.queue-bottom-table-bar .ddl-button {
    font-size: 12px;
    color: #000000;
    width: 100px;
    padding: 7px 3px 0 0px;
}
.flip .ddl-button {
    width: 70px;
}
.queue-bottom-table-bar .table-size .ddl-button {
    font-size: 12px;
    color: #000000;
    width: 85px;
}
.flip .arrow,
.queue-contextual-bar .arrow,
.queue-bottom-table-bar .arrow {
    border-color: #208DDC rgba(0, 0, 0, 0);
    color: #208DDC;
    margin-left: 130px;
    -webkit-margin-start: 140px;
    padding-top: 18px;
}
.flip .arrow,
.queue-bottom-table-bar .arrow {
    margin-left: 95px;
    -webkit-margin-start: 90px;
}
.queue-bottom-table-bar .table-size .arrow {
    margin-left: 75px;
    -webkit-margin-start: 70px;
}
.queue-contextual-bar .divider {
    border-right: 1px solid #d8d8d8;
    width: 1px;
    height: 20px;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 1;
}
.queue-contextual-bar .queue-contextual-bar-loader {
    position: relative;
    left: 260px;
}
.queue-contextual-bar .first-divider {
    margin-left: -35px !important;
}
.queue-contextual-bar .selected {
    width: 190px;
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
    margin-left: 30px;
}
.queue-contextual-bar .product-list__header__title {
    margin-top: 0rem;
}
.queue-contextual-bar .items,
.queue-bottom-table-bar .items {
    width: 1267px;
    margin: auto;
    padding: 0px 0px;
    display: flex;
}

.queue-contextual-bar .product-list {
    padding-top: .5rem;
}

.queue-bottom-table-bar .items .number-of-records {
    float: left;
    font-size: 12px;
    color: #9d9d9d;
    margin-left: 18px;
    flex-grow: 6;
    padding-top: 10px;
}
.queue-contextual-bar .items .number-of-records,
.queue-contextual-bar .items .clear-all-filter,
.queue-contextual-bar .items .refresh {
    float: left;
    font-size: 12px;
    color: #9d9d9d;
    margin-left: 18px;
    margin-right: 18px;
    padding-top: 12px;
    z-index: 1;
}
.queue-contextual-bar .items .add-fee {
    float: left;
    font-size: 12px;
    color: #9d9d9d;
    margin-left: 10px;
    padding-top: 12px;
    z-index: 1;
}
.queue-contextual-bar .items .add-fee .imp-icon-add {
    margin-top: -2px;
    margin-right: 3px;
}
.queue-contextual-bar .items .add-fee .hyperlink {
    padding-top:2px;
}
.queue-contextual-bar .items .clear-all-filter,
.queue-contextual-bar .items .add-fee,
.queue-contextual-bar .items .refresh {
    display: flex;
}
.queue-contextual-bar .items .refresh .imp-icon-refresh {
    margin-top: -1px;
    margin-left: 4px;
}
.queue-contextual-bar .items .clear-all-filter .imp-icon-clear {
    margin-top: -2px;
    margin-right: 3px;
}
.queue-bottom-table-bar .items .column-options {
    cursor: pointer;
    color: #208ddc;
}
.queue-bottom-table-bar .items .show-text {
    width: 45px;
    padding-top: 10px;
    float: left;
}
.queue-bottom-table-bar .items .table-size-text {
    width: 65px;
    float: left;
    padding-top: 10px;
}
.queue-bottom-table-bar .items .show {
    font-size: 12px;
    color: #767676;
    width: 170px;
    float: right;
}
.queue-bottom-table-bar .items .table-size {
    font-size: 12px;
    color: #9d9d9d;
    width: 170px;
    float: right;
}
.queue-bottom-table-bar {
    border-top: 1px solid #bdbebe;
    border-bottom: none;
    height: 40px;
    left: 0;
    margin: auto;
    right: 0;
    background-color: white;
    z-index: 1000;
    overflow: visible;
    position: absolute;
    display: flex;
}
.queue-contextual-bar .btn-group-parent {
    width: 222px;
}
.flip .queue-bottom-table-bar .btn-group-parent {
    width: 105px;
}
.queue-contextual-bar .items .ddl-item,
.queue-bottom-table-bar .items .ddl-item {
    margin-left: 7px;
    margin-top: 8px;
    width: 140px;
}
.queue-contextual-bar .items .button-item,
.queue-bottom-table-bar .items .button-item {
    margin-left: 7px;
    margin-top: 8px;
}
.queue-contextual-bar .items .hyperlink {
    cursor: pointer;
}
.queue-contextual-bar .items .hyperlink:hover {
    text-decoration: none;
}
.queue-contextual-bar .dropdown-menu {
    right: 0px !important;
    position: relative !important;
    margin-top: 2px !important;
    margin-left: 15px !important;
}
.queue-bottom-table-bar .dropdown-menu {
    right: 0px;
    position: absolute;
    margin-left: -3px;
}
.queue-bottom-table-bar .table-size .dropdown-menu {
    margin-top: -85px;
}
.flip .dropdown-menu > li > a:hover,
.queue-contextual-bar .dropdown-menu > li > a:hover,
.queue-bottom-table-bar .dropdown-menu > li > a:hover {
    cursor: pointer;
}
.queue-contextual-bar .queue-refresh {
    margin: 10px 14px 0px 18px;
}
.borrower-names .imp-multiborrower-icon {
    float: right;
    cursor: pointer;
    margin-right: 8px;
    margin-left: 8px;
    z-index: 2;
    position: relative;
}
.multiborrower-popup .header {
    width: 100%;
    color: #b5b6b6;
    float: left;
    margin-left: 2px;
}
.multiborrower-popup .app-id {
    width: 20px;
    float: left;
    text-align: left;
    font-size: 12px;
}
.multiborrower-popup .flag {
    width: 20px;
    float: left;
}
.multiborrower-popup .borrower-name {
    width: 125px;
    float: left;
    text-align: left;
    margin-left: 9px;
    font-size: 12px;
}
.multiborrower-popup .body .item {
    width: 98%;
    margin-top: 8px;
    float: left;
    border-left: 2px solid #b5b6b6;
}
.multiborrower-popup .body .item .borrower {
    width: 100%;
    float: left;
}
.multiborrower-popup .body {
    margin-top: 20px;
    width: 100%;
}
.multiborrower-popup .body .item .app-id {
    color: #000000;
    margin-left: 5px;
}
.multiborrower-popup .body .item .flag {
    color: #b5b6b6;
    text-align: left;
}
.multiborrower-popup .body .item .borrower-name {
    width: 150px;
    color: #000000;
    margin-left: 5px;
}
.multiborrower-popup .body .item .coborrower {
    width: 100%;
    float: left;
    color: #000000;
    margin-top: 8px;
}
/*#endregion Queue*/


/*#region ErrorModalWindow*/

.custom-modal-error {
    width: 400px;
    height: 140px;
    display: table !important;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 3100 !important;
}
.custom-modal-error .modal-dialog,
.custom-modal-error .modal-body {
    display: table-cell;
    vertical-align: middle;
}
.custom-modal-error .modal-content {
    margin: auto auto;
}
.custom-modal-error .modal-body {
    font-weight: bold;
    text-align: left;
    padding-top: 0px;
}
.custom-modal-error .modal-body .notice {
    margin-bottom: 5px;
    margin-top: 0px;
    height: 32px;
    display: flex;
}
.custom-modal-error .modal-body .notice .notice-label {
    font-size: 18px;
    color: #000000;
    padding-top: 1px;
    padding-left: 3px;
}
.custom-modal-error .modal-body .ok {
    width: 75px;
    height: 26px;
    float: right;
    margin-top: 20px;
}
.custom-modal-error .modal-dialog,
.custom-modal-error .modal-content,
.custom-modal-error .modal-body {
    width: 400px;
    height: 175px;
}

.custom-modal-error.lg .modal-dialog,
.custom-modal-error.lg .modal-content,
.custom-modal-error.lg .modal-body {
    width: 600px;
}

.custom-modal-error.pricing-list-error .modal-content {
    height: auto;
}

.custom-modal-error.pricing-list-error .missing-data-list {
    padding-top: 15px;
    line-height: 16px;
}

.custom-modal-error.pricing-list-error .missing-data-list li {
    line-height: 16px;
}

.custom-modal-error .pricing-list-notice-modal-body {
    height: auto;
    padding: 20px;
}


.flexible-body-size .modal-content {
    display: inline-block;
    white-space: nowrap;
    height: auto;
    width: auto;
    padding: 6px 6px 6px 6px;
}
.default-costs-error-modal-window .modal-content {
    padding-top: 15px;
    padding-right: 10px;
    height: 325px;
}
.default-costs-flyout-error-modal-window .modal-content {
    padding-top: 15px;
    height: 183px;
}
.white-space-pre-line {
    white-space: pre-line;
}

.font-size-for-prior-disclosures-error-modal {
    font-size: 16px !important;
}

.font-weight-for-prior-disclosures-error-modal {
    font-weight: normal;
}
/*#endregion ErrorModalWindow*/

.ld-grid-contrl .item .total-bold {
    font-weight: bold;
}
.imp-lcgrid .item .total-bold {
    font-weight: bold;
}
.ld-grid-contrl .item .mb-grand-total {
    font-weight: bold;
    color: #1fb25a;
}
.ld-grid-contrl .item .grand-subtotal {
    color: #1fb25a;
}
/*#region Document Library Modal*/

.documentlibrary-modal {
    height: 510px;
    width: 560px;
}
.documentlibrary-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}
.documentlibrary-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
}
.documentlibrary-modal-content {
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
.documentlibrary-modal-content .column {
    width: 245px;
}
.documentlibrary-modal-content .column .header {
    float: left;
    width: 100%;
    height: 25px;
    font-size: 15px;
    color: #9d9d9d;
}
.documentlibrary-modal-content .column .field-box {
    float: left;
    height: 365px;
    width: 100%;
    border: 2px solid;
    color: #eee;
    box-sizing: border-box;
}
.doclibrary-notification-window .modal-content {
    text-align: center;
    padding: 20px;
    min-width: 350px;
}
.doclibrary-notification-window .modal-content div {
    padding-bottom: 5px;
}
.doclibrary-notification-window .modal-content div.header {
    font-size: 17px;
    font-weight: bold;
}
/*#endregion Document Library Modal*/


/*Document Library Modal Window*/

.documentlibrary-modal {
    min-width: 740px;
    min-height: 470px;
}
.doc-library {
    width: 662px;
    margin: 0 auto;
}
.doc-library .doc-list {
    padding-top: 10px;
}
.doc-library .doc-heading {
    color: #1FB25A;
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 2px solid #1FB25A;
}
.doc-library .col1,
.doc-library .col2,
.doc-library .col3 {
    float: left;
    padding: 5px;
}
.doc-library .col3 {
    padding-right: 0;
}
.doc-library .col1 {
    padding-left: 0;
}
.doc-library .col2 {
    padding-top: 140px;
}
.doc-library .col2 button {
    margin-bottom: 10px;
    text-align: center;
}
.doc-library .cancel-doc-btn {
    margin-right: 5px;
}
.doc-library .borrower-dropdown {
    height: 30px;
}
.doc-library.main-cntr .doc-list select {
    width: 300px;
    height: 270px;
    padding: 5px;
    overflow: auto;
}
.doc-library.main-cntr .doc-list .col3 select {
    height: 295px;
    padding-right: 0;
}
.doc-library.main-cntr .search {
    width: 296px;
    padding-left: 0;
    margin-left: 0;
}
.doc-library .borrower-cntr,
.doc-library .controls-cntr {
    clear: both;
    padding: 10px 0 10px 10px;
    overflow: hidden;
}
.doc-library .borrower-cntr span {
    float: right;
    padding-right: 10px;
    line-height: 29px;
}
.doc-library .borrower-cntr select {
    float: right;
    padding-right: 0;
}
.doc-library .controls-cntr button {
    float: left;
}
.doc-library .sub-header {
    font-size: 12px;
    font-weight: bold;
}
.doc-library div.sub-header {
    padding-bottom: 10px;
}
.doc-library .shift-cntr {
    float: right;
}
.doc-library .imp-icon-blue-thin-arrow-up {
    background-position: -117px -222px;
    height: 18px;
    width: 13px;
    cursor: pointer;
    display: inline-block;
}
.doc-library .imp-icon-blue-thin-arrow-down {
    background-position: -137px -222px;
    height: 18px;
    width: 13px;
    cursor: pointer;
    display: inline-block;
}
.doc-library .imp-icon-blue-thin-arrow-up,
.imp-icon-blue-thin-arrow-down {
    background-image: url(LoanCenterSprite.png);
    background-repeat: no-repeat;
}
.doc-library .documentlibrary-modal {
    width: 750px;
}
/*End: Document Library Modal Window*/

/*#region Assignments Modal*/

.contact-popover-row {
    display: inline-block;
    float: left;
    padding-left:5px;
    clear:both;
    padding-bottom:5px;
}
.contact-popover-text {
    padding-left:5px;
    float: left;
    color: black;
}
.imp-icon-contact-disabled,
.imp-icon-contact {
    background: url("LoanCenterSprite.png") -619px -405px;
    height: 18.5px;
    width: 23px;
    cursor: pointer;
    position: relative;
    right: 5px;
    float: left;
    transform:scale(0.9);
    height:20px;
    top: 2px;
}
.imp-icon-contact-disabled{
    opacity: 0.5;
    pointer-events: none;
}

.imp-icon-email {
    background: url("LoanCenterSprite.png") -619.8px -358px;
    width: 20px;
    height: 20px;
    float:left;
    transform: scale(0.75);
}

.imp-icon-mobile {
    background: url("LoanCenterSprite.png") -690px -405px;
    width: 20px;
    height: 20px;
    float:left;
    position:relative;
    left:1.5px;
    transform:scale(0.8);
}

.imp-icon-phone {
    background: url("LoanCenterSprite.png") -649px -268px;
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    left: 4px;
    top: -3px;
    filter: brightness(0.95);
}

.imp-icon-badge {
    background: url("LoanCenterSprite.png") -619.8px -322px;
    width: 20px;
    height: 20px;
    float:left;
    position:relative;
    top:-4px;
    transform:scale(0.9);
}

.imp-icon-profile {
    background: url("LoanCenterSprite.png") -697px -291px;
    width: 15px;
    height: 20px;
    position:relative;
    bottom:3px;
    transform:scale(1.15,1);
}



.assignments-modal{
    width:5900px;
}

.assignment-tooltip {
    background-image: url('images/question-mark.png');
    height: 18px;
    width: 18px;
    float: right;
    cursor: pointer;
    margin-right: 45px;
    top:135px;
}

.contactinfo-name {
    width: 285px;
    border-bottom: 1px solid #bdbebe;
}

.contactinfo-popup,
.assignment-popup {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px 3px #a9a9a9;
    height: 155px;
}

.tpo-assignment-popup {
    background: #FFFFFF;
    box-shadow: 2px 2px 8px 3px #a9a9a9;
    height: 110px
}
.contactinfo-popup{
    width:320px;
    height:150px;
}

.assignment-popup .text,
.tpo-assignment-popup .text {
    text-align: left;
    float: left;
    width: 330px;
    color: black;
    font-size: 11.3px;
}
.contactinfo-popup .header{
    padding-left: 10px;
    padding-bottom: 10px;
}

    .contactinfo-popup .header .text,
    .assignment-popup .header .text,
    .tpo-assignment-popup .header .text {
        font-weight: bold;
        padding-bottom: 5px;
        font-size: 14px;
        padding-top: 10px;
        float: left;
        border-bottom: 1px solid #bdbebe;
        text-align: left;
        width: 318px;
    }
.contactinfo-popup .header .text {
    width: 300px;
}
.assignments-ddl {
    width: 190px;
    height: 22px;
    margin-left: 0px;
}

.assignments-ddl select optgroup {
    font-style: italic;
    letter-spacing: 0px;
    color: #767676;
}

.assignments-ddl select option {
    font-style: normal;
    letter-spacing: 0px;
    color: #3D3D3D;
}

.assignments-ddl select option:disabled {
    color: #999;
}

.assignments-td {
    padding-bottom: 7px;
}

.assignments-col-4 {
    width: 33%;
    float: left;
}

.assignments-col-6 {
    width: 50%;
    float: left;
}

.assignments-modal {
    height: 650px;
    width: 900px;
}

.assignments-left-section {
    float: left;
    margin-top: 34px;
}

.section-title {
    color: #1fb25a;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-bottom: -10px;
}

.section-subtitle {
    font-weight: bold;
    font-size: 12px
}

.section-subtitle-2 {
    font-weight: bold;
    font-size: 12px
}

.assignments-right-section {
    float: right;
    margin-top: 40px;
}
.assignments-option {
    color: #999;
}
.assignments-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}
.assignments-modal .modal-dialog .modal-content {
    height: 95%;
    width: 100%;
    border: none;
}
.assignments-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.assignments-modal-content .header,
.tpo-assignments-main-modal-content .header {
    border-bottom: 1px solid #bdbebe;
    width: 850px;
    float: left;
}

.assignments-modal-content .header .title,
.tpo-assignments-main-modal-content .header .title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 545px;
    padding-bottom: 10px;
    display: flex;
}

.assignments-modal-content .header .value,
.assignments-modal-content .header .key,
.tpo-assignments-main-modal-content .header .value,
.tpo-assignments-main-modal-content .header .key {
    display: inline;
    font-size: 14px;
    font-weight: normal;
}

    .assignments-modal-content .header .key,
    .tpo-assignments-main-modal-content .header .key{
        color: #767676;
        padding-left: 5px;
    }

    .assignments-modal-content .header .value,
    .tpo-assignments-main-modal-content .header .value {
        color: #000000;
        font-weight: bold;
    }
    .assignments-modal-content .header .title,
    .tpo-assignments-main-modal-content .header .title {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        float: left;
        width: 545px;
    }
.assignments-modal-content .body {
    border-bottom: 1px solid #bdbebe;
    float: left;
    width: 850px;
    padding-bottom: 15px;
}
.assignments-modal-content .body .col {
    width: 340px;
}
.assignments-modal-content .body .col .item {
    margin-top: 8px;
    float: left;
    width: 100%;
}
.assignments-modal-content .body .col .item .text {
    width: 155px;
    float: left;
    text-align: left;
    color: #7f7f7f;
    padding-top: 5px;
}
.assignments-modal-content .body .col .item .field input {
    width: 175px;
}


.assignments-modal-content .body {
    border-bottom: 1px solid #bdbebe;
    float: left;
    width: 850px;
    padding-bottom: 15px;
}

.assignments-modal-content .body .col-4
.assignments-modal-content .body .col {
     width: 340px;
}

.assignments-modal-content .body .col-4 {
     width: 33%;
     float: left;
}

.assignments-modal-content .body .col-4.company-hierarchy {
    width: 34%;
    clear: both;
}

.assignments-modal-content .body .col-4.managers,
.assignments-modal-content .body .col-4.assigned-lo{
    width: 33%;
    height: 135px;
}

.assignments-modal-content .body .col-6 {
    width: 50%;
    float: left;
}

.assignments-modal-content .body .col-6 .item,
.assignments-modal-content .body .col-4 .item,
.assignments-modal-content .body .col .item {
     margin-top: 8px;
     float: left;
     width: 100%;
 }

.assignments-modal-content .body .col-6 .item .text,
.assignments-modal-content .body .col-4 .item .text,
.assignments-modal-content .body .col .assignments-td .text,
.assignments-modal-content .body .col .assignments-td .text-with-other,
.assignments-modal-content .body .col .item .text {
     float: left;
     text-align: left;
     color: #767676;
     padding-top: 5px;
 }
.assignments-modal-content .body .col .assignments-td .text-with-other{
    padding-left:8px;
}

.assignments-modal-content .body .col .assignments-td.add-another .disabled-add,
.assignments-modal-content .body .col .assignments-td.add-another {
    cursor: pointer;
    position: relative;
    left: -15px;
    padding-left: 20px;
}

.tpo-assignments-main-modal-content .add-another .disabled-add,
.tpo-assignments-main-modal-content .add-another {
    cursor: pointer;
    position: relative;
    padding-left: 170px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.assignments-modal-content .body .col .assignments-td.add-another .disabled-add .cv-icon-add-symbols,
.assignments-modal-content .body .col .assignments-td.add-another .disabled-add .link,
.assignments-modal-content .body .col .assignments-td.add-another .cv-icon-add-symbols,
.assignments-modal-content .body .col .assignments-td.add-another .link,
.tpo-assignments-main-modal-content .add-another .disabled-add .cv-icon-add-symbols,
.tpo-assignments-main-modal-content .add-another .disabled-add .link,
.tpo-assignments-main-modal-content .add-another .cv-icon-add-symbols,
.tpo-assignments-main-modal-content .add-another .link {
    color: #208DDC;
}
.assignments-modal-content .body .col .assignments-td.add-another .disabled-add .cv-icon-add-symbols,
.assignments-modal-content .body .col .assignments-td.add-another .cv-icon-add-symbols,
.tpo-assignments-main-modal-content .add-another .disabled-add .cv-icon-add-symbols,
.tpo-assignments-main-modal-content .add-another .cv-icon-add-symbols {
    position: relative;
    right: 5.5px;
}

.tpo-assignments-main-modal-content .tpo-assignments-right{
    padding-left:23px;
}

.assignments-modal-content .body .col .assignments-td.add-another.disabled-add,
.tpo-assignments-main-modal-content .add-another .disabled-add {
    pointer-events: none;
}

.assignments-modal-content .body .col .assignments-td.add-another.disabled-add .cv-icon-add-symbols,
.assignments-modal-content .body .col .assignments-td.add-another.disabled-add .link,
.tpo-assignments-main-modal-content .add-another.disabled-add .cv-icon-add-symbols,
.tpo-assignments-main-modal-content .add-another.disabled-add .link{
    opacity: 0.5;
}

.assignments-modal-content .body .col-6 .item .text,
.assignments-modal-content .body .col-4 .item .text,
.assignments-modal-content .body .col .item .text {
     width: 55px;
 }

.assignments-modal-content .body .col-6 .item .field input
.assignments-modal-content .body .col-4 .item .field input,
.assignments-modal-content .body .col .item .field input {
    width: 175px;
 }

    .assignments-modal-content .buttons{
        float: left;
        margin-top: 10px;
        text-align: right;
        width: 850px;
    }

    .assignments-modal-content .body .btn-group,
    .tpo-assignments-main-modal-content .body .btn-group {
        width: 190px;
        cursor: default;
    }

    .assignments-modal-content .body .btn-group .btn,
    .tpo-assignments-main-modal-content .body .btn-group .btn {
        background: #ffffff 0% 0% no-repeat padding-box;
        border: 1px solid #bdbebe;
        border: 1px solid #BDBEBE;
        border-radius: 4px;
        width: 100%;
        height: 24px;
        font-size: 12px;
        padding: 0 5px;
        text-align: left;
        cursor: default;
        overflow-x: clip;
    }

    .assignments-modal-content .body .btn-group .btn:hover,
    .tpo-assignments-main-modal-content .body .btn-group .btn:hover {
        border: 1px solid #208DDC;
    }

    .assignments-modal-content .body .btn-group .btn[aria-expanded="true"],
    .tpo-assignments-main-modal-content .body .btn-group .btn[aria-expanded="true"] {
        border-color: rgba(82, 168, 236, 0.8);
        border-style: solid;
        border-width: 1px;
        box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.6) 0px 0px 8px 0px;
        transition-delay: 0s, 0s;
        transition-duration: 0.2s, 0.2s;
        transition-property: border, box-shadow;
        transition-timing-function: linear, linear;
    }

    .assignments-modal-content .body .btn-group .btn[disabled],
    .tpo-assignments-main-modal-content .body .btn-group .btn[disabled] {
        border: 1px solid #bdbebe;
        background: #efefef;
    }

    .assignments-modal-content .body .btn-group .btn .caret,
    .tpo-assignments-main-modal-content .body .btn-group .btn .caret {
        margin-top: 6px;
        float: right;
        opacity: 0.2;
        transform: scale(1,1.5);
    }

.dropdown-menu.assignments-dropdown-menu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px rgba(0,0,0,4);
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    opacity: 1;
    padding: 0;
    min-width: 187px;
    max-height: 250px;
    overflow-y: scroll;
}

.dropdown-menu.assignments-dropdown-menu > li {
    background: #FFFFFF;
    height: 35px;
    color: #3D3D3D;
    padding: 0 5px;
    margin: 0;
    border-radius: 3px;
    cursor: default;
}

.dropdown-menu.assignments-dropdown-menu > li:hover {
    background: #767676;
    color: #FFFFFF;
}

.dropdown-menu.assignments-dropdown-menu > li:first-child {
    margin-top: 2px;
}

.dropdown-menu.assignments-dropdown-menu > li:last-child {
    margin-bottom: 2px;
}

.dropdown-menu.assignments-dropdown-menu > li[disabled],
.dropdown-menu.assignments-dropdown-menu > li[disabled]:hover {
    background: #EEEEEE;
    color: #BBBBBB;
}

.dropdown-menu.assignments-dropdown-menu > li.select-one {
    height: 22px;
}

.dropdown-menu.assignments-dropdown-menu > li.select-one,
.dropdown-menu.assignments-dropdown-menu .full-name {
    font-size: 13px;
}

.dropdown-menu.assignments-dropdown-menu .organization-unit-name {
    font-size: 11px;
    font-style: italic;
    opacity: 0.5;
    line-height: 6px;
    display: block;
    vertical-align: top;
}
/*#endregion Assignments Modal*/

/*#region DupLoan Modal*/

.duploan-lockin{
    pointer-events:none;
}

.duploan-modal {
    height: 350px;
    width: 400px;
   
}


.duploan-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow-y: initial !important;
}
.duploan-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
    overflow-y: initial;
    overflow-x:initial;
   border-radius:7px;
}
.duploan-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.modal-open .duploan-modal {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
   
}
.duploan-modal-content .header {
   
    width: 95%;
    float: left;
    padding:0px;
    padding-bottom:5px;
    min-height:16.4286px;
    border-bottom: 2px solid #bdbebe;
}
.duploan-modal-content .header .title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    float: left;
   
}
.duploan-modal-content .header .header-text {
    font-size: 14px;

    text-align: left;
    float: left;
    color:#656767;
    font-weight:bold;
    
}
.duploan-modal-content .duploan-seperator{
    color:#656767;
}
.duploan-modal-content .body .duploan-col-header .col{
    padding-bottom:10px;
    font-size:14px;
}
.duploan-modal-content  .duploan-col-header {
    margin-top:10px;
}
.duploan-modal-content .body {
    width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    height:180px;
    overflow-y:auto;
    padding-right: 5px;
    
}
.duploan-modal-content .body .col {
    width: 50%;
    font-weight:bold;
}

.duploan-modal-content .duploan-content{
    width:90%;
    margin:auto;
}

.duploan-modal-content .body .row{
    
    margin-bottom:5px;
    margin-left:30px;
     color:#3f4040;

}
.duploan-modal-content .buttons {
    float: right;
    margin: 15px;
    padding:0px;
    padding-top:10px;
    text-align: right;
    width:95%;
    border-top: 2px solid #bdbebe;
    
    
}
.duploan-modal-content .imp-alert-icon {
    margin-top: -3px;
    float: left;
    font-size: 20px;
}

/*#endregion Duploan Modal*/

/*#startregion Preapproval Letters Flyout Modal*/
.request-preapprovalletters-modal {
	height: 220px;
	width: 420px;
}

.request-preapprovalletters-modal .modal-dialog {
	margin: 0px;
	height: 100%;
	width: 100%;
}

.request-preapprovalletters-modal .modal-dialog .modal-content {
	height: 100%;
	width: 100%;
	border: none;
}

.request-preapproval-modal-content {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
}
	.request-preapproval-modal-content .header {
		margin-bottom: 10px;
	}
	.request-preapproval-modal-content .header .title {
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}

.preapproval-message {
	width:100%;
	resize:none;
}

.request-preapproval-modal-content .buttons {
	margin-top: 20px;
	text-align: right;
}

.request-preapproval-modal-content .character-count-message {
	position: absolute;
	left: 31px;
	bottom: 50px;
	padding: 0;
	color: #9d9d9d;
}
.request-preapproval-modal-content .maxcharacter-count-message {
	font-weight: bold;
}
	/*#endregion Preapproval Letters Flyout Modal*/
	/*#region Confirm Tax Details Modal*/
	.confirm-tax-details-modal {
		height: 420px;
		width: 790px;
	}
.confirm-tax-details-title {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    width: 730px;
}
.confirm-tax-details-header {
    width: 730px;
    float: left;
}
.confirm-tax-details-left-section {
    float: left;
    margin-top: 34px;
}
.confirm-tax-details-right-section {
    float: right;
    margin-top: 40px;
}
.confirm-tax-details-option {
    color: #999;
}
.confirm-tax-details-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}
.confirm-tax-details-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
}
.confirm-tax-details-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.confirm-tax-details-modal-content .header {
    border-bottom: 1px solid #bdbebe;
    width: 730px;
    float: left;
}
.confirm-tax-details-modal-content .header .title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 545px;
}
.confirm-tax-details-modal-content .body {
    border-bottom: 1px solid #bdbebe;
    float: left;
    width: 730px;
    padding-bottom: 15px;
}
.confirm-tax-details-modal-content .body .col {
    width: 340px;
}
.confirm-tax-details-modal-content .body .col .item {
    margin-top: 8px;
    float: left;
    width: 100%;
}
.confirm-tax-details-modal-content .body .col .item .text {
    width: 155px;
    float: left;
    text-align: left;
    color: #7f7f7f;
    padding-top: 5px;
}
.confirm-tax-details-modal-content .body .col .item .field input {
    width: 175px;
}
.confirm-tax-details-modal-content .buttons {
    float: left;
    margin-top: 10px;
    text-align: right;
    width: 730px;
}
/*#endregion*/


/*#region PreApproval Letters*/

.preapproval-letters {
    width: 1100px;
    margin-bottom: 500px;
    float: left;
}
.preapproval-letters .title {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.preapproval-letters .product-name {
    float: left;
    font-size: 17px;
    color: #000000;
    font-weight: bold;
    width: 100%;
}
.preapproval-letters .approved-fields {
    margin-top: 5px;
    float: left;
}
.preapproval-letters .approved-fields .col {
    float: left;
    line-height: 24px;
    width: 220px;
}
.preapproval-letters .lbl-value {
    color: #000000;
    font-size: 15px;
    float: left;
    padding-left: 3px;
}
.preapproval-letters .lbl-name {
    color: #767676;
    font-size: 12px;
    display: block;
    float: left;
}
.preapproval-letters .header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
}
.preapproval-letters .header .header-text {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 3px;
}
.preapproval-letters .content {
    width: 100%;
    font-size: 12px;
    margin-top: 30px;
    float: left;
}
.preapproval-letters .content .row {
    width: inherit;
    height: 32px;
    font-size: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
}
.preapproval-letters .content .col {
    position: relative;
    min-height: 1px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.preapproval-letters .content .col .no-overflow {
    position: relative;
    min-height: 1px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.preapproval-letters .content .expirationdate {
    position: relative;
    min-height: 1px;
    float: left;
    margin-right: 5px;
}
.preapproval-letters .content .send-to-btn {
    background-color: transparent;
    color: #000000;
    padding-left: 5px;
    border: 1px solid #B1B2B3;
    padding-right: 5px;
    font-size: 12px;
    line-height: 0.5;
    height: 24px;
    text-align: left;
    width: 393px;
    padding-top: 0px;
}
.preapproval-letters .content .send-to-btn-disabled {
    background-color: #EFEFEF;
    color: #000000 !important;
}
.preapproval-letters .content .send-to-btn .text {
    float: left;
    height: inherit;
    line-height: 22px;
    overflow: hidden;
    width: 373px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.preapproval-letters .new-icon {
    margin-left: -35px;
    padding-right: 10px;
    color: #1fb25a;
    font-size: 12px;
}
.preapproval-letters .content .preapproval-letters-questions {
    width: calc(100% - 180px);
    margin-top: 30px;
}
.preapproval-letters .content .preapproval-letters-questions .preapproval-letters-questions-title {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 7px;
    border-bottom: 1px solid #c6c6c6;
}
.preapproval-letters .content .preapproval-letters-questions .preapproval-letters-questions-body {
    width: 100%;
}
.preapproval-letters .content .preapproval-letters-questions .preapproval-letters-questions-body .col {
    width: 50%;
    float: left;
    padding-right: 20px;
    margin: 0;
    box-sizing: border-box;
}
.preapproval-letters .content .preapproval-letters-questions .category-title {
    margin-top: 10px;
    color: #aeaeae;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list {
    list-style-type: none;
    padding-left: 0;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list li {
    margin-top: 10px;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list li:after {
    content: "";
    display: table;
    clear: both;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list .question-text {
    width: calc(100% - 130px);
    float: left;
    white-space: normal;
    padding-right: 10px;
    color: #aeaeae;
}
    .preapproval-letters .content .preapproval-letters-questions .questions-list .question-text.counter {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: auto;
        padding-right: 0px;
    }
.preapproval-letters .content .preapproval-letters-questions .questions-list .question-text.document-title {
    width: calc(100% - 155px);
    margin-left: 25px;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list .question-text.other-document {
    width: calc(100% - 180px);
    margin-left: 50px;
}
    .preapproval-letters .content .preapproval-letters-questions .questions-list .question-text.additional-items {
        width: 100%;
    }
.additional-items-content, additional-items-content:focus {
    max-width: 430px;
    min-width: 430px;
    height: 65px;
    resize: none;
    padding: 5px;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list .question-answer {
    width: 120px;
    float: right;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list .question-answer select {
    width: 100%;
}
.preapproval-letters .content .preapproval-letters-questions .questions-list .required-mark:after {
    content: ' *';
    color: red;
    font-weight: bold;
    font-size: 15px;
}

.preapproval-send-to {
    width: 395px;
    float: left;
}
.preapproval-send-to .section {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    width: 365px;
}
.preapproval-send-to .section .title {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}
.preapproval-send-to .section .row {
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    line-height: 20px;
    width: 100%;
}
.preapproval-send-to .section .row .name {
    color: #000000;
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.preapproval-send-to .section .row .email {
    color: #9d9d9d;
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.preapprovalpreview-modal-content {
    height: 820px;
    width: 612px;
    margin-top: 30px;
    border-radius: 0px;
}
.preapprovalpreview-modal-content .section-bottom {
    width: 560px;
    border-bottom: 1px solid #c6c6c6;
    margin-left: 20px;
}
.preapproval-letter-textarea {
    resize: none;
    font-size: 10px;
    overflow: auto;
    min-height: 30px !important;
    width: 545px;
}
.preapproval-letter-template {
    width: auto;
    height: 730px;
    padding: 20px 30px 20px 20px;
    font-size: 10px;
    font-family: Arial, Helvetica;
}
.preapproval-letter-template .logo {
    height: 60px;
    overflow: hidden;
}
.preapproval-letter-template .title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    clear: both;
    margin-top: 20px;
}
.preapproval-letter-template .section {
    width: 100%;
    margin-top: 10px;
}
.preapproval-letter-template .value-label {
    width: 200px;
}
.preapproval-letter-template .value {
    width: 381px;
}
.preapproval-letter-template .title-underline {
    font-weight: bold;
    text-decoration: underline;
}
.preapproval-letter-template .description-table {
    width: 555px;
}
.preapproval-letter-template .description-table .small {
    width: 100px;
    vertical-align: top;
}
.preapproval-letter-template .description-table .medium {
    width: 176px;
    vertical-align: top;
}
.preapproval-letter-template .content-row {
    display: flex;
}
.preapproval-letter-template .content-row .multi-column {
    width: 140px;
}
.preapproval-letter-buttons {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}
.preapproval-modal-content-div {
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 750px;
    width: 628px;
    margin-bottom: 8px;
}
.preapproval-letters-divider {
	width: 100%;
	overflow: visible;
	margin-top: 50px;
	border-top: 1px solid #c6c6c6;
	padding-top:15px;
}

.preapproval-letter-question {
    display: flex;
    flex-direction: column;
}

.preapproval-letter-question.additional {
    flex-direction: row;
}

.loan-updates {
    padding-top: 5px;
    height: 22px;
    border-radius: 4px;
    padding-left: 10px;
    border: 1px solid #1fb25a;
    color: #1fb25a;
    background-color: #e9f8f0;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}

.loan-updates-icon {
    display: inline-block;
    font-size: 16px;
    vertical-align: text-bottom;
    color: #1fb25a;
    margin-left: 1px;
}

/*#endregion PreApproval Letters*/
.share-comparison-report-content {
    text-align: center;
    z-index: 1090 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.share-comparison-report-content .modal-content {
    margin: auto auto;
    width: 410px;
    height: 285px;
    text-align: left;
}
.share-comparison-report-content .modal-body {
    padding: 20px;
}
.share-comparison-report-content .share-comparison-report-header {
    display: flex;
    height: 23px;
    text-align: left;
    line-height: 23px;
    border-bottom: #b1b1b1 solid 1px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 17px;
}
.share-comparison-report-content .pb-row {
    display: flex;
    justify-content: space-between;
    height: 25px;
    line-height: 25px;
    color: #9d9d9d;
    margin-top: 5px;
    text-align: left;
}
.share-comparison-report-content .pb-row .add-additional-recipients {
    display: inline-block;
    vertical-align: middle !important;
    margin-bottom: 16px;
    font-size: 12px;
    color: #208DDC;
    cursor: pointer;
}
.share-comparison-report-content .share-comparison-report-footer {
    height: 25px;
    text-align: left;
    line-height: 40px;
    border-top: #b1b1b1 solid 1px;
    margin-top: 65px;
    display: flex;
    justify-content: flex-end;
    padding: 0px;
    font-size: 14px;
}
.share-comparison-report-content .share-comparison-report-footer .footer-button {
    width: 80px;
    height: 26px;
    font-size: 12px;
    padding-top: 2px;
    border-radius: 2px;
    margin: 10px 2px;
}
.share-comparison-report-content .share-comparison-report-footer .send-button {
    width: 80px;
    height: 25px;
    border-radius: 2px;
    margin: 10px 0px 10px 2px;
}
/*#endregion Share Comparison Report Modal*/


/*#region Milestone Status Dropdown*/

.loan-status-dropdown .ddl-button,
.lms-status-dropdown .ddl-button {
    height: 20px;
    width: 115px;
    padding: 0px 5px 0 0px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 0px;
    text-shadow: none;
    text-align: left;
    font-size: 12px;
}
.loan-status-dropdown .ddl-button:hover,
.lms-status-dropdown .ddl-button:hover {
    cursor: pointer;
}
.loan-status-dropdown .dropdown-closed,
.lms-status-dropdown .dropdown-closed {
	background-color: #414141;
	color: #FFFFFF;
}
.loan-status-dropdown .dropdown-opened,
.lms-status-dropdown .dropdown-opened {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
    background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
    color: #000000;
}
.loan-status-dropdown .btn-group-parent,
.lms-status-dropdown .btn-group-parent {
    float: left;
}
.lms-status-dropdown ul.dropdown-menu {
    max-height: 262px;
    overflow-y: auto;
}
.loan-status-dropdown .dropdown-menu,
.lms-status-dropdown .dropdown-menu {
    border-radius: 0px;
    border: none;
    min-width: 110px !important;
}
.loan-status-dropdown .dropdown-menu li > a,
.lms-status-dropdown .dropdown-menu li > a {
    padding: 5px 7px 2px 7px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
    background-image: -webkit-linear-gradient(top, white, white);
    background-image: -o-linear-gradient(top, white, white);
    background-image: linear-gradient(to bottom, white, white);
    color: #000000;
    font-size: 12px;
    min-width: 110px;
}
.lms-status-dropdown .dropdown-menu li > a {
    padding-bottom: 5px;
}
.lms-status-dropdown .dropdown-menu li > a label {
    margin: 0;
    cursor: pointer;
}
.loan-status-dropdown .dropdown-menu > li > a:hover,
.lms-status-dropdown .dropdown-menu > li > a:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6ecff), to(#a6ecff));
    background-image: -webkit-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: -o-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: linear-gradient(to bottom, #a6ecff, #a6ecff);
}

.loan-status-dropdown .status-section,
.loan-los-status .status-section {
    margin-top: -4px;
    margin-bottom: 3px;
    display: flex;
}
/*#endregion Milestone Status Dropdown*/
.loan-menu-contextual-bar .loan-menu-text {
    color: white;
    font-size: 15px;
    text-align: left;
}
.loan-menu-contextual-bar .dropdown-menu {
	font-size: 12px;
	color: black;
	text-align: left;
}
.loan-menu-contextual-bar .dropdown-menu-loan-item-short {
	margin: 0 !important;
}
.loan-menu-contextual-bar .imp-nav-bar-col ul {
	list-style: outside none none;
}
.imp-nav-bar-col .item:not(:last-child) {
	border-right: 1px solid rgba(226, 225, 225, 0.55);
}

.imp-upper-contextual .contextual-bar-addresscityzip {
	font-size: 12px;
}

.imp-upper-contextual .loan-status-ddl-question-mark {
    background-repeat: no-repeat;
    background-image: url('images/question-mark.png');
    height: 18px;
    width: 18px;
    display: inherit;
    float: right;
    cursor: pointer;
    margin-top: -3px;
}

/*region contextual bar input*/
input.contextual-bar-input {
	width: 79px;
	padding-left: 4px;
	background-color: #565656;
	border: 0px;
	font-size: 12px;
	color: #FFFFFF;
}
input.contextual-bar-input[disabled] {
    background: #414141;
    border: 0px;
}
input.contextual-bar-input:disabled:hover {
    background: none;
    border: 0px;
    color: white;
}
.imp-upper-contextual .imp-icon-error {
    padding: 0px;
}
.loan-menu-contextual-bar .cv-icon-hamburger-menu1 {
	padding-right: 5px;
	color: white;
}



/*#endregion contextal bar input*/
/*region Savings Calculations Modal*/
.savings-calculations-container {
	width: 325px;
	height: 225px;
}
.savings-calculations-container .savings-calculations-content {
    padding: 20px;
}
.savings-calculations-container .savings-calculations-content .savings-calculations-header {
    height: 23px;
    text-align: left;
    line-height: 23px;
    border-bottom: #b1b1b1 solid 1px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}
.savings-calculations-container .savings-calculations-content .pb-row {
    display: flexbox;
    height: 25px;
    line-height: 25px;
    color: #000000;
    margin-top: 5px;
    text-align: left;
}
.savings-calculations-container .savings-calculations-content .pb-row-exp {
    display: flexbox;
    height: 25px;
    line-height: 25px;
    color: #9d9d9d;
    text-align: left;
}
/*#endregion Savings Calculations Modal*/

/*#region Alert Message Bar*/
.imp-contextual-wrapper .alert-message-bar {
    position: absolute;
    width: 800px;
    height: 13px;
    padding-top: 10px;
    z-index: 9999;
    left: 27%;
    top: 8px;
    color: white;
    background-color: #208DDC;
    border-color: #208DDC;
}

/*#endregion Alert Message Bar*/

/*#region Disclosure Alert Panel*/

.disc-alert-panel {
    width: 1100px;
    position: relative;
    margin: auto;
    min-height: 25px;
    max-height: 125px;
    color: #ffffff;
}
.disc-alert-panel .div-warning-notification,
.disc-alert-panel .div-warninglight-notification,
.disc-alert-panel .overlapp {
    width: 100%;
    border-radius: 0 0 3px 3px;
}
.disc-alert-panel .div-warning-notification,
.disc-alert-panel .div-warninglight-notification {
    font-size: 12px;
    min-height: 25px;
    margin: 0;
    padding: 0;
}
.disc-alert-panel .overlapp {
    position: relative;
    z-index: inherit;
    margin-top: -1px;
}
/*.div-warninglight-notification .overlapp {
    background: #ff6d00;
}

.div-warning-notification .overlapp {
    background: #dc4602;
}*/
/*.div-warninglight-notification .overlapp:last-child {
    padding-bottom: 5px;
}*/

.disc-alert-panel .imp-icon-arrow-down.white,
.disc-alert-panel .imp-icon-arrow-right.white {
    margin-top: 1px;
    float: left;
    margin-right: 5px;
}
.disc-alert-panel .overlapp .link {
    color: #99CCFF;
    font-weight: bold;
}
.disc-alert-panel .overlapp .status-needed,
.disc-alert-panel .overlapp .status-requested,
.disc-alert-panel .overlapp .status-created-warning,
.disc-alert-panel .overlapp .status-created-info,
.disc-alert-panel .overlapp .status-waiting,
.disc-alert-panel .overlapp .status-exited {
    padding-top: 5px;
   -webkit-margin-before: 1px;
    height: 22px;
    border-radius: 0 0 3px 3px;
    padding-left: 10px;
}
.disc-alert-panel .overlapp .status-needed {
    background: #dc4602;
}
.disc-alert-panel .overlapp .status-requested {
    background: #C8E5FA;
    color: #000000;
}
.disc-alert-panel .overlapp .status-created-warning {
    background: #FFDF78;
    color: #000000;
}
.disc-alert-panel .overlapp .status-created-info {
    background: #C8E5FA;
    color: #000000;
}
.disc-alert-panel .overlapp .status-waiting {
    background: #C8E5FA;
    color: #000000;
}
.disc-alert-panel .overlapp .status-exited {
    background: #d2d2d2;
    color: #000000;
}
.disc-alert-panel .overlapp .status-needed .first-title,
.disc-alert-panel .overlapp .status-requested .first-title,
.disc-alert-panel .overlapp .status-created-warning .first-title,
.disc-alert-panel .overlapp .status-created-info .first-title,
.disc-alert-panel .overlapp .status-waiting .first-title {
    font-weight: bold;
}
.disc-alert-panel .overlapp .status-needed .other-titles,
.disc-alert-panel .overlapp .status-requested .other-titles,
.disc-alert-panel .overlapp .status-created-warning .other-titles,
.disc-alert-panel .overlapp .status-created-info .other-titles,
.disc-alert-panel .overlapp .status-waiting .other-titles {
    font-weight: bold;
    margin-left: 27px;
}
.disc-alert-panel .reasons {
    height: 22px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    margin-left: 5px;
}
.disc-alert-panel .scroll {
    border: 1px solid;
    border-color: #ffffff;
    overflow-y: scroll;
    margin: 0px 0px 10px;
}
.disc-alert-panel .scroll,
.disc-alert-panel .non-scroll {
    max-height: 90px;
}
.disc-alert-panel .non-scroll {
    margin: 0px 0px 0px 0px;
}
.disc-alert-panel .white-link {
    color: #fff !important;
    text-decoration-line: underline;
}
.disc-alert-panel .black-link {
    color: #000 !important;
    text-decoration-line: underline;
}
    .disc-alert-panel .black-button {
        margin: 5px;
        color: black;
    }

.disc-alert-panel .loan-alert-icon {
    font-size: 1.5rem;
    vertical-align: -2px;
    margin-right: 3px;
}

    .disc-alert-panel .loan-alert-button {
        float: right;
        margin-right: 10px;
        border-width: 1px;
        border-style: solid;
        border-radius: 2px;
        color: black;
    }

/*#endregion Disclosure Alert Panel

/*#region Submit Status Alert Panel*/

.submit-status-alert-message-box {
    background-color: #C8E5FA;
    color: black;
    padding: 7px 7px 7px 10px;
    margin-top: 1px;
    border-radius: 0px 0px 4px 4px;
    justify-content: space-between;
}

.bold {
	font-weight: bold;
}

.submit-status-background-color-lightgreen {
    color: black !important;
    background-color: #C8E5FA;
}

.submit-status-background-color-green {
    color: black !important;
    background-color: #CAEEC0;
}

.submit-status-background-color-red {
    color: #DB0015;
    background-color: #FCE2E2;
}

    .submit-status-background-color-red a,
    .submit-status-background-color-red a:hover,
    .submit-status-background-color-red a:active {
        color: #DB0015;
        background-color: #FCE2E2;
        text-decoration: underline; 
        cursor: pointer;
    }

/*#endregion Submit Status  Alert Panel*/

/*#region Registration Alert Panel*/
.registration-alert-section {
    display: flex;
    height: 23px;
    justify-content: center;
    align-items: center;
    width: 740px;
    top: 3px;
}
    /* The display: flex, align-items: center, & justify-content: center directives are provided to obtain vertical & horizontal centering */
    .registration-alert-section .message-box {
        width: 67%;
        height: 100%;
        display: flex;
        padding: 4px 0 0 11px;
        border-radius: 0 0 3px 3px;
        background-color: #1FB25A;
        color: white;
    }

        .registration-alert-section .message-box.extension {
            width: 100%;
            background-color: #D1E6B1;
            color: #000000;
        }

        .registration-alert-section .message-box.error {
            width: 100%;
            background-color: #ef1126;
            color: white;
        }

    .registration-alert-section .message-box-extension {
        width: 31%;
        height: 100%;
        display: flex;
        padding: 4px 0 0 11px;
        border-radius: 0 0 3px 3px;
        margin-left: 7px;
        background-color: #208DDC;
    }

    .registration-alert-section .arrow {
        font-size: 15px;
        position: absolute;
        color: white;
        right: 15px;
        top: 4px;
    }

    .registration-alert-section .bold {
        font-weight: bold;
        padding-right: 4px;
    }

.modal-registered {
    width: 766px;
    height: 252px;
    box-shadow: 0px 2px 6px;
    margin-top: 291px;
}

    .modal-registered .content {
        height: 100%;
        margin-left: 48.9px;
        margin-right: 40.8px;
        color: white;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 335.5px 184.4px
    }

    .modal-registered .succcess {
        height: 252px;
        background-image: url('images/arive/registration-success.png');
    }

    .modal-registered .partial {
        height: 330px;
        background-image: url('images/arive/registration-partial-success.png');
    }

    .modal-registered .notice-section {
        clear: both;
    }

    .modal-registered .message {
        color: #D1E6B1;
        width: 17px;
        height: 17px;
        font-size: 17px;
    }

    .modal-registered .notice {
        color: #FCE36B;
    }

      .registered-footer {
        text-align: right;
        height: 45px;
        background-color: white;
        padding: 17.5px 18px 0px 18px;
    }

    .registered-footer .close-btn {
        width: 80px;
        height: 30px;
    }

        .registered-footer .imp-hyperlink {
            color: #208ddc;
        }

        .modal-registered .imp-button-hm-wm-prim {
            width: initial;
            margin-left: 0px;
            box-shadow: 0px 0px 0px 0px;
        }

.modal-registered p {
    margin: 0px 0px 10px 0px;
}
 

.modal-registered .name {
    font-size: 12px;
    font-family: Arial, Regular;
    line-height: 14px;
}

    .modal-registered .name .blur {
        float: left;
        width: 107px;
        opacity: 0.52;
    }

.modal-registered .desc {
    font-size: 13px;
    width: 397px;
    font-family: Arial, Regular;
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 3px;
}

.modal-registered .header {
    font-size: 17px;
    font-family: Arial, Bold;
    line-height: 20px;
    padding-top: 34px;
}

.header-notice {
    display: inline-block;
    padding-top: 16px;
}

	/*#endregion Registration Alert Panel*/

	/*required placeholder asterisks*/
	.imp-icon-asterisk {
		background: url("LoanCenterSprite.png") no-repeat -119px -431px;
		width: 22px;
		height: 22px;
		-webkit-transform: scale(0.45, 0.45);
		margin-left: -4px;
		margin-top: -4px;
	}

.imp-icon-asterisk.small {
    -webkit-transform: scale(0.25, 0.25);
}

.imp-icon-asterisk.small.top {
    margin-top: -8px;
}

.imp-icon-asterisk.medium {
    -webkit-transform: scale(0.35, 0.35);
}

.imp-psection-label.asterisk,
.col-s.asterisk,
.question-section.asterisk,
.col-xl.asterisk,
.col-xxl.asterisk,
.col-xxxm.asterisk,
.col-xxxl.asterisk,
.column-xlarge,
.title.asterisk,
.declarations-row-left .asterisk,
.imp-psection-subtitle > .asterisk {
    display: flex;
}

.counseling-section-border .asterisk .imp-icon-asterisk, .counseling-section-subtitle .asterisk .imp-icon-asterisk {
    display: inline-flex;
}

.property-expenses-asterisk {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
}

.other-income-asterisk {
    display: inline-flex;
}

.imp-assets-financials .asterisk {
    display: flex;
    align-items: center;
}

.col-s.asterisk {
    padding-top:2px;
}

.imp-icon-asterisk.lg {
    margin-top:-8px;
}

input.imp-asterisks-in-placeholder[type="text"]::-webkit-input-placeholder:after {
    color: #ef1126;
    content: " *";
    font-weight: bold;
    font-size: 15px;
}
input.imp-asterisks-in-placeholder[type="text"]:-moz-placeholder:after {
    color: #ef1126;
    content: " *";
    font-weight: bold;
    font-size: 15px;
}
input.imp-asterisks-in-placeholder[type="text"]::-moz-placeholder:after {
    color: #ef1126;
    content: " *";
    font-weight: bold;
    font-size: 15px;
}
input.imp-asterisks-in-placeholder[type="text"]:-ms-input-placeholder:after {
    color: #ef1126;
    content: " *";
    font-weight: bold;
    font-size: 15px;
}
.imp-asterisks {
    color: #ef1126;
    font-weight: bold;
    font-size: 15px;    
}

.imp-asterisks-required {
    color: red;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
}
.imp-suffix-asterisk{
    display: inline-block;
}
/*end of required placeholder asterisks*/


/*#region Column Options Modal Window*/

.column-options {
    display: table !important;
    height: 100%;
    width: 100%;
    text-align: center;
}
.column-options .modal-dialog {
    display: table-cell;
    vertical-align: middle;
}
.column-options .modal-content {
    margin: auto auto;
    width: 500px;
    height: 500px;
    text-align: left;
}
.column-options .modal-body {
    padding: 15px 20px 0px 20px;
}
.column-options .flex {
    display: flex;
    justify-content: space-between;
}
.column-options .column-options-header {
    height: 23px;
    line-height: 23px;
    border-bottom: #b1b1b1 solid 1px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    color: #000000;
}
.column-options .list-title {
    color: #767676;
    margin-top: 10px;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.column-options .list-title-margin-bottom {
    margin-bottom: 7px;
}
.column-options .list {
    width: 220px;
    height: 370px;
    border: #b1b1b1 solid 1px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.column-options .list .list-row {
    line-height: 18px;
    padding: 2px 5px 2px 5px;
}
.column-options .list .selected-row {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6ecff), to(#a6ecff));
    background-image: -webkit-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: -o-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: linear-gradient(to bottom, #a6ecff, #a6ecff);
}
.column-options .list .hover-row {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1f9ff), to(#e1f9ff));
    background-image: -webkit-linear-gradient(top, #e1f9ff, #e1f9ff);
    background-image: -o-linear-gradient(top, #e1f9ff, #e1f9ff);
    background-image: linear-gradient(to bottom, #e1f9ff, #e1f9ff);
}
.column-options .list .hover-margin {
    margin-left: 21px;
}
.column-options .column-options-footer {
    padding: 0px;
    font-size: 14px;
    display: flex;
    justify-content: flex-end;
}
.column-options .column-options-footer .footer-button {
    width: 80px;
    height: 26px;
    margin: 10px 0px 10px 10px;
    font-size: 12px;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*#endregion Column Options Modal Window*/


/*#region documents tabs*/

.documents-contextual-tab {
    padding-left: 0 !important;
}
.imp-contextual-tab-common {
    display: flex;
    width: 100%;
    background: white;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}
.imp-contextual-tabs-container {
    left: 0;
    min-width: 200px;
    right: 0;
    position: relative;
    background-color: white;
    z-index: 1000;
    padding-top: 10px;
}
.imp-contextual-tabs .container {
    width: 100%;
    margin: auto;
    padding: 0px 0px;
}
.imp-contextual-tabs {
    left: 0;
    margin: auto;
    right: 0;
    z-index: 1080;
}
.imp-contextual-tabs a {
    outline: 0;
}
.imp-contextual-tabs .imp-contextual-bar-container {
    width: 1103px;
    display: flex;
}
.imp-contextual-tabs .main-container {
    display: flex;
}
.imp-contextual-tab {
    margin-top: 7px;
    width: inherit;
    position: relative;
    margin-right: 40px;
    min-width: 90px;
}
.imp-contextual-tab.disabled {
    background: none;
    cursor: default;
    color: #767676;
}
.imp-contextual-tabs .divider {
    border-right: 1px solid #d8d8d8;
    width: 1px;
    height: 20px;
    /*margin-left: 5px;
        margin-right: 5px;*/
}
.imp-contextual-tabs .divider.last {
    border-right: 1px solid #d8d8d8;
    border-left: none;
}
.imp-contextual-tabs .indicator.active {
    position: relative;
    background-color: #1da955;
    height: 3px !important;
    width: 100% !important;
    margin-top: 10px;
}
.imp-contextual-tabs .indicator.active:before {
    z-index: -1;
    position: absolute;
    top: -220%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #1da955;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
.imp-contextual-tabs .indicator.active:after {
    z-index: 2;
    position: absolute;
    top: -90%;
    left: 70%;
    margin-left: -30%;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #FFFFFF;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
}
.imp-tab-text .imp-contextual-tab span {
    padding-left: 5px;
    padding-right: 5px;
}
.imp-tab-text .imp-contextual-tab div {
    margin-top: 10px;
}
/**
     * Firefox only css hack.  This displays correctly in all other browsers
    */

@-moz-document url-prefix() {
    .imp-contextual-tabs .indicator.active {
        margin-top: 7px;
    }
    .imp-contextual-tabs .indicator.active:before {
        top: -200%;
    }
    .imp-contextual-tabs .indicator.active:after {
        top: -70%;
    }
    .imp-contextual-bar-tabs-container {
        height: 40px;
    }
    .imp-contextual-bar-tabs-container-with-alert-panel {
        margin-top: 96px;
    }
}
/*#endregion document tabs*/


/*#region Contextual bar details*/

.imp-contextual-bar-details-with-alert-panel {
    margin-top: 7px;
    -webkit-margin-before: 93px;
}
/*#endregion Contextual bar details*/


/*#region Borrower needs list*/
/*==================================================
 * borrowers-needs-list.css
 *
 * Created By: Adam Alt
 * Created On: 2016-10-06
 *
 * ===============================================*/
/*==================================================
 * BNL - Needs List Title
 * ===============================================*/

.bnl .loan-app-section {
    margin-bottom: 50px;
}
/*==================================================
 * BNL - Needs List Title
 * ===============================================*/

.bnl .needs-list-title {
    color: black;
    font-size: 15px;
    cursor: pointer;
}
/*==================================================
 * BNL - Title Bar
 * ===============================================*/

.bnl .bnl-title-bar {
    position: relative;
    border-bottom: 1px solid #414141;
    display: inline-block;
    width: 87%;
    padding-right: 13%;
}
/*==================================================
 * BNL - Expand Arrows
 * ===============================================*/

.bnl .arrow-down,
.bnl .arrow-right {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
    margin-right: 6px;
}
.amortization-payments .arrow-down,
.amortization-payments .arrow-right,
.company-info .arrow-down,
.company-info .arrow-right {
    cursor: pointer;
    display: inline-block;
    margin-right: 6px;
    height: 0;
    width: 0;
}
.bnl .arrow-down {
    top: -3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #7B7B7B;
}
.imp-needs-list .arrow-down,
.amortization-payments .arrow-down,
.company-info .arrow-down {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #7B7B7B;
}
.bnl .arrow-right {
    left: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #7B7B7B;
}
.imp-needs-list .arrow-right,
.amortization-payments .arrow-right,
.company-info .arrow-right {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #7B7B7B;
    margin-right: 8px;
    margin-left: 4px;
}
/*==================================================
 * BNL - Expand Collapse
 * ===============================================*/
/*
.bnl > .bnl-title-bar .imp-expandcollapse-div {
    float: right;
    font-size: 14px;
    margin-top: 0;
    padding-right: 3px;
}
*/

.bnl .bnl-title-bar .bnl-expand-icon {
    position: absolute;
    left: -19px;
    top: 4px;
}
/*==================================================
 * BNL - Borrower Name Section
 * ===============================================*/

.bnl .borrower-name-section {
    float: left;
    padding-bottom: 4px;
    font-size: 13px;
}
.bnl .borrower-name-section .borrower-name {
    cursor: pointer;
    color: #1fb25a;
}
.amortization-payments .arrow-right,
.amortization-payments .arrow-down,
.company-info .arrow-right,
.company-info .arrow-down {
    position: absolute;
}
.amortization-payments .arrow-right,
.company-info.arrow-right {
    margin-top: 9px;
    margin-left: -12px;
}
.amortization-payments .arrow-down,
.company-info .arrow-down {
    margin-top: 11px;
    margin-left: -15px;
}
/*Section title*/

.imp-needs-list .needs-list-title,
.company-info .needs-list-title {
    color: black;
    font-size: 15px;
    margin-left: -19px;
    cursor: pointer;
}
.bnl .borrower-name-section .name-token {
    color: #767676;
    font-size: 12px;
    padding-right: 3px;
}
.bnl .borrower-name-section .name-divider {
    position: relative;
    top: -1px;
    color: #9d9d9d;
    margin: 0px 2px;
}
/*==================================================
 * BNL - Documet List
 * ===============================================*/
.export-selected-button {
    position: relative;
    top: -1px;
    width: 120px;
    height: 21px;
    padding: 1px 0px 0px 0px;
    margin-right: 0px;
    margin-top: 5px;
}

.download-selected-button {
    position: relative;
    top: -1px;
    width: 120px;
    height: 21px;
    padding: 1px 0px 0px 0px;
    margin-right: 0px;
    margin-top: 5px;
}

/*==================================================
 * BNL - Create Needs List Button
 * ===============================================*/

.bnl .title-bar-button-section {
    position: absolute;
    right: 0px;
    top: -10px;
}
.bnl .create-needs-list-button {
    position: relative;
    top: -1px;
    width: 120px;
    height: 21px;
    padding: 1px 0px 0px 0px;
    margin-right: 0px;
    margin-top: 5px;
}
/*==================================================
 * BNL - Counts Region
 * ===============================================*/

.bnl .bnl-counts-region {
    float: right;
    position: relative;
    top: -3px;
    font-size: 13px;
    color: #9d9d9d;
}
.bnl .bnl-count-box {
    display: inline-block;
    /*margin-left: 25px;*/
}
.bnl .bnl-status-icon {
    display: inline-block;
    font-size: 16px;
    vertical-align: text-bottom;
    color: #AFAFAF;
}
.bnl .bnl-status-icon.warning {
    color: #FFA300;
}
.bnl .bnl-status-icon.error {
    color: #EF1123;
}
.bnl .bnl-status-icon.success {
    color: #1fb25a;
}
.bnl .bnl-count-text {
    display: inline-block;
}
.bnl .bnl-count-number {
    color: #000000;
}

/*==================================================
 * BNL - DocVault Button
 * ===============================================*/
.bnl-expand .DocVaultFlyOutTemplate {
    top: 2px !important;
    left: -2px !important;
    cursor: pointer;
    margin-right: 20px !important;
}

.bnl-normal .DocVaultFlyOutTemplate {
    top: 0px !important;
    left: 5px !important;
    cursor:pointer;
}

.docvault-satisfied .DocVaultFlyOutTemplate {
    color: #9d9d9d !important;
}

.bnl-expand-edit .DocVaultFlyOutTemplate {
    top: 2px !important;
    left: -2px !important;
    cursor: pointer;
    margin-right: 20px !important;
}



/*==================================================
 * BNL - Body
 * ===============================================*/
.bnl .bnl-body {
    position: relative;
    margin-top: 33px;
    width: 100%;
    white-space: nowrap;
}
/*==================================================
 * BNL - Columns
 * ===============================================*/

.bnl .bnl-column {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}
.bnl .bnl-left-column {
    width: 100%;
}
.bnl .bnl-right-column {
    width: 274px;
    margin-left: 36px;
}
.bnl .bnl-right-column::after {
    content: "";
    display: table;
}
.bnl .bnl-column-header {
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #BCBDBD;
}
/*==================================================
 * BNL - Item Row
 * ===============================================*/

.bnl .bnl-item-row {
    position: relative;
    min-height: 27px;
    padding-top: 14px;
    border-bottom: 1px solid #BCBDBD;
    font-size: 12px;
    color: #000000;
}
.bnl .bnl-item-row.collapsed:hover {
    background-color: #E1F9FF;
}
/*==================================================
 * BNL - Item Row - Header
 * ===============================================*/

.bnl .bnl-item-row-header {
    position: relative;
}
.bnl .bnl-item-row-expand {
    position: absolute;
    top: 1px;
    left: -59px;
}
.bnl .bnl-item-row-count {
    position: absolute;
    top: 0px;
    left: -41px;
}
.bnl .bnl-item-row-status-icon {
    position: absolute;
    top: -1px;
    left: -19px;
}
/*==================================================
 * BNL - Item Row - Title Section
 * ===============================================*/

.bnl .bnl-item-row-title-section {
    position: relative;
    top: -4px;
    padding: 5px 6px;
    cursor: pointer;
}

.bnl .new-expanded-view .bnl-item-row-title-section {
    display:inline-grid;
    position: relative;
    top: -4px;
    padding: 5px 6px;
    cursor: pointer;
    width: 65%;
}

.bnl .bnl-item-row.expanded .bnl-item-row-title-section:hover {
    background-color: #E1F9FF;
}
.bnl .bnl-item-row.expanded .bnl-item-row-title {
    font-weight: bold;
}
.bnl .bnl-item-row-description {
    margin-top: 7px;
    color: #767676;
    white-space: pre-wrap;
    width: 691px;
}

.bnl .bnl-item-satisfied-warning-message {
    font-size: 12px;
    background-color: #FFF5D6;
    margin-top: 7px;
    width:690px;
    padding:3px 0px;
    padding-left:3px;
}


.bnl .bnl-item-row-edit-icon {
    display: none;
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 16px;
    color: #208DDC;
    cursor: pointer;
}
.bnl .bnl-item-row.expanded .bnl-item-row-title-section:hover .bnl-item-row-edit-icon {
    display: block;
}


/*==================================================
 * BNL - Item Row - Edit Section
 * ===============================================*/

.bnl .bnl-item-row-edit-section {
    position: relative;
    top: -3px;
    padding-left: 7px;
    margin-bottom: 20px;
}
.bnl select.doc-type-select {
    width: 33%;
    margin-right: 4px;
}
.bnl select.doc-for-select {
    width: 31%;
    margin-right: 4px;
}
.bnl select.doc-matrix-select {
    width: 34%;
}
.bnl .doc-description-textarea {
    margin-top: 7px;
    width: 691px;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 1px 0px #dedede;
    padding: 2px 12px 0px 8px;
    font-size: 12px;
    height: 83px !important;
    min-height: 18px;
    line-height: 18px;
    overflow: hidden;
    outline: none;
    resize: none;
}
.bnl .doc-description-textarea:hover {
    box-shadow: 0px 0px 2px 1px #dedede;
}
.bnl .doc-description-input {
    margin-top: 7px;
    width: 100%;
    border: 1px solid #dedede;
    box-shadow: 0px 0px 1px 0px #dedede;
    padding: 2px 12px 0px 8px;
    height: 22px;
}
.bnl .doc-description-input:hover {
    box-shadow: 0px 0px 2px 1px #dedede;
}

button.large-primary-button.export-selected.ng-scope.ng-isolate-scope {
    font-size: 12px !important;
    height: 20px !important;
    padding: 0 6px !important;
}

button.large-primary-button.export-selected.ng-scope.ng-isolate-scope {
    font-size: 12px !important;
    height: 20px !important;
    padding: 0 6px !important;
}

button.large-primary-button.download-selected.ng-isolate-scope {
    font-size: 12px !important;
    height: 20px !important;
    padding: 0 6px !important;
}


i.cv-icon-doc-export {
    font-size: 16px;
    margin-top: 3px;
    float: left;
    margin-right: 3px;
}

i.cv-icon-doc-export::before {
    color: white;
}
/*==================================================
 * BNL - Item Row - Body
 * ===============================================*/
.bnl .bnl-item-row-body {
    position: relative;
    margin-top: 10px;
    min-height: 71px;
}
/*==================================================
 * BNL - Item Row Document
 * ===============================================*/
.bnl .bnl-document-actions {
    text-align: right;
    margin-bottom: 5px;
}

.document-list-grid{
    display: grid;
    grid-template-columns: 40px 467px 120px 145px 110px 50px 73px 59px;
    margin-bottom: 15px;
    
}
.document-list-grid .document-row {
    display: grid;
    grid-template-columns: 40px 467px 120px 145px 110px 50px 73px 59px;
    grid-column: 1 / -1;
    background-color: #f7f7f7;
    border-bottom: .3px solid #e9e9e9;
}

.document-list-grid.in-needs-list-summary{
    grid-template-columns: 40px 467px 120px 145px 110px 50px 73px 59px;
}

.document-list-grid .document-row.in-needs-list-summary {
    grid-template-columns: 40px 467px 120px 145px 110px 50px 73px 59px;
}
.document-list-grid > span {
    color: #767676;
    background-color: #f0f0f0;
    padding: 8px 4px;
    display: flex;
    align-items: center;
}

.document-list-grid .document-row > span {
    display: flex;
    padding: 8px 4px;
    align-items: center;
}

    .document-list-grid .document-row .document-name-icon-container{
        cursor: pointer;
    }
    .document-list-grid .document-row .document-name-icon-container:hover {
        background-color: lightgray;
    }

    .document-list-grid .document-row > span.document-status > a.label-blue {
        color: #208DDC;
    }
.document-list-grid .document-row > span.document-status > a.label-green {
    color: #1FB25A;
}

    .document-list-grid .document-row > span.document-status > a.label-red {
        color: #EF1126;
    }

    .document-list-grid .document-row > span.document-status > a.label-black {
        color: black;
    }

.document-list-grid .no-docs-placeholder{
    grid-column: 1 / -1;
    color: #767676;
    background-color: #f8f8f8;
}
.bnl .bnl-item-row-doc-list {
    position: relative;
    left: 7px;
    width: 50%;
    min-height: 35px;
}
.bnl .bnl-item-row-doc {
    position: relative;
    left: -29px;
    padding-left: 29px;
    height: 20px;
    margin-bottom: 3px;
    color: #208ddc;
}
.bnl .bnl-item-row-doc-delete-icon {
    display: none;
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
.bnl .bnl-item-row-doc:hover .bnl-item-row-doc-delete-icon {
    display: block;
}
.bnl .bnl-item-row-doc-icon {
    display: inline-block;
    position: relative;
    top: 4px;
    left: -2px;
}
.bnl .bnl-item-row-borrower-icon {
    position: absolute;
    top: 6px;
    left: 28px;
    opacity: .7;
}
.bnl .bnl-item-row-doc-title {
    display: inline-block;
    position: relative;
    top: 3px;
    max-width: 300px;
    margin-left: 3px;
    font-size: 12px;
    cursor: pointer;
}
/*==================================================
 * BNL - Drag and Drop Region
 * ===============================================*/

.bnl .bnl-item-right-region {
    height: 75px;
    margin-bottom: 35px;
}

.bnl .bnl-item-upload-region:hover .cv-icon-upload-arrow {
    color: #0b68ac;
}
.bnl .bnl-upload-documents-region {
    color: #9d9d9d;
    cursor: pointer;
    display: inline-block;
}
.bnl .bnl-browse-docvault-region {
    color: #9d9d9d;
    cursor: pointer;
    display: inline-block;
}
.bnl .bnl-link-text:hover {
    color: #208ddc;
    text-decoration: underline;
}
.bnl .bnl-upload-documents-region.disabled {
    cursor: default;
    color: #9d9d9d;
    background-color: transparent;
}
.bnl .bnl-upload-documents-region.disabled .bnl-link-text,
.bnl .bnl-upload-documents-region.disabled .cv-icon-upload-arrow {
    text-decoration: none;
    color: #9d9d9d;
}
.bnl .cv-icon-upload-arrow {
    position: relative;
    top: 2px;
    margin-right: 5px;
    font-size: 15px;
    color: #208ddc;
}

.bnl-item-row-title .cv-icon-upload-arrow {
    margin-right: 0px;
    top:0px;
}

.bnl .cv-icon-paperclip {
    color: #208ddc;
}

.bnl .cv-icon-clip {
    font-size: 15px;
}

.bnl .bnl-upload-documents-region .cv-icon-upload-arrow {
    position: relative;
    top: 0px;
    font-size: 15px;
    margin-right:0px;
    color: #208ddc;
}


.bnl .cv-icon-search {
    position: relative;
    top: 1px;
    margin-right: 3px;
    font-size: 14px;
    color: #208ddc;
}

.bnl .bnl-upload-documents-region .cv-icon-search {
    position: relative;
    top: 1px;
    margin-right: 3px;
    font-size: 14px;
    color: #9d9d9d;
}
/*==================================================
 * BNL - Item Row - Footer
 * ===============================================*/

.bnl-item-row-footer {
    position: relative;
    margin: 5px 0px 20px;
    padding-top: 10px;
}
/*==================================================
 * BNL - Item Row Status Region
 * ===============================================*/

.bnl .bnl-item-status-region {
    display: inline-block;
    position: relative;
    left: 10px;
    font-size: 12px;
    color: #9d9d9d;
}
.bnl .bnl-item-status-icon {
    display: inline-block;
    margin-left: 14px;
}
.bnl .bnl-status-select {
    display: inline-block;
    position: relative;
    top: -2px;
    font-weight: bold;
    font-size: 12px;
    width: 100px;
}
/*==================================================
 * BNL - Item Row Modified By Region
 * ===============================================*/

.bnl .bnl-item-modified-by-region {
    position: absolute;
    right: 97px;
    top: 4px;
    color: #DBDBDB;
}
/*==================================================
 * BNL - Item Row Modified By Region
 * ===============================================*/

.bnl .bnl-item-delete-region {
    position: absolute;
    right: 4px;
    top: 0px;
    color: #000000;
    opacity: 0.4;
    cursor: pointer;
}

.bnl .bnl-item-delete-region-satisfied {
    position: absolute;
    right: 4px;
    top: 0px;
    color: #000000;
    opacity: 0.4;
    cursor: pointer;
}

.bnl .cv-icon-delete {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 16px;
    color: #EF1123;
}
.bnl .bnl-item-delete-region:hover {
    opacity: 1.0;
}
/*==================================================
 * BNL - Borrower Uploaded Documents Section
 * ===============================================*/

.bnl .bnl-uploaded-docs-explanation-section {
    margin: 15px 0px;
}
.bnl .drag-and-drop-explanation {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    font-style: italic;
}
.bnl .bnl-uploaded-docs-list {
    margin-left: -7px;
}
.bnl .bnl-uploaded-doc {
    position: relative;
    width: 95%;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 2px 12px;
    font-size: 12px;
    color: #9d9d9d;
    cursor: pointer;
}
.bnl .bnl-uploaded-doc:hover {
    background: #e1f9ff;
}
.bnl .bnl-uploaded-doc:active {
    border-color: #208ddc;
    background: #f5feff;
    color: #208ddc;
}
.bnl .bnl-uploaded-doc-icon {
    position: relative;
    top: 0px;
    left: -5px;
    height: 19px;
    background-image: url('images/document-icon.png');
    background-repeat: no-repeat;
}
.bnl .bnl-uploaded-borrower-icon {
    position: absolute;
    top: 4px;
    left: 8px;
    opacity: .7;
}
.bnl .bnl-uploaded-doc-title {
    position: absolute;
    top: 5px;
    left: 29px;
    width: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bnl .bnl-uploaded-doc-date {
    position: absolute;
    top: 5px;
    right: 10px;
}
/*==================================================
 * BNL - Add Item Region
 * ===============================================*/

.bnl .bnl-add-item-region {
    margin-top: 10px;
    margin-left: 1px;
    color: #208ddc;
    cursor: pointer;
    display: inline-block;
}
.bnl .bnl-add-item-region .cv-icon-add-symbols {
    font-size: 15px;
    vertical-align: text-bottom;
    color: #208DDC;
    margin-right: 1px;
}
/*==================================================
 * BNL - Needed List Row [OLD]
 * ===============================================*/

.bnl .needs-list-row-edit div.instructions-row {
    padding-left: 28px;
}
.bnl .needs-list-row-edit div.instructions-row input {
    border: 1px solid #A2A1A1;
}
.bnl .needs-list-row-edit,
.bnl .needs-list-row {
    background-color: white;
    position: relative;
}
.bnl .needs-list-row {
    padding: 6px 0px;
    padding-left: 6px;
}
.bnl .needs-list-row .enable-edit {
    position: relative;
    margin-left: -29.6%;
    height: 16px;
}
.bnl .needs-list-row .needs-list-label {
    padding-top: 2px;
}
.bnl .needs-list-row .row .doc-completed {
    color: rgb(73, 232, 138);
    font-size: 16px;
    margin-top: -2px;
}
.bnl .needs-list-row-edit {
    background-color: #C8E0E6;
    margin-left: -1px;
}
.bnl .needs-list-row-edit .row {
    padding: 3px;
    margin-right: 0px;
    margin-left: 0px;
}
.bnl .needs-list-row-edit .column {
    float: left;
}
.bnl .row-clicked {
    background-color: #e1f9ff !important;
    height: 50px;
}
/*==================================================
 * BNL - Save & Close section
 * ===============================================*/

.bnl-save-section {
    border-top: 3px solid #1fb25a;
    width: 100%;
    margin-top: 40px;
    padding-right: 0px;
}
.bnl-save-section > div {
    float: right;
}
.bnl-save-section .imp-button-hm-wm-sec {
    font-size: 12px;
}
.bnl-save-section.imp-button-hm-wl-prim {
    font-size: 12px;
}
/*==================================================
 * BNL - Summary flyout
 * ===============================================*/
.bnl-status-icon-satisfied {
    color: #1fb25a;
}
.bnl-satisfied-buttons{
    margin-top: 10px;
}
.bnl-satisfied-hollow {
    border: 1px solid #1fb25a !important;
    background: transparent !important;
    box-shadow: 0px 3px 2px -2px #A9A9A9 !important;
    color: #1fb25a !important;
    width: 150px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    height: 30px;
}
.bnl-satisfied-hollow:not([disabled]):hover {
    background: #1fb25a !important;
    border: 1px solid #1fb25a !important;
    color: white !important;
}
.bnl-satisfied-hollow:not([disabled]):hover .bnl-status-icon-satisfied::before {
    color: white;
}
.bnl-satisfied-hollow.disable {
    border: 1px solid grey !important;
    color: grey !important;
}
.bnl-satisfied-hollow.disable .bnl-status-icon-satisfied {
    color: grey !important;
}
.bnl-status-icon-incomplete {
    color: #EF1123;
}
.bnl-incomplete-hollow {
    border: 1px solid #EF1123 !important;
    background: transparent !important;
    box-shadow: 0px 3px 2px -2px #A9A9A9 !important;
    color: #EF1123 !important;
    width: 150px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    height: 30px;
}
.bnl-incomplete-hollow:not([disabled]):hover {
    background: #EF1123 !important;
    border: 1px solid #EF1123 !important;
    color: white !important;
}
.bnl-incomplete-hollow:not([disabled]):hover .bnl-status-icon-incomplete::before {
    color: white;
}
.bnl-incomplete-hollow.disable {
    border: 1px solid grey !important;
    color: grey !important;
}
.bnl-incomplete-hollow.disable .bnl-status-icon-incomplete {
    color: grey !important;
}
.bnl-incomplete-cancel {
    margin-left: 5px;
}
.bnl-incomplete-message {
    height: 70%;
    width: 97%;
    border: 1px solid #bdbebe;
    color: #505050;
    margin-top: 10px;
    resize: none;
}
.bnl-incomplete-checkbox {
    font-size: 12px !important;
    margin-top: 12px;
}

.bnl-incomplete-borrower-note {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    color: grey;
}
.bnl-incomplete-header{
    margin-top: 10px;
    font-weight:bold;
}
.bnl-incomplete-button-done {
    width: 110px;
    margin-left: 0px;
}
.bnl-incomplete-button-cancel {
    margin-left: 0px;
    margin-right: 10px;
}
.bnl-incomplete-flyout-buttons{
    margin-top: 15px;
}
.bnl-buttons-header {
	font-size: 13px;
	font-weight: bold;
}

.cv-icon-menu-dot:hover {
	cursor: pointer; 
}
/*#endregion Borrower needs list*/

/*#region Needs List Review*/
.needs-list-review-body{
    width: 100%;
}

.needs-list-review-flyout{
    top: 0px !important;
    z-index: 2050 !important;
}

.needs-list-review-flyout .modal-dialog {
    height: 100% !important;
}

.needs-list-review-flyout .modal-dialog
.modal-content .needs-list-review-section-container {
    margin-left: 20px;
    margin-right: 20px;
    height: calc(100vh - 118px);
}

.needs-list-review-flyout .modal-dialog .modal-content .header {
    height: 30px;
    padding-left: 1px;
    padding-bottom: 25px;
    border-bottom: 1px solid #c6c6c6;
    overflow:auto;
}

.needs-list-review-flyout .modal-dialog .modal-content .bnl-flyout-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.needs-list-review-flyout .modal-dialog .modal-content .bnl-flyout-title-description {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom:7px;
    color: #9d9d9d;
    white-space: pre-wrap;
}
/*#endregion Needs List Review*/


/*#region Estimate Fee*/

.estimate-fee.imp-popover .container {
    width: 310px;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column .imp-span-ddl-container.medium {
    width: 136px;
}
.estimate-fee.imp-popover .imp-split {
    min-height: 0;
}
.estimate-fee.imp-popover .container .header {
    font-size: 15px;
    padding-bottom: 5px;
}
.estimate-fee.imp-popover div.container .imp-tree-list-dropdown-container {
    position: relative;
}
.estimate-fee.imp-popover .content .rowitem .imp-tree-list-dropdown-container div {
    display: block;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column .imp-span-ddl-container.medium {
    width: 137px;
}
.estimate-fee.imp-popover .container .content {
    margin: 0;
    padding: 15px 0;
}
.estimate-fee.imp-popover .container .content .rowitem {
    width: 100%;
    float: none;
    white-space: nowrap;
}
.estimate-fee.imp-popover .container .content .rowitem:first-child {
    padding-top: 0;
}
.estimate-fee.imp-popover .container .content .rowitem:last-child {
    padding-bottom: 0;
}
.estimate-fee.imp-popover .container .content .rowitem .left-column {
    width: 50%;
    float: left;
    line-height: 24px;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column {
    width: 45%;
    float: right;
    text-align: right;
    display: flex;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column input {
    width: 100%;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column .imp-span-ddl-container.tree-list {
    width: 136px;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column .imp-span-ddl-container {
    width: 100%;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column.chbox input {
    margin-left: -6px;
    width: 104px;
}
.estimate-fee.imp-popover .container .content .rowitem .right-column input[type='checkbox'] {
    width: auto;
    float: left;
}
/*#endregion Estimate Fee*/

select.imp-ddl:focus {
    border-color: rgba(82, 168, 236, 0.8);
    border-style: solid;
    border-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.6) 0px 0px 8px 0px;
    transition-delay: 0s, 0s;
    transition-duration: 0.2s, 0.2s;
    transition-property: border, box-shadow;
    transition-timing-function: linear, linear;
}
.imp-span-ddl-container:before {
    right: 1px;
    top: 1px;
    border: 0px solid #bdbebe;
}
.income-container .section-2 .col-xxxl .input-group > input.form-control {
    border-right-width: 0;
    width: 98px;
}
.income-container .section-2 .col-xxxl .input-group > div.imp-span-ddl-container-short {
    margin-left: 7px;
    width: auto;
}
.income-container .section-2 .col-xxxl .input-group > div.imp-span-ddl-container-short > select.imp-ddl-short {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.income-current-employer-right-wrapper .input.orm-control {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.income-current-employer-right-wrapper {
    float: left;
    width: 60%;
}
.income-current-employer-right-wrapper.with-checkbox {
    padding-left: 32px;
}
select.imp-ddl-short-2 {
    width: 86px;
}
.section-property-expenses {
    height: 155px;
}
.section-property-expenses .imp-span-ddl-container-short {
    width: auto;
}
.imp-span-ddl-container.medium.imp-span-ddl-container-short-4 {
    width: 96px;
}
.imp-span-ddl-container-short-4 > select,
.imp-span-ddl-container-short-4 > select:focus {
    width: 100%;
}
.imp-modal.flyout .section.section-property-expenses .col-xxxxxl .input-group {
    width: 100%;
}
.income-container .section-2 .col-xxxl .input-group > div.imp-span-ddl-container-short.imp-span-ddl-container-short-3 {
    width: 45%;
}

.income-container .section-2 .col-xxxl .input-group > div.imp-span-ddl-container.fixed-width-85 {
    width: 85px !important;
}

.income-container .section-2 .column-xlarge .input-group > div.imp-span-ddl-container.fixed-width-85 {
    width: 85px;
}
/*#region confirmation modal*/
.imp-split {
    min-height: 4px;
    border-bottom: 2px solid #dadada;
    margin: 0 auto;
    display: block;
    width: auto;
}

.imp-split.lock-confirmation-split {
    width: 600px;
    float: left;
}

.header-text {
    font-weight: bold;
    font-size: large;
    display: inline-block;
}
.confirmation-cancel {
    padding-right: 15px;
}
.imp-text-enhanced-color.enhanced-lock {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}
.imp-confirmation-modal-content {
    padding: 8px;
    width: 582px;
    height: 182px;
    font-size: 15px;
    color: #000000;
    text-align: center;
    margin-bottom: 0px;
}
.imp-confirmation-modal-header {
    border: none;
    padding-bottom: 0;
    margin-bottom: 12px;
}

.row-confirmation-obapi .item-obapi .labelfield,
.row-confirmation-obapi .item-wide .labelfield {
    color: #9d9d9d;
}
.imp-confirmation-modal-body-obapi {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 110px;
}
.imp-confirmation-modal-body-obapi .confirmation-message-obapi {
    text-align: center;
    margin: 15px auto;
    width: 490px;
    height: 45px;
}
.imp-confirmation-modal-body-obapi .product-row {
    width: 490px;
    height: 24px;
    margin: 15px auto;
    font-weight: bold;
}
.imp-confirmation-modal-body-obapi .product-row .productname {
    width: 75%;
    float: left;
    text-align: left;
}
.imp-confirmation-modal-body-obapi .product-row .productid {
    width: 25%;
    float: left;
    text-align: left;
}
.row-confirmation-obapi {
    width: 490px;
    margin: 0 auto;
    height: 24px;
    margin-bottom: 10px;
}
.row-confirmation-obapi .item-left-obapi {
    width: 19%;
    float: left;
    text-align:left;
}
.row-confirmation-obapi .item-middle-obapi {
    width: 39%;
    float: left;
    text-align: left;
}
.row-confirmation-obapi .item-right-obapi {
    width: 32%;
    float: left;
    text-align: right;
}
.row-confirmation-obapi .item-left-obapi .labelfield,
.row-confirmation-obapi .item-middle-obapi .labelfield,
.row-confirmation-obapi .item-right-obapi .labelfield {
    color: grey;
}

.imp-confirmation-modal-body {
    padding: 0;
    margin-bottom: 10px;
    height: 40px;
}
.row-confirmation {
    width: 550px;
    margin: 0 auto;
}
.row-confirmation-obapi .item-obapi {
    width: 30%;
    float: left;
    text-align:left;
}
.row-confirmation .item {
    width: 30%;
    float: left;
}
.row-confirmation .item-wide {
    width: 40%;
    float: left;
}

.row-confirmation-obapi.item-right-obapi .textbold {
   font-weight: bold;
}

.warning-message {
    margin-top: 1%;
    color: tomato;
    font-size: small;
    width: 60%;
}
.imp-confirmation-modal-footer {
    border: none;
    width: auto;
    margin-right: 15px;
}
.imp-confirmation-modal-footer button {
    width: auto;
}
.imp-confirmation-modal-body.modal-body .productname {
    font-weight: bold;
    margin-bottom: 14px;
}
.imp-confirmation-modal-body-obapi.modal-body .productname-obapi {
    margin-bottom: 19px;
    font-size:16px;
}
.imp-confirmation-modal-title.modal-title .modaltitle {
    font-weight: bold;
    font-size:18px;
}
.row-confirmation .item .labelfield,
.row-confirmation .item-wide .labelfield {
    color: #9d9d9d;
}
.imp-confirmation-modal-button {
    float: left;
    margin-left: 40px;
}
.imp-success-message {
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    padding: 30px;
}
.confirmation-modal {
    z-index: 1090 !important;
}
.confirmation-modal-header {
    font-weight: bold;
    text-align: left;
    margin-right: 15px;
    font-size: 15px;
}
.confirmation-modal-message {
    padding: 8px 25px 0px 25px;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    word-wrap: pre;
}

.common-modal-500 .confirmation-modal-message {
    overflow-y: auto;
    max-height: 300px;
}

.modal-header-with-underline {
    font-size: 15px;
    font-weight: bold;
    margin: 20px 20px 0px 20px;
    border-bottom: 1px solid #bdbebe;
    text-align: left;
    padding-bottom: 5px;
}

.confirmation-modal-message ul {
    margin: 0px;
}
.confirmation-modal-message ul li {
    line-height: normal;
}
.confirmation-modal-closeButton {
    height: 30px;
    padding: 0px;
    font-size: 12px;
    margin-right: 82px;
    margin-left: -10px;
}

.button-confirmation-modal-closeButton {
    height: 30px;
    padding: 0px;
    font-size: 12px;
    margin-left: -10px;
}

/*#region missingdata subject property modal*/

.common-modal .missingdatasubjectproperty-modal-body {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    display: table;
}

.common-modal .missingdatasubjectproperty-modal-body .modal-body-half,
.common-modal .missingdatasubjectproperty-modal-body .section {
    min-height: 50px;
}

.common-modal .missingdatasubjectproperty-modal-body .modal-body-half .message-details {
    font-size: 12px;
    font-weight: normal;
}

.common-modal .missingdatasubjectproperty-modal-body .modal-body-half:last-child {
    padding-right: 20px;
}

.common-modal .missingdatasubjectproperty-modal-body .modal-body-half .message-details-bold {
    padding: 35px;
    text-align: left;
    font-size: 12px;
    color: black;
}

.common-modal .missingdatasubjectproperty-modal-body .modal-buttons {
    margin-top: 20px;
}

.common-modal .missingdatasubjectproperty-modal-body .section .message {
    padding: 35px 70px 0 70px;
    font-weight: normal;
    font-size: 18px;
}

.common-modal .missingdatasubjectproperty-modal-body {
    min-height: 150px;
    padding: 0;
}

    .common-modal .missingdatasubjectproperty-modal-body .offline-borrower .missing-econsent {
        width: 420px;
    }

.missingdatasubjectproperty-modal-header {
    font-weight: bold;
    padding-top: 18px;
    text-align: left;
    margin-left: 25px;
}

.missingdatasubjectproperty-modal-message {
    padding: 15px 25px 0px 25px;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    word-wrap: pre;
}

.missingdatasubjectproperty-modal-closeButton {
    height: 30px;
    padding: 0px;
    font-size: 12px;
    margin-top: 20px;
    float: right;
}

.missingdatasubjectproperty-modal-propertytabButton {
    vertical-align: bottom;
    float: right;
    margin-top: 20px;
}

/*#region Exit Workflow Modal */

.exit-workflow-message {
    padding-left: 38px;
    padding-right: 38px;
}
.exit-workflow-buttons .confirmation-modal-closeButton {
    margin-left: 0;
    margin-right: 49px;
}
.exit-workflow-buttons .imp-button-div-hs-ws-prim, .exit-workflow-buttons .imp-button-div-hs-ws-sec {
    margin-left: 10px;
    padding-top: 0px !important;
}
/*#endregion */

.unableToShop-modal-message {
    padding: 8px 40px 0px 40px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}
.unableToShopOrRePrice-modal-message {
    padding: 8px 30px 0px 30px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}

.unableToGetLoanNumber-modal-message {
    padding: 8px 30px 0px 30px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}
/*#endregion confirmation modal*/


/*region lock history popup*/

.imp-lockhistory-date-col {
    width: 30%;
    float: left;
}
.imp-lockhistory-col {
    width: 20%;
    float: left;
}
.imp-lockhistory-button-close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.imp-lockhistory-button-close:hover {
    cursor: pointer;
}
.imp-lockhistory-row {
    height: auto;
    overflow: auto;
    margin-top: 15px;
}
.imp-lockhistory-text-heading,
.products-center .main-container .section .calculator .calculator-row .eligibility-notification .success {
	color: #1fb25a;
}
.products-center .main-container .section .calculator .calculator-row .eligibility-notification .failure {
	color: #ef1126;
}
.imp-lockhistory-text {
    color: #000000;
}
/*#endregion lockhistory popup*/


/*#region Anti-Steering modal*/

.steering-modal-widowclass .modal-content {
    width: 660px;
}
.imp-steering-modal {
    height: 330px;
}
.imp-steering-modal .modal-container {
    width: 595px;
    padding: 25px;
    text-align: left;
    margin-left: 17px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
}
.imp-steering-modal .content {
    margin-top: 5px;
    padding: 6px;
    height: 179px;
}
.imp-steering-modal .imp-split {
    width: 100%;
    border-color: #ccc;
    margin-top: 5px;
}
.imp-steering-modal .header,
.imp-adverse-modal .header,
.imp-deny-rate-lock-modal .header {
    font-size: 15px;
    font-weight: bold;
}
.imp-deny-rate-lock-modal .header {
    padding-top: 20px;
    padding-left: 18px;
    float: left;
    position: relative;
    width: 426px;
}
.imp-steering-modal .footer .buttons {
    float: right;
    margin-top: 20px;
}
.imp-steering-modal .modal-container .content .row-item {
    padding-bottom: 7px;
    width: auto;
}
.imp-steering-modal .modal-container .content .row-item .first-column {
    width: 65%;
}
.imp-steering-modal .modal-container .content .row-item .first-column > strong {
    color: #000000;
}
.imp-steering-modal .modal-container .content .row-item:first-child .first-column {
    font-size: 15px;
    margin-top: 7px !important;
}
.imp-steering-modal .modal-container .content .row-item:first-child .first-column,
.imp-steering-modal .modal-container .content .row-item:first-child .second-column,
.imp-steering-modal .modal-container .content .row-item:first-child .third-column {
    margin-top: 0px;
}
.imp-steering-modal .modal-container .content .row-item .second-column {
    width: 11.5%;
    margin-right: 6px;
}
.imp-steering-modal .modal-container .content .row-item .second-column .input-interest-rate {
    width: 82%;
    text-align: right;
}
.imp-steering-modal .modal-container .content .row-item .third-column {
    width: 22.4%;
}
.imp-steering-modal .modal-container .content .row-item .third-column .input-points {
    width: 98.5%;
    text-align: right;
}
.imp-steering-modal .modal-container .content .row-item:first-child .second-column,
.imp-steering-modal .modal-container .content .row-item:first-child .third-column {
    color: #9d9d9d;
    text-align: center;
}
.imp-steering-modal .modal-container .content .row-item .first-column,
.imp-steering-modal .modal-container .content .row-item .second-column,
.imp-steering-modal .modal-container .content .row-item .third-column {
    float: left;
    margin-top: 14px;
    color: #9d9d9d;
}
/*#endregion Anti-Steering modal*/


/*#region lock registration modal*/

.imp-lock-registration-modal .modal-content {
    font-family: Arial, Helvetica, Sans-Serif;
    width: 384px;
    height: auto;
    position: absolute;
    left: 22.5%;
}
.imp-lock-registration-modal .header {
    padding-top: 20px;
    padding-left: 25px;
    float: left;
    position: relative;
    width: 90%;
    font-weight: bold;
    font-size: 15px;
}
.imp-lock-registration-modal .border-bottom {
    padding-left: 25px;
}
.lock-registration-content {
    padding-left: 25px;
    position: relative;
    float: left;
    width: 90%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 20px;
}
.imp-lock-registration-modal .lock-registration-content .row {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.lock-registration-title {
    position: relative;
    float: left;
    width: 140px;
    color: #9c9c9c;
    padding-top: 3px;
}
.imp-lock-registration-modal .lock-registration-content .row .imp-ddl {
    width: 100.5%;
    height: 24px;
}
.imp-lock-registration-modal .lock-registration-content .row .input-text {
    width: 54.5%;
}
.imp-lock-registration-modal .lock-registration-content .row .input-group {
    width: 57%;
}
.lock-registration-buttons {
    float: right;
    padding-top: 10px;
    padding-right: 25px;
    padding-top: 10px;
    position: relative;
    min-height: 55px;
}
/*#endregion lock registration modal*/


/*#region adverse and deny rate lock modal*/

.imp-adverse-modal {
    font-family: Arial, Helvetica, Sans-Serif;
    height: 80%;
    left: 18.5%;
    margin-left: -10%;
    position: fixed;
    top: 18%;
    width: 80%;
}

.imp-adverse-modal .modal-content {
    padding: 30px;
    height: auto;
    margin: 0 auto;
    position: relative;
    float: left;
    width: 550px;
}
.imp-deny-rate-lock-modal .modal-content {
    height: auto;
    min-height: 178px;
    margin: 0 auto;
    position: relative;
    float: left;
    width: 420px;
    left: 20%;
}
.imp-adverse-modal .header div,
.imp-deny-rate-lock-modal .header div {
    float: left;
}
.imp-adverse-modal .header,
.imp-deny-rate-lock-modal .header {
    float: left;
    position: relative;
    width: 100%;
}

.imp-adverse-modal .header .header-bottom {
    border-bottom: 1px solid #BCBDBD;
    width: 100%;
    float: left;
    position: relative;
    display: inline-block;
    clear: both;
    margin-top: 7px;
}
.imp-adverse-modal .header .header-text,
.imp-deny-rate-lock-modal .header .header-text {
    margin-top: 5px;
    margin-left: 5px;
}
.adverse-buttons,
.deny-rate-lock-buttons {
    float: right;
    padding-top: 10px;
    position: relative;
}
.adverse-reason-item {
    width: 100%;
    position: relative;
    float: left;
}

.deny-rate-lock-text {
    width: 348px;
    min-height: 50px;
    resize: none;
    border-radius: 3px;
    position: relative;
    float: left;
}
.adverse-content {
    position: relative;
    float: left;
    height: auto;
    padding-top: 13px;
}
.deny-rate-lock-content {
    padding-left: 30px;
    position: relative;
    float: left;
    width: 360px;
    height: auto;
}
.adverse-title {
    margin-bottom: 5px;
    position: relative;
    float: left;
    width: 360px;
}
.deny-rate-lock-title {
    margin-bottom: 15px;
    margin-top: 13px;
    position: relative;
    float: left;
    width: 360px;
}
.deny-rate-lock-title {
    margin-bottom: 7px;
}
.adverse-reason-ddl {
    margin-bottom: 8px;
    width: 100%;
    position: relative;
    float: left;
}
.border-bottom {
    border-bottom: 1px solid #BCBDBD;
    width: 90%;
    float: left;
    position: relative;
    display: inline-block;
    clear: both;
    margin-top: 7px;
}

.adverse-reason-text {
    width: 97.9%;
    max-height:100px;
    resize:none;
}

.adverse-reason-ddl
.imp-span-ddl-container
.imp-select-box-container
.items-list-container {
    width: 99.7%;
    overflow-y: unset;
    max-height:none;
}

.adverse-reason-ddl
.imp-span-ddl-container
.imp-select-box-container 
.items-list-container .item
.imp-lb-checkbox {
    width: 95%;
    padding-top: 1px;
    padding-bottom: 1px;
}

.adverse-reason-ddl
.imp-span-ddl-container
.imp-select-box-container 
.items-list-container .item:hover {
	cursor:pointer;
	background-color: #a6ecff;
    color:black;
}

/*#endregion adverse modal*/


/*#region read only mode*/

.imp-checkout {
    float: right;
    margin-right: 7px;
    margin-top: 12px;
}
.imp-checkout-tooltip {
    box-shadow: none !important;
    border: 1px solid #AFAFAF;
    margin: 0 14px;
}
.imp-checkout-tooltip-content {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}
.imp-checkout-tooltip-content div {
    height: 28px;
    text-align: left;
    margin: 0;
    padding: 0 10px;
    line-height: 28px;
}
.imp-checkout-tooltip-content div:nth-child(2) {
    cursor: pointer;
    border-top: 1px solid #AFAFAF;
}
.checked-out-by {
    font-weight: normal;
}
/*#endregion read only mode*/


/*#region runcredit authorization*/

.imp-authorization-tooltip {
    width: 305px;
}

.authorization-body {
    padding: 15px;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
}

.authorization-footer {
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.authorization-footer .imp-button-hs-wm-prim {
    float: right;
 }

.authorization-footer .imp-button-hs-wm-sec {
    float: left;
    margin-left: 1px;
 }

.authorization-item {
    margin-top: 7px;
    padding-left: 15px;
    padding-bottom: 34px;
}

.authorization-item .text {
    width: 274px;
    margin-top: 3px;
    padding-bottom: 5px;
    text-align: left;
    color: #767676;
}

.authorization-item .middle {
    width: 274px;
    margin-left: -17px;
 }
/*#endregion runcredit authorization*/

/*#region import file*/
.choose-file .imp-button-hs-wm-prim {
    display: inline;
    line-height: 21px;
}
/*#endregion import file*/

.imp-mailroom {
    min-width: 1280px;
    min-height: 500px;
    -webkit-margin-before: 30px;
}
.imp-mailroom .container {
    height: 100%;
    width: 100%;
}
.imp-mailroom .section {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    width: 1100px;
}
.imp-mailroom .section .section-row {
    float: left;
}
.imp-mailroom .section .cbar-label {
    color: #9d9d9d;
    font-size: 12px;
    float: left;
    padding-top: 3px;
}
.imp-mailroom .section .cbar-value {
    font-size: 15px;
    color: #000000;
    float: left;
}
.imp-mailroom .bold {
    font-weight: bold;
}
.imp-mailroom .section .col-1 {
    max-width: 150px;
    width: 150px;
    display: inline-block;
}
.imp-mailroom .section .col-2 {
    max-width: 340px;
    width: 340px;
    display: inline-block;
}
.imp-mailroom .section .col-3 {
    max-width: 220px;
    width: 220px;
    display: inline-block;
}
.imp-mailroom .section .col-4 {
    max-width: 90px;
    width: 90px;
    min-height: 14px;
    display: inline-block;
}
.imp-mailroom .header {
    width: 1100px;
    border-bottom: 1px solid #bdbebe;
}
.imp-mailroom-workbench-col {
    margin-left: 35px;
}
.imp-mailroom-workbench-margin {
    margin-left: -15px;
}
.imp-mailroom .header .header-text {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 3px;
}
.imp-mailroom .content {
    width: 100%;
    font-size: 12px;
    margin-top: 30px;
    float: left;
}
.imp-mailroom .content .row {
    width: inherit;
    height: 32px;
    font-size: 12px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 0;
}
.imp-mailroom .content .row:hover:not(.nohover) {
    background-color: #e1f9ff;
}
.imp-mailroom .content .col {
    position: relative;
    min-height: 1px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*Mega Menu - Workbench*/

.imp-main-bar.navbar .item .dropdown-menu-workbench-item {
    top: 100%;
    min-width: 123px;
    border: 0;
    margin-top: 0;
}
.imp-workbench-button-section {
    height: 55px;
    border-top: 2px solid #1fb25a;
    width: 1100px;
    margin-top: 10px;
    padding-right: 0px;
    padding-top: 15px;
}
.imp-workbench-button-section-line {
    float: left;
}
.imp-workbench-button-section-padding {
    padding-right: 0px;
}
.imp-workbench-icon-print {
    background: url('LoanCenterSprite.png') no-repeat 0 -268px;
    width: 24px;
    height: 18px;
    cursor: pointer;
}
.imp-workbench-icon-arrow-up {
    background: url('LoanCenterSprite.png') no-repeat -27px -271px;
    width: 9px;
    height: 13px;
    cursor: pointer;
}
.imp-workbench-icon-arrow-down {
    background: url('LoanCenterSprite.png') no-repeat -39px -271px;
    width: 9px;
    height: 13px;
    cursor: pointer;
}
.imp-workbench-button-section-padding .imp-button-hm-wl-prim:after {
    content: '\002193';
    margin-left: 5px;
}
.imp-workbench-button-save {
    display: table-cell;
    width: 110px;
    height: 20px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.imp-workbench-button-snooze {
    width: 40px;
    height: 22px;
    font-size: 12px;
    float: left;
    margin-right: 5px;
}
.imp-workbench-button-text {
    line-height: 20px;
}
.imp-workbench-heading-text {
    font-weight: normal;
    font-size: 15px;
    color: #000000;
    float: left;
}
.imp-workbench-link {
    line-height: 40px;
}
.imp-workbench-link:hover {
    cursor: pointer;
}
.imp-workbench-border-bottom {
    border-bottom: 1px solid #bdbebe;
    float: left;
    margin-top: 29px;
    margin-bottom: 12px;
    width: 100%;
}
.imp-workbench-div-margin {
    margin-left: 603px;
}
.imp-workbench-position-float {
    position: relative;
    float: left;
}
.imp-workbench-sent-by-margin {
    margin-top: 4px;
}
.imp-workbench-ddl-width {
    width: 150px;
}
.imp-workbench-tracking-margin {
    margin-left: 33px;
}
/*.assignments-modal-content .body {
  border-bottom: 1px solid #bdbebe;
  float: left;
  width: 730px;
  padding-bottom: 15px;
}

.assignments-modal-content .body .col {
    width: 340px;
}

.assignments-modal-content .body .col .item {
  margin-top: 8px;
  float: left;
  width: 100%
}

.assignments-modal-content .body .col .item .text {
  width: 155px;
  float: left;
  text-align: left;
  color: #7f7f7f;
  padding-top: 5px;
}

.assignments-modal-content .body .col .item .field input {
  width: 175px;
}

.assignments-modal-content .buttons {
  float: left;
  margin-top: 10px;
  text-align: right;
  width: 730px;
}*/
/*#region FHA center*/

.disable-on {
    pointer-events: none;
    opacity: 0.4;
}
.products-center {
    width: 1100px;
    margin-top: 10px;
}
.products-center .title {
    width: 1100px;
    display: flex;
    justify-content: initial;
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.products-center .title .sub-title {
    color: grey;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    padding-left: 5px;
}
.products-center .main-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*#region GRID*/

	.products-center .main-container .products-grid {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
		width: 100%;
		flex-wrap: wrap;
	}
.usda-center-wrapper .household-income-alert {
	color: red;
	float: right;
	margin-right: 75px;
}
.usda-center-wrapper .delete-button, .usda-center-wrapper .imp-edit-pen {
	margin-top:-2px;
}
.products-center .main-container .products-grid .header {
	color: #767676;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.products-center .main-container .products-grid .products-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}
.products-center .main-container .products-grid .highlight-selected {
    background-color: #a6ecff;
}
.products-center .main-container .products-grid .highlight {
    padding: 5px 0px;
    margin-top: 0px;
}
.products-center .main-container .products-grid .highlight:hover {
    background-color: #e1f9ff;
    cursor: pointer;
}
.products-center .main-container .products-grid .products-row input[type=text],
.products-center .main-container .products-grid .products-row textarea,
.products-center .main-container .usda-calculator-row textarea {
	width: 100% !important;
	box-sizing: border-box;
	min-height: 24px !important;
}
.products-center .main-container .products-grid .col-xl {
	width: 323px;
}

.products-center .main-container .products-grid .col-l {
	width: 210px;
}

.products-center .main-container .products-grid .col-m {
	width: 120px;
}

.products-center .main-container .products-grid .col-s {
	width: 100px;
}

.products-center .main-container .products-grid .col-xs {
	width: 60px;
}
.products-center .main-container .products-grid .usda-products-row input[type=text],
.products-center .main-container .products-grid .usda-products-row textarea,
.products-center .main-container .usda-calculator-row textarea {
	box-sizing: border-box;
	min-height: 24px !important;
}
.products-center .main-container .products-grid .col-xlarge {
	width: 15%;
	display: inline-block;
	float: left;
}

.products-center .main-container .products-grid .col-large {
	width: 10%;
	display: inline-block;
	float: left;
}

.products-center .main-container .products-grid .col-medium {
	width: 8%;
	display: inline-block;
	float: left;
}

.products-center .main-container .products-grid .col-small {
	width: 6%;
	display: inline-block;
	float: left;
}

.products-center .main-container .products-grid .col-xsmall {
	width: 3%;
	display: inline-block;
	float: left;
}

.products-center .main-container .products-grid .col-xxs {
	width: 2%;
	display: inline-block;
	float: left;
}
.products-center .main-container .products-grid .usda-products-row {
	width: 100%;
	height: 30px;
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}
.products-center .main-container .household-members-section .title {
		margin: 0px;
		padding-top: 10px;
		width: 100% !important;
}
.products-center .main-container .household-members-grid-section, .products-center .main-container .household-members-grid-section .title, .usda-center-wrapper .household-members-assets-section  .title{
	width: 1100px !important;
}
.products-center .main-container .main-household-members-title {
	border-bottom: 1px solid #bdbebe;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 2px;
}
.products-center .main-container .household-members-section, .products-center .main-container .usda-calculator-row textarea {
	width: 100% !important;
}
.usda-center-wrapper .products-grid, .usda-center-incomes-deductions {
	margin-top: 0 !important;
}
.usda-center-wrapper .household-income-alert {
	color: red;
	float: right;
	margin-right: 75px;
}

/*#endregion*/

.products-center .main-container .collapse-expand-position {
    text-align: right;
    padding-top: 7px;
}
.products-center .main-container .section {
	width: 530px;
}
.products-center .main-container .usda-section {
	width: 530px;
	float: left;
}
.products-center .main-container .section .calculator {} .products-center .main-container .section .calculator .calculator-row {
    display: flex;
    margin: 10px 0px;
}
.products-center .main-container .section .calculator .calculator-row .eligibility-notification {
    padding-top: 2px;
}
.products-center .main-container .section .calculator .calculator-row .left-section {
    width: 300px;
    color: #000000;
    padding-top: 4px;
    display: flex;
    justify-content: space-between;
}
.products-center .main-container .section .calculator .calculator-row .left-section .info {
    padding: 5px 5px 0px 0px;
    background: url('LoanCenterSprite.png') 200px 0px;
    width: 18px;
    height: 18px;
}
.products-center .main-container .section .calculator .calculator-row .left-section .main-label,
.products-center .main-container .section .calculator .calculator-row .eligibility-notification {
    font-size: 15px;
}
.products-center .main-container .section .calculator .calculator-row .right-section {
    width: 120px;
    text-align: right;
}
.products-center .main-container .section .calculator .calculator-row .right-section .input-text {
    width: 106px;
    text-align: right;
    padding-right: 7px;
}
.products-center .main-container .section .calculator .calculator-row .right-section .total {
    font-size: 17px;
    color: #1fb25a;
    font-weight: bold;
    padding-top: 4px;
    width: 226px;
}

.products-center .main-container .section .calculator .calculator-row .auto-width {
    width: auto !important;
}

.products-center .main-container .section .calculator .calculator-row .fixed-width-400 {
    width: 400px !important;
}

.products-center .main-container .section .calculator .calculator-row .right-section .normal-label {
    padding: 5px 7px 0px 0px;
}
.products-center .main-container .section .calculator .grey-row {
    height: 26px;
    width: 516px;
    margin: 5px 0px;
    background-color: #efefef;
    padding: 0px 7px;
    color: #000000;
}
.products-center .main-container .section .calculator .grey-row .left-section {
    width: 400px;
}
.products-center .main-container .section .calculator .grey-row .right-section {
    width: 130px;
}
.products-center .main-container .section .calculator .grey-row .field-value {
    padding-top: 5px;
    text-align: right;
    font-size: 15px;
}
.products-center .main-container .section .calculator .grey-row .field-value .bold {
    font-weight: bold;
}
.products-center .main-container .section .calculator .grey-row .field-value .critical {
    color: #ff0000;
}
.products-center .main-container .section .calculator .grey-row .field-value .success {
    font-size: 17px;
    color: #1fb25a;
}
.products-center .main-container .section .usda-calculator-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0px;
    min-height: 43px;
}
.products-center .main-container .section .usda-calculator-row input[type=text] {
    width: 100% !important;
    box-sizing: border-box;
    min-height: 24px !important;
}
.products-center .main-container .section .usda-calculator-row .no-input-row {
    padding-top: 2px;
    color: #bdbebe;
}
.products-center .main-container .section .usda-calculator-row .explanation {
    width: 100%;
    margin-bottom: 5px;
}
.products-center .main-container .section .usda-calculator-row .l-section {
    width: 442px;
}
.products-center .main-container .section .usda-calculator-row .l-section .sub-label {
    font-size: 13px;
    text-align: right;
    padding-top: 5px;
}
.products-center .main-container .section .usda-calculator-row .l-section .total-label {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
    padding-top: 5px;
}
.products-center .main-container .section .usda-calculator-row .r-section {
    width: 85px;
    padding-top: 5px;
    text-align: right;
}
.products-center .main-container .section .usda-calculator-row .r-section .sub-total {
    color: #1fb25a;
    font-size: 13px;
}
.products-center .main-container .section .usda-calculator-row .r-section .main-total {
    color: #1fb25a;
    font-size: 16px;
    font-weight: bold;
}
.products-center .main-container .section .title {
    border-bottom: 1px solid #bdbebe;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    padding-bottom: 2px;
    display: flex;
    width: 530px;
    justify-content: space-between;
    margin-bottom: 10px;
}
.products-center .main-container .section .title-modification {
    border: none;
    margin: 0px;
    padding-top: 7px;
    justify-content: flex-start;
}
.products-center .main-container .section .green-title {
    border: none;
    margin: 0px;
    padding-top: 5px;
    justify-content: flex-start;
    color: #1fb25a;
    width: 97%;
}
.products-center .main-container .section .title .hyperlink {
    font-weight: normal;
    font-size: 12px;
}
.products-center .main-container .section .title .enabled {
    color: #208ddc;
}
.products-center .main-container .section .title .disable-title {
    color: #9d9d9d;
}
.products-center .main-container .section .title .ddl {
    display: flex;
    width: 215px;
}
.products-center .main-container .section .title .ddl .ddl-image {
    background: url('LoanCenterSprite.png') -48px -150px;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    cursor: pointer;
}
.products-center .main-container .section .title .ddl .item-list {
    right: 0px;
    padding: 0px;
    border-radius: 0px;
    font-size: 12px;
    width: 215px;
}
.products-center .main-container .section .title .ddl .item-list .selected {
    background-color: #a6ecff;
}
.products-center .main-container .section .title .ddl .item-list li a:hover {
    background-color: #a6ecff;
    cursor: pointer;
    color: #000000;
    background-image: none;
}
.products-center .main-container .section .content-row {
    display: flex;
    width: 530px;
    justify-content: space-between;
    padding: 10px 0px 5px 0px;
}
.products-center .main-container .section .content-row .multi-column {
    width: 170px;
}
.products-center .main-container .section .content-row .multi-column .input-component {
    width: 161px;
}
.products-center .main-container .section .content-row .multi-column .move-from-top {
    padding-top: 5px !important;
}
.products-center .main-container .section .content-row .multi-column .total {
    font-weight: bold;
    color: #1fb25a;
}
.products-center .main-container .section .content-row .left-section {
    width: 315px;
}
.products-center .main-container .section .content-row .right-section {
    width: 200px;
    padding-top: 2px;
}
.products-center .main-container .section .content-row .left-section-result {
    width: 20px;
}
.products-center .main-container .section .content-row .right-section-result {
    width: 500px;
    padding-top: 3px;
}
.products-center .main-container .section .content-row .left-section-checkbox {
    width: 20px;
}
.products-center .main-container .section .content-row .right-section-checkbox {
    width: 507px;
}
.products-center .main-container .section .content-row .left-section-long {
    width: 480px;
}
.products-center .main-container .section .content-row .left-section-long .left-section-title {
    font: 12px;
    font-weight: bold;
}
.products-center .main-container .section .content-row .right-section-short {
    width: 35px;
}
.content-row.content-row-separator {
    border-bottom: 1px solid #bdbebe;
}
.flex-start {
    display: flex;
    justify-content: flex-start;
}
.pointer {
    cursor: pointer;
}
.bold-italic {
    font-weight: bold;
    font-style: italic;
}
.normal-italic {
    font-style: italic;
    font-weight: normal
}

.italic-only {
    font-style: italic;
}
/*#endregion*/


/*#region Itemized Property Tax Modal*/

.itemized-property-tax-modal .container {
    width: 260px;
}
.itemized-property-tax-modal .content {
    padding-right: 0px;
    padding-left: 0px;
}
.itemized-property-tax-modal .header {
    font-size: 15px;
}
.itemized-property-tax-modal .row {
    width: 100%;
    display: flex;
    margin: 1px 0 0;
    height: 30px;
}
.itemized-property-tax-modal .row.header {
    color: #b0b0b0;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 12px;
    height: 22px;
}
.itemized-property-tax-modal .row.annual-amount,
.itemized-property-tax-modal .row.monthly-amount {
    font-weight: bold;
    font-size: 12px;
}
.itemized-property-tax-modal .row.annual-amount {
    margin-top: 5px;
    height: 25px;
}
.itemized-property-tax-modal .row .col-m {
    width: 36%;
}
.itemized-property-tax-modal .row .col-m > span {
    line-height: 25px;
}
.itemized-property-tax-modal .row .col-s .imp-span-ddl-container > select {
    -webkit-appearance: none;
    line-height: 10px;
}
.itemized-property-tax-modal .row.annual-amount .col-m:nth-child(2) {
    font-size: 15px;
}
.itemized-property-tax-modal .row.header .col-m:nth-child(2) {
    padding-left: 5px;
}
.itemized-property-tax-modal .row.monthly-amount .col-m:nth-child(2) {
    font-size: 13px;
    font-weight: normal;
}
.itemized-property-tax-modal .row.annual-amount .col-m:nth-child(2) > span,
.itemized-property-tax-modal .row.monthly-amount .col-m:nth-child(2) > span {
    float: right;
    margin-right: 13px;
}
.itemized-property-tax-modal .row .col-m > input {
    width: 79%;
    text-align: right;
    padding-right: 5px;
    margin-left: 4px;
}
.itemized-property-tax-modal .row .col-s > div {
    width: 65px;
}
.itemized-property-tax-modal .footer {
    margin-top: 10px;
}
/*#endregion*/


/*#region Copy Loan*/
.imp-copyloan-button-close{
    position: absolute;
    top: 0px;
    right: 0px;
}
.imp-copyloan-button-close:hover{
    cursor: pointer;
}

.imp-reference-modal-copyloan {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    overflow: unset !important;
}

.imp-reference-modal-copyloan .modal-content {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0px 0px 8px 3px #A9A9A9;
}

.copyloan-modal {
    width: 760px;
}
.copyloan-modal .modal-dialog {
    margin: 0px;
    height: unset;
    width: 100%;
}
.copyloan-modal .modal-dialog .modal-content {
    width: 100%;
    border: none;
}
.copyloan-modal .content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.copyloan-modal .content .header {
    border-bottom: 1px solid #9d9d9d;
    width: 100%;
    color: #000000;
    padding-bottom: 2px;
    float: left;
    position: relative;
}
.copyloan-modal .content .header .title {
    font-weight: bold;
    text-align: left;
    margin-bottom: 3px;
    font-size: 16px;
}
.copyloan-modal .section-header {
    color: #767676;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 6px;
    float: left;
    position: relative;
}
.copyloan-modal .section-header .margin-app {
    margin-right: 3px;
}
.copyloan-modal .section-header .margin-include {
    margin-right: 11px;
}
.copyloan-modal .content .body {
    border-bottom: 1px solid #9d9d9d;
    width: 100%;
}
.credit-checkbox {
    width: 39px;
    height: 28px;
}
.copyloan-modal .content .body .row .vert-gray {
    min-height: 20px;
    border-left: 1px solid #9d9d9d;
    margin: 0 auto;
    position: absolute;
}
.copyloan-modal .content .body .row .vert-grey-extend {
    height: 45px;
    border-left: 1px solid #9d9d9d;
    margin: 0 auto;
    position: absolute;
}
.copyloan-modal .content .body .row {
    width: 100%;
    display: flex;
    margin-left: 0.5px;
    float: left;
    position: relative;
}
.credit-checkbox {
    width: 39px;
    height: 28px;
}
.copyloan-modal .content .body .row .vert-gray {
    min-height: 20px;
    border-left: 1px solid #9d9d9d;
    margin: 0 auto;
    position: absolute;
}
.copyloan-modal .content .body .row .vert-grey-extend {
    height: 45px;
    border-left: 1px solid #9d9d9d;
    margin: 0 auto;
    position: absolute;
}
.copyloan-modal .content .body .col-md {
    width: 50%;
}
.copyloan-modal .content .body .col-md.app {
    float: left;
    position: relative;
}
.copyloan-modal .content .buttons {
    float: left;
    margin-top: 16px;
    text-align: right;
    width: 730px;
    height: 18px;
}
.imp-copyloan-modal-margin {
    margin-top: 6px;
    margin-bottom: 6px;
}
.imp-copyloan-modal-margin-date {
    margin-top: 6px;
    margin-bottom: 23px;
}
.dropdown-menu {
    z-index: 1100;
}
.imp-copyloan-margin-left {
    margin-left: 26px;
}
.imp-copyloan-margin-right {
    margin-right: -34px;
}
.imp-copyloan-numberApp {
    margin-left: 13px;
}
.col-lg-1 {
    margin: -1px -6px -8px 0px;
}
.imp-copyloan-checkbox-margin {
    margin: -1px -6px 0px 0px;
}
.imp-copyloan-checkbox-label-margin {
    margin: 10px 0px 0px 15px;
}
.imp-copyloan-col-label-pb {
    margin: 0px 8px 0px 0px;
    color: #767676;
}
.imp-copyloan-col-label-b {
    margin: 0px 19px 0px 0px;
    color: #9d9d9d;
}
.imp-copyloan-col-label-c {
    margin: 4px 6px 0px 0px;
    color: #9d9d9d;
}
.imp-copyloan-section-margin {
    margin: 0px 5px 10px -6px;
}
.imp-copyloan-name-margin {
    margin: 3px 0px 10px -4px;
}
.imp-copyloan-cname-margin {
    margin: 10px 0px 10px -3px;
}
.imp-copyloan-credit-section {
    width: 39px;
    height: 28px;
}
.imp-copyloan-credit-report {
    margin: 0px 0px 45px 59px;
}
.imp-copyloan-credit-number {
    margin: -14px 0px 0px 90px;
}
.imp-copyloan-checkbox-margin {
    margin: -2px -6px 0px 0px;
}
.imp-copyloan-checkbox-margin-left {
    margin-left: 35px;
}
.imp-copyloan-right-section {
    margin-right: 36px;
}
.imp-copyloan-checkbox-property {
    margin-left: 22px;
    width: 350px;
}
.imp-copyloan-checkbox-label-property {
    display: inline-table !important;
    vertical-align: top !important;
}
.imp-copyloan-span-margin-left {
    margin-left: 57px;
}
.imp-copyloan-ddl-margin {
    margin-bottom: -1px;
    margin-top: 1px;
}
.imp-copyloan-span-margin {
    margin-left: 17px;
    display: inline-block;
    width: 195px;
    word-wrap: break-word;
    margin-top: 2px;
}
.imp-copyloan-margin-left {
    margin-left: 26px;
}
.imp-copyloan-margin-right {
    margin-right: -34px;
}
.imp-copyloan-button-prim {
    width: 88px;
}
.imp-copyloan-property-address {
    display: inline-block;
    width: 97px;
    vertical-align: top;
    margin-top: 2px;
}
/*#endregion Copy Loan*/


/*#region securelinkemail Modal*/
/*==================================================
 * SecureLink Email Modal
 * ===============================================*/

.securelinkemail-modal {
    width: 800px;
    height: 600px;
}
.securelinkemail-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}
.securelinkemail-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
    padding: 0px;
}
.securelinkemail-modal-content {
    padding-top: 15px;
    padding-bottom: 30px;
    width: 800px;
    height: 600px;
}
/*==================================================
 * SecureLink Email Modal - Email Controls
 * ===============================================*/

.securelinkemail-modal .email-controls-section {
    padding-left: 30px;
}
.securelinkemail-modal .securelinkemail-modal-to-section {
    cursor: pointer;
}
.securelinkemail-modal .securelinkemail-recipient-container {
    float: left;
}
.securelinkemail-modal .securelinkemail-recipient-box {
    position: relative;
    float: left;
    background-color: #00cfff;
    margin-top: 4px;
    margin-bottom: -1px;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 12px;
    cursor: default;
}
.securelinkemail-modal .securelinkemail-recipient-box:hover {
    padding: 4px 32px 4px 8px;
}
.securelinkemail-modal .securelinkemail-recipient-remove {
    display: none;
}
.securelinkemail-modal .securelinkemail-recipient-box:hover .securelinkemail-recipient-remove {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    padding: 3px 0px 0px 17px;
    font-weight: bold;
    cursor: pointer;
}
.securelinkemail-modal .securelinkemail-recipient-box-invalid {
    position: relative;
    float: left;
    color: #ef1126;
    margin-top: 5px;
    margin-bottom: -1px;
    padding: 4px 1px;
    border-radius: 2px;
    font-size: 12px;
    cursor: default;
}
.securelinkemail-modal .securelinkemail-recipient-box-invalid:hover {
    padding: 4px 20px 4px 6px;
}
.securelinkemail-modal .securelinkemail-recipient-box-invalid:hover .securelinkemail-recipient-remove {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    padding: 3px 0px 0px 17px;
    font-weight: bold;
    cursor: pointer;
}
.securelinkemail-modal .securelinkemail-recipient-divider {
    float: left;
    font-size: 12px;
    padding: 8px 2px 0px 1px;
}
.securelinkemail-modal .securelinkemail-cc-box {
    float: left;
    background-color: #A6ECFF;
    margin-top: 4px;
    margin-bottom: -1px;
    padding: 4px 8px;
    border-radius: 2px;
    font-size: 12px;
}
/*==================================================
 * SecureLink Email Modal - Insert Email List
 * ===============================================*/

.securelinkemail-modal .securelinkemail-modal-insert-email-list {
    position: absolute;
    left: 80px;
    top: 86px;
    z-index: 1001;
    background: white;
    -webkit-box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.6);
    min-width: 250px;
}
.securelinkemail-modal .securelinkemail-recipient-container {
    float: left;
}
.securelinkemail-modal .securelinkemail-modal-insert-email-list-close {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    padding: 5px 0px 0px 7px;
    cursor: pointer;
}
.securelinkemail-modal .securelinkemail-modal-insert-email-list-row {
    padding: 8px 32px 8px 16px;
    white-space: nowrap;
    cursor: pointer;
}
.securelinkemail-modal .securelinkemail-modal-insert-email-list-row:hover {
    background-color: #A6ECFF;
}
/*==================================================
 * SecureLink Email Modal - Sections
 * ===============================================*/

.securelinkemail-modal-content .securelinkemail-modal-section {
    float: left;
    width: 740px;
    height: 30px;
}
.securelinkemail-modal-content .securelinkemail-modal-section-cc {
    float: left;
    width: 740px;
    min-height: 30px;
}
.securelinkemail-modal-content .securelinkemail-modal-section .label, .securelinkemail-modal-content .securelinkemail-modal-section-cc .label {
    float: left;
    text-align: left;
    color: #767676;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 100;
}
.securelinkemail-modal-content .securelinkemail-modal-section .text, .securelinkemail-modal-content .securelinkemail-modal-section-cc .text {
    float: left;
    text-align: left;
    color: #000000;
    padding-top: 9px;
    font-size: 12px;
}
.securelinkemail-modal-content .securelinkemail-modal-separator {
    border-bottom: 1px solid #dedede;
}
/*==================================================
 * SecureLink Email Modal - SecureLink Type Dropdown
 * ===============================================*/

.securelinkemail-modal-content .select-section {
    padding-bottom: 5px;
}
.securelinkemail-modal .securelinkemail-type-select {
    width: 320px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding-left: 4px;
    background-image: url('images/securelinkemail-modal-dropdown-arrow.png') !important;
    background: no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.securelinkemail-modal .securelinkemail-type-select::-ms-expand {
    display: none;
}
.securelinkemail-modal .securelinkemail-type-select > option {
    color: #767676;
    font-size: 17px;
    font-weight: bold;
}
/*==================================================
 * SecureLink Email Modal - Subject Section
 * ===============================================*/

.securelinkemail-modal .no-border {
    border: 0;
    box-shadow: none;
    /* You may want to include this as bootstrap applies these styles too */
}
/*==================================================
 * SecureLink Email Modal - Attach Docs Section
 * ===============================================*/

.securelinkemail-modal-content .paperclip-link {
    float: right;
    color: #208ddc;
    font-size: 27px;
}
/*==================================================
 * SecureLink Email Modal - TinyMCE Overrides
 * ===============================================*/

.securelinkemail-modal-content .securelinkemail-modal-mce-body {
    position: relative;
    float: left;
    width: 800px;
}
.securelinkemail-modal-content .mce-tinymce {
    border-right: 0px;
    border-left: 20px;
    font-family: Arial;
    font-size: large;
}
.securelinkemail-modal-content .mce-toolbar-grp {
    padding-left: 26px;
}
.securelinkemail-modal-content .mce-panel {
    background-color: #F9F9F9;
}
.securelinkemail-modal-content .mce-btn {
    background-color: transparent;
}
.securelinkemail-modal-content .mce-container {
    border-color: #dedede;
}
.securelinkemail-modal-content .mce-edit-area {
    height: 307px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*==================================================
 * SecureLink Email Modal - insert Secure Link Button
 * ===============================================*/

.securelinkemail-modal-content .mce-btn.mce-last.mce-btn-has-text:hover {
    border: 1px solid transparent;
    background-color: transparent;
}
.securelinkemail-modal-content .mce-btn.mce-last.mce-btn-has-text .mce-txt {
    font-size: 13px;
    color: #208ddc;
}
.securelinkemail-modal-content .mce-btn.mce-last.mce-btn-has-text .mce-txt:hover {
    color: #155d91;
}
/*==================================================
 * SecureLink Email Modal - Buttons
 * ===============================================*/

.securelinkemail-modal-content .securelinkemail-modal-bottomsection {
    float: left;
    margin-top: 0px;
    width: 100%;
    text-align: right;
    display: inline-flex;
    position: relative;
}
.securelinkemail-modal-content .securelinkemail-modal-bottomalert {
    height: 40px;
    color: #ef1126;
    margin-top: 20px;
    margin-left: 5px;
    width: 70%;
    text-align: left;
    display: inline-block;
}
.securelinkemail-modal-content .securelinkemail-modal-buttons {
    height: 40px;
    float: left;
    margin-top: 14px;
    width: 50%;
    text-align: right;
    position: absolute;
    left: 390px;
}
.securelinkemail-modal-content .securelinkemail-modal-buttons-inner {
    padding-right: 30px;
}
.securelinkemail-modal-content .securelinkemail-modal-button {
    margin-left: 3px;
    font-size: 12px;
    width: 80px;
}
/*#endregion securelinkemail*/


/*#region Exclude reo*/

.col-m.smaller {
    width: 7%;
}
.col-xs.smaller {
    width: 3.9%;
}
imp-icon-ok.center {
    margin: 0 auto;
}
/*#endregion Exclude reo*/


/*#region test mode popup*/

.imp-test-mode-product-popup-modal {
    left: 25%;
    top: 35%;
}
    .imp-test-mode-product-popup-modal .modal-content {
        height: auto;
        margin: 0 auto;
        position: relative;
        float: left;
        width: 390px;
    }
.imp-test-mode-product-popup-container {
    padding: 20px 35px 20px 35px;
}
.imp-test-mode-product-popup-container .header {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    height: 32px;
}
.imp-test-mode-product-popup-container .content .row {
    height: 40px;
    margin: 0;
}
.imp-test-mode-product-popup-container .content .row input,
.imp-test-mode-product-popup-modal .footer input:last-child {
    float: right;
}
.imp-test-mode-product-popup-container .content .row div {
    float: left;
    line-height: 25px;
}
/*#endregion test mode popup*/

/*#region Email Validation Popup*/


.email-validation-checkbox{
    word-wrap: break-word;
    display: inline-block;
    vertical-align: middle;
    width: 420px;
    padding-left: 10px;
    font-size: 14px;
    font-style: italic;
}

.email-validation-checkbox-container{
    padding-left: 20px;
}

.email-validation-borrower-name{
    word-wrap: break-word;
    width: 110px;
}
.email-validation-error-message{
    color: red;
    font-style: italic;
    font-size: 14px;
}
.email-validation-error-message-div{
    padding-top: 20px;
}
.imp-email-validation-popup-container .content-repeate .content .row .col-m .email-validation-input-field
{
    width: 290px;
    float: right;
    margin-left: 10px;
}
.email-validation-input-label{
    display: contents;
    color: gray;
}

.imp-email-validation-popup-modal {
    left: 25%;
    top: 15%;
    z-index: 1500 !important;
}
.imp-email-validation-popup-modal .modal-content {
    height: auto;
    margin: 0 auto;
    position: relative;
    float: left;
    width: 530px;
}
.imp-email-validation-hr{
    margin-top: 0px; 
    margin-bottom: 0px; 
    border: 0;
    border-top: 1px solid #eee;
}
.imp-email-validation-subheader{
    padding-top: 4px;
    padding-bottom: 20px;
}
.imp-email-validation-popup-container {
    padding: 20px 35px 20px 35px;
    overflow-y: initial !important;
}
.imp-email-validation-popup-container .header {
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    height: 22px;
}
.imp-email-validation-popup-container .content .row {
    margin: 0;
}
.imp-email-validation-popup-container .content .row input,
.imp-email-validation-popup-modal .footer input:last-child {
    float: right;
}
.imp-email-validation-popup-container .content .row div {
    float: left;
    line-height: 25%;
}
/*#endregion Email Validation Popup*/

/*#region Loan Origination Date Popup*/

.origination-date {
    display: flex;
    min-height: 325px;
    width: 290px;
    padding: 10px;
    flex-wrap: wrap;
}
.origination-date .buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.origination-date .button-done {
    margin-left: 5px;
    padding: 5px 10px !important;
}
.origination-date .title {
    width: 45%;
    margin-top: 5px;
    font-weight: bold;
    text-align: start;
}
.origination-date-content {
    width: 100%;
    height: 330px;
    display: flex;
}
.origination-date .data-picker-section {
    width: 55%;
}
.origination-date .data-picker-section .dropdown-menu {
    display: block !important;
    /*Calendar should always be displayed on Loan Origination Date Popup*/
    
    margin-left: -130px;
    margin-top: 10px;
}
.origination-date .data-picker-section .dropdown-menu .ng-scope .pull-right {
    display: none;
}
/*#endregion Loan Origination Date Popup*/


/*#region Compliance Result Details Popup*/

.compliance-result-details-container {
    display: flex;
    height: auto;
    width: 400px;
    padding: 10px 15px;
    flex-wrap: wrap;
}
.compliance-result-details-header {
    width: 100%;
    justify-content: flex-end;
    display: flex;
}
.compliance-result-details-content {
    width: 100%;
}
.compliance-result-details-content-scroll {
    overflow-y: auto;
    max-height: 145px;
    width: 100%;
    margin-top: 5px;
}
.compliance-result-details-content-row {
    width: 100%;
    justify-content: flex-start;
    display: flex;
    text-align: left;
    margin-top: 5px;
}
.compliance-result-details-content-title {
    font-weight: bold;
    width: 100%;
    display: flex;
    text-align: left;
}
.compliance-result-details-content .item {
    width: 15%;
}
.compliance-result-details-content .item-1 {
    width: 85%;
}
/*#endregion Compliance Result Details Popup*/


/*#region DocVault upload button*/

.document-upload > .btn-group {
    float: right;
    margin-top: 2px;
}
.document-upload > .btn-group .group-button-prim {
    font-size: 12px;
    margin-left: 5px;
    width: 190px;
    border-right: 0px;
    background: transparent;
}
.document-upload > .btn-group .group-button-prim:focus {
    outline: none;
    box-shadow: none;
}
.document-upload > .btn-group .group-button-sec {
    width: 27px;
    background: transparent;
    border-left: 0px;
}
.document-upload > .btn-group .group-button-sec .arrow {
    padding-top: 1px;
    margin-top: -15px;
    margin-left: 4px;
    color: #208DDC;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: inset;
    border-style: solid;
    border-width: 8px 4.5px 0 4.5px;
    border-color: #208DDC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.document-upload .imp-button-hm-wm-sec {
    font-size: 12px;
    margin-top: -6px;
}
.document-upload .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: -1px;
    padding-top: 0;
    padding-bottom: 0;
    left: auto;
    right: 0;
    float: right;
    overflow: hidden;
    font-size: 12px;
}
.document-upload .dropdown-menu > li {
    cursor: pointer;
}
.document-upload .list-selected {} .document-upload .divider,
.group-button-prim .divider,
.group-button-sec .divider {
    border-left: 1px solid #C5CBCC;
    float: right;
    height: 20px;
    margin: 0 -5px 0 6px;
    padding-left: 0;
}
.document-upload ul.dropdown-menu {
    width: 175px;
}
/*#endregion docvault document upload button*/

.docvault-import-docs .container {
    width: 500px;
    padding: 15px 22px 15px 22px;
}
.docvault-import-docs .container .header {
    font-size: 15px;
}
.docvault-import-docs .container .imp-div-close-x {
    position: relative;
    right: -15px;
    margin-top: -15px;
}
.docvault-import-docs .content {
    width: 100%;
}
.docvault-import-docs .buttons {
    float: right;
    margin-top: 15px;
}
.docvault-import-docs .separate {
    color: #A3A3A3;
    line-height: 18px;
    font-style: italic;
}
.docvault-import-docs .body {
    min-height: 115px;
    /*border-bottom: 1px solid #bdbebe;*/
    
    float: left;
    width: 100%;
}
.docvault-import-docs .body .item {
    margin-top: 10px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}
.docvault-import-docs .body .item .dropdown-menu {
    font-size: 12px;
    border-radius: 0;
    cursor: default;
}
.docvault-import-docs .body .item .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-image: none;
    clear: both;
    background: #a6ecff;
    background: -moz-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6ecff), color-stop(100%, #a6ecff));
    background: -webkit-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #a6ecff 0%, #a6ecff 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #a6ecff 0%, #a6ecff 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6ecff', endColorstr='#a6ecff', GradientType=0);
    /* IE6-9 */
    
    background-repeat: repeat-x;
    color: #000000;
    white-space: nowrap;
}
.imp-valid-message {
    font-size: 12px;
    color: #1da955;
    position: absolute;
    margin-left: -72px;
}
/*#region Integration Services*/

.integration-panel-margin {
    margin-top: 10px;
}
.imp-integration-header {
    margin-top: 8px;
    padding-left: 3px;
}
.imp-integrations-panel {
    flex-wrap: wrap;
    border-bottom: 1px dotted #d3d7d8;
    height: 27px;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.imp-integration-xml {
    width: 12%;
    position: relative;
    float: left;
}

.imp-integration-encompass-xml {
    position: relative;
    float: left;
}

.imp-integration-margin-left {
    margin-left: 2px;
}
.imp-integration-retry-container {
    margin-left: 2px;
    width: 60px;
    display: flex;
    justify-content: space-between;
    margin-top: 2px;
}

.imp-integration-encompass-retry-container {
    width: 60px;
    display: flex;
}

.imp-integration-encompass-retry-container {
    margin-left: 2px;
    width: 60px;
    justify-content: space-between;
}

.imp-integration-retry {
    margin-top: 2px;
    cursor: pointer;
}
.imp-integration-title {
    top: 2px;
    font-size: 15px;
    height: 25px;
}
.imp-integration-col-xml {
    width: 1.5%;
}
.imp-integration-status-xml {
    width: 12%;
    text-align: center;
}
.imp-integration-status-col-xml {
    width: 1.5%;
    margin: 0 auto;
}
.imp-integration-col-event-name {
    width: 33%;
    margin-left: 10px;
}

.imp-integration-col-encompass-event-name {
    width: 24.5%;
}

.imp-integration-vendor-product {
    width: 15%;
}

.imp-integration-col-event-encompass-name {
    width: 30%;
    overflow-wrap: break-word;
    padding-top: 5px;
    padding-bottom: 5px;
}

.imp-integration-col-event-type {
    width: 10%;
}

.imp-integration-col-status-message {
    width: 42%;
    margin-left: 10px;
    overflow: hidden;
    height: 14px;
}
.imp-integration-col-date {
    width: 13.5%;
}

.imp-integration-col-total-retries {
    width: 9%;
    margin-left: 5px;
}

.imp-integration-col-start-date {
    width: 12.5%;
}

.imp-integration-col-end-date {
    width: 15.5%;
    margin-left: 15px;
}

.imp-integration-col-status {
    margin-left: 4px;
    width: 10.2%;
}

.imp-integration-col-encompass-status {
    width: 8.2%;
    font-weight: bold;
}

.imp-integration-title.borrowers {
    font-weight: normal;
    margin-top: 4px;
}
.imp-integration-col-event {
    width: 33%;
    margin-left: 10px;
}

.imp-integration-col-encompass-event {
    width: 24%;
}

.imp-integration-refresh {
    padding-top: 2px;
    padding-right: 2px;
    float: left;
    position: relative;
    cursor: pointer;
}
.imp-integration-refresh-container {
    margin-right: 10px;
    margin-top: 8px;
    float: left;
    position: relative;
    cursor: pointer;
}
.imp-integration-master-col {
    width: 9%;
    text-align: center;
    float: left;
    padding-left: 0px !important;
    text-align: left !important;
}
.imp-integration-master-date-col {
    width: 13.5%;
    text-align: center;
    float: left;
    padding-left: 0px !important;
    text-align: left !important;
}
.imp-integration-master-contentual-bar-content {
    margin-left: 757px;
    display: flex;
    justify-content: flex-start;
}
.imp-integration-master-header-col-text {
    color: #9d9d9d;
    padding-top: 4px;
}
.imp-integration-master-header-col {
    width: 110px;
    display: flex;
    justify-content: space-around;
    padding-top: 8px;
}
.imp-integration-master-row.imp-integration-master-row {
    background-color: transparent !important;
}
.imp-integration-master-grid-content.imp-integration-master-grid-content {
    border-left: none;
    border-right: none;
} 
.imp-integrations-link {
    color: #208ddc;
}
.imp-integrations-link:hover {
    cursor: pointer;
}
.imp-integration-modal {
    padding-top: 75px;
    font-size: 14px;
    padding-left: 30px;
}
/*#endregion Integration Services*/

.import-docs-flyout-header {
    padding-left: 10px !important;
    margin-right: 24px;
    margin-bottom: 0px !important;
}
.import-docs-flyout-title {
    padding: 0px 0px 0px 5px !important;
    margin: 0px 0px 0px 0px !important;
    width: 1069px;
}
.import-docs-flyout-content {
    padding: 0px 0px 0px 15px !important;
    margin: 0px 24px 0px 0px !important;
    width: 1059px !important;
}
.import-docs-flyout-expandcollapse {
    font-size: 12px !important;
}
.import-docs-flyout-row {
    width: 1074px !important;
}
.import-docs-flyout-docrow {
    width: 1074px !important;
    height: 29px !important;
}
/*#endregion Copy Loan*/


/*#region Exclude reo*/

.col-m.smaller {
    width: 7%;
}
.col-xs.smaller {
    width: 3.9%;
}
imp-icon-ok.center {
    margin: 0 auto;
}
/*#endregion Exclude reo*/

.imp-valid-message {
    font-size: 11px;
    color: #1da955;
    position: absolute;
    margin-left: -42px;
}
.flip .btn-group-parent {
    width: 80px;
    height: 20px;
}
.flip .imp-button-general {
    margin: 0px;
    padding: 0px;
}
.flip .title {
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    height: 17px;
}
.flip .dropdown-menu {
    right: 0px;
    position: relative;
    margin-top: 0px;
    margin-left: -3px;
}
.section-row .flip {
    float: left;
}
.section-row .flip .ddl-button {
    font-weight: normal;
    font-size: 11px;
}
.section-row .flip .arrow {
    margin-left: 55px;
    -webkit-margin-start: 55px;
    border-width: 6px 4px 0 4px;
    border-color: black rgba(0, 0, 0, 0);
}
/*region ComplianceCheck Popup*/

.compliance-check-modal .modal-dialog {
    width: 400px;
}
.compliance-check-modal-failed .modal-dialog {
    width: 450px;
}
.imp-compliance-check-popup {
    padding: 25px;
}
.imp-compliance-check-popup .header {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 7px;
}
.imp-compliance-check-popup .freedom-header {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 7px;
}
.imp-compliance-check-popup .row > div {
    text-align: center;
}
.imp-compliance-check-popup .freedom-content .row > div {
    text-align: left;
    margin-left: 16px;
}
.imp-compliance-check-popup .freedom-content .row .freedom-compliance-results {
    color: dodgerblue;
}
.imp-compliance-check-popup .freedom-content .row .freedom-compliance-results:hover {
    cursor: pointer;
}
.imp-compliance-check-popup .footer {
    margin-top: 20px;
    text-align: center;
}
.imp-compliance-check-popup .freedom-footer {
    margin-top: 20px;
    text-align: right;
    margin-right: -6px;
    margin-bottom: -6px;
}
.imp-compliance-check-popup .freedom-footer .freedom-btn {
    padding: 0;
    text-align: center;
}
.imp-compliance-check-popup .footer .imp-button-hm-wm-sec {
    margin-right: 5px;
}
.imp-compliance-check-popup.failed .row > div {
    text-align: left;
    padding-left: 25px;
}
.imp-compliance-check-popup.failed .row:first-child {
    margin-bottom: 15px;
}
.imp-compliance-check-popup.failed .footer .imp-button-hm-wm-prim {
    width: 150px;
}
/*#endregion ComplianceCheck Popup*/

input[type="text"].month-of-reserves {
    width: 26px;
    margin-left: 12px;
    text-align: center;
    padding-right: 6px;
}
/*#region ddl with modal popover*/

.imp-ddl-with-popover {
    background-color: white;
    border-radius: 3px;
    border: 1px solid #B1B2B3;
}
.imp-ddl-with-popover .ddl-text {
    font-size: 12px;
    text-align: left;
}
.imp-ddl-with-popover .caret {
    border-top: 6px solid #d8d8d8;
    float: right;
    margin-top: -12px;
}
.imp-ddl-with-popover-item {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    float: left;
    text-align: left;
    width: 550px;
}
.imp-ddl-with-popover-item-checkbox {
    float: left;
    margin-right: -11px;
    margin-bottom: 37px;
    margin-top: -3px;
}
.fha-va-valuation-consent-popup {
    width: 590px;
    float: left;
}
/*#endregion ddl with modal popover*/

.imp-save-cancel-buttons-container {
    border-top: 3px solid #1fb25a;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-right: 0px;
}
.imp-save-cancel-buttons-container .left-side {
    float: left;
    padding-top: 5px;
    cursor: pointer;
}
.imp-save-cancel-buttons-container .right-side {
    width: auto;
    float: right;
}
/*#endregion alert modal */


/*#endregion ddl with modal popover*/

.modal.in.flyout.float-to-contextualbar {
    overflow-y: hidden;
    top: 118px;
}

.modal.in.flyout.float-to-contextualbar .modal-dialog {
    height: 100%;
    min-height: 100%;
    margin-top: 0px;
    top: 0px;
}

.modal.in.flyout.float-to-contextualbar-darkbg .modal-dialog {
    height: 100%;
    min-height: 100%;
    margin-top: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.5);
}

.modal.fade.flyout.float-to-contextualbar {
    z-index: 1060 !important;
    -webkit-transition: width 0.5s linear;
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;
}

/******** tpo modal flyout **********/
.imp-modal-tpo-data .header {
    padding-left: 25px;
}
.imp-modal-tpo-data .split-footer {
    padding-top: 30px;
}

/******** end tpo modal flyout **********/
.modal.in.flyout.imp-modal-amortization-payments .modal-dialog {
    width: 1260px;
}

.modal.in.flyout.imp-modal-price-to-lock .modal-dialog {
    width: 95%;
    left: 5%;
    position: fixed;
    min-height: 85%;
    top: 60px;
}

.amortization-payments {
    margin-left: 36px;
    margin-right: 35px;
}
.imp-modal.flyout .amortization-payments .header {
    margin-top: 0px;
    margin-left: 0;
    margin-bottom: 0px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 30px;
}
.amortization-payments .header-title {
    width: 100%;
    font-weight: 800;
    font-size: 10.5pt;
    margin-top: 20px;
}
.amortization-payments .header-text {
    font-weight: bold;
    font-size: large;
    margin-top: 0;
    width: 24.3%;
    float: left;
}
.amortization-payments .header-text:first-child {
    font-size: 8pt;
    font-weight: 100;
    color: #1f8ddc;
}
.amortization-payments .header-text:first-child .item:hover {
    cursor: pointer;
}
.amortization-payments .header-text:nth-child(2) {
    font-weight: normal;
}
.amortization-payments .header div.header-text.dark-green.col-l {
    color: #1FB25A;
    float: left;
    font-size: 10pt;
}
.amortization-payments .header .expand-collapse {
    float: right;
    font-size: 8pt;
    font-weight: 100;
    color: #1f8ddc;
    cursor: pointer;
}
.amortization-payments .col-xxs,
.amortization-payments .col-xs,
.amortization-payments .col-s,
.amortization-payments .col-m,
.amortization-payments .col-l,
.amortization-payments .col-xl,
.amortization-payments .col-xxl {
    float: left;
    margin-right: 5px;
}
.amortization-payments .buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}
.amortization-payments .border-bottom {
    width: 100%;
    margin: 0;
}
.amortization-payments .row:first-child {
    margin-top: 10px;
}
.amortization-payments .row,
.amortization-payments .footer {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0;
    line-height: 30px;
}
.amortization-payments .row:nth-child(even) {
    background: #F9F9F9;
}
.amortization-payments .row:hover {
    background: #E1F9FF;
}
.amortization-payments .row .row-monthly {
    background: inherit;
}
.amortization-payments .row .row-monthly:hover {
    background: #E1F9FF;
}
.amortization-payments .imp-split {
    width: 100%;
}
.amortization-payments .col-xxs {
    width: 1%;
}
.amortization-payments .col-xs {
    width: 2%;
}
.amortization-payments .col-s {
    width: 4.6%;
    z-index: 1;
}
.amortization-payments .col-m {
    width: 6%;
}
.amortization-payments .col-l {
    width: 9.5%;
}
.amortization-payments .col-xl {
    width: 14%;
}
.amortization-payments .col-xxl {
    width: 25%;
}
/*region Property Eligibility Modal*/

.property-eligible-modal {
    width: 450px;
    height: 350px;
}
.property-eligible-modal .modal-dialog {
    margin: 5px 0px 0px 10px;
    height: 80%;
    width: 420px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 13px 15px -3px #000;
}
.property-eligible-modal .modal-content {
    border-radius: 5px;
}
.property-eligible-modal-content {
    height: 100%;
    width: 100%;
    margin: 20px 0px 65px 30px;
    border: none;
}
.property-eligible-modal-content .title {
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
}
.property-eligible-modal-content > .title {
    color: #000000;
    margin-bottom: 6px;
    vertical-align: auto;
}
.property-eligible-modal-content .eligible {
    display: inline-block;
    color: #1fb25a;
}
.property-eligible-modal-content .noneligible {
    display: inline-block;
    color: #ef1126;
    margin-left: 13px;
}
.property-eligible-modal-content .condition {
    margin-top: 12px;
    margin-bottom: 6px;
}
.property-eligible-modal-content .body {
    width: 360px;
    border-top: 1px solid #bdbebe;
    border-bottom: 1px solid #bdbebe;
}
.property-eligible-modal-content .body .upperbody {
    color: black;
}
.property-eligible-modal-content .body .lowerbody {
    margin-bottom: 13px;
}
.property-eligible-modal-content .body ul {
    list-style-position: inside;
    padding-left: 0;
}
.property-eligible-modal-content .body .item {
    margin-top: 2px;
    margin-bottom: 2px;
}
.property-eligible-modal-checkmark {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
.property-eligible-modal-button {
    height: 25px;
    font-size: 13px;
    vertical-align: bottom;
}
.imp-button-hm-wl-prim.property-eligible-modal-button,
.imp-button-hm-wm-sec.property-eligible-modal-button {
    width: 85px;
}
/*endregion Property Eligibility Modal*/


/*#region alert modal */

.alert-modal {
    width: 400px;
    min-height: 170px;
}
.alert-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}
.alert-modal .modal-dialog .modal-content {
    width: 100%;
    border: none;
    max-height: 200px;
}
.alert-modal .modal-body {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.alert-modal .modal-body .notice {
    margin-top: 0px;
    height: 32px;
    display: flex;
    justify-content: center;
}
.alert-modal .modal-body .notice .notice-label {
    font-size: 17px;
    color: #000000;
    padding-top: 1px;
    padding-left: 3px;
    font-weight: bold;
}
.alert-modal .modal-body .message-details {
    padding-bottom: 20px;
}
.alert-modal .modal-body .buttons {
    display: flex;
    justify-content: space-between;
}
.alert-modal .modal-body .functional-buttons {
    display: flex;
    justify-content: flex-end;
    margin: 3px 1px;
}

.modal-body  .locking-confirmation-header {
    font-weight: bold;
    padding-top: 18px;
}

.modal-body .locking-confirmation-message {
    font-size: 13px;
    text-align: center;
    margin-left: 22px;
    width: 355px;
    margin-top: 15px;
    font-weight: normal;
}

.modal-body  .locking-confirmation-buttons {   
    margin-left: 0px  !important;  
}
/*#endregion alert modal */

.disclaimer-description {
    margin-top: 7px;
    font-size: 12px;
    color: #9d9d9d;
}
.usda-eligible,
.usda-not-eligible {
    padding-top: 28px !important;
}
.usda-not-eligible > .disclaimer-title {
    font-size: 15px;
    font-weight: bold;
    border: none !important;
    color: #ef1126 !important;
}
.usda-not-eligible > .disclaimer-icon {
    cursor: default;
    margin: 0;
    background: none;
}
.usda-eligible > .disclaimer-title {
    margin-left: 27px !important;
    color: #1fb25a !important;
    font-size: 15px;
    font-weight: bold;
    border: none !important;
}
/*#endregion ddl with modal popover*/


/*#region Disclosure Errors Popup*/

.warnings-errors-popup.container {
    display: block;
    height: auto;
    overflow: hidden;
    width: 420px;
    padding: 0px;
}

.popover-fixed {
    position: relative !important;
}

.warnings-errors-popup .imp-div-close-x {
    float: right;
    margin: 11px 10px 5px;
}
.warnings-errors-popup .content {
    float: left;
    text-align: left;
    padding-bottom: 16px;
    padding-left: 19px;
    padding-top: 16px;
    width: 85%;
}
.warnings-errors-popup .header {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 3px;
    word-spacing: 0.5px;
    letter-spacing: 0.1px;
}
.warnings-errors-popup .popup-line {
    border-bottom: 1px solid #BCBDBD;
    color: #000000;
    width: 105%;
    margin-bottom: 10px;
}
.warnings-errors-popup .paragraph {
    margin-bottom: 8px;
    overflow-y: auto;
}
.warnings-errors-popup .row {
    margin-left: 1px;
    width: 100%;
}
.warnings-errors-popup ul {
    padding-left: 16px;
    width: 100%;
    margin-bottom: 5px;
}
.warnings-errors-popup ul li {
    line-height: 14px;
    overflow-wrap: break-word;
}
.warnings-errors-popup ul li span {
    position: relative;
    left: -4px;
}
/*#endregion Disclosure Errors Popup*/

.usda-eligible > .disclaimer-icon {
    cursor: default;
    margin: 0;
}
/*#region lo assigned modal*/

.imp-lo-assigned-modal .modal-content {
    width: 418px;
    height: auto;
    min-height: 178px;
    margin: 0 auto;
    position: relative;
    width: 420px;
}
.imp-lo-assigned-modal .header div {
    float: left;
}
.imp-lo-assigned-modal .header {
    padding-top: 20px;
    padding-left: 29px;
    float: left;
    position: relative;
    width: 400px;
}
.imp-lo-assigned-modal .header .header-text {
    margin-top: 0;
    margin-left: 0;
}
.imp-lo-assigned-modal .header {
    font-size: 19px;
    font-weight: bold;
}
.imp-lo-assigned-title {
    margin-bottom: 15px;
    margin-top: 13px;
    position: relative;
    float: left;
    width: 360px;
    font-size: 14px;
}
.imp-lo-assigned-content {
    padding-left: 30px;
    position: relative;
    float: left;
    width: 360px;
    height: auto;
}
.imp-lo-assigned-modal-button-close {
    position: absolute;
    top: 5px;
    right: 18px;
}
.imp-lo-assigned-modal-button-close:hover {
    cursor: pointer;
}
/*#region lo assigned modal*/


/*#region GMI Script for LO */

.imp-gmi-script-title {
    float: none;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 5px;
}
.imp-gmi-script-desc {
    width: 80%;
    text-align: justify;
    border-top: 1px solid #bdbebe;
}
/*#region GMI Script for LO */

.listmodal-message {
    padding: 8px 40px 0px 40px;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
}
.listmodal-messagedetails {
    padding: 8px 40px 0px 70px;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
}
.button-eligibility-prim {
    width: 60px;
    height: 17px;
    padding: 7px 25px;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    background-image: -moz-linear-gradient(center top, #0396e4, #0271da);
}
.button-eligibility-cancel {
    width: 80px;
    font-size: 12px;
    background-image: -moz-linear-gradient(center top, #f6f8f8, #d9dedf);
}

/*new authentication screen*/
/*==================================================
 * imp-new-auth.css
 *
 * Created By: Adam Alt
 * Created On: 2016-04-25
 *
 * Breakpoints at: 320px(mobile), 768px(medium), and 1280px(desktop)
 *
 * ===============================================*/

.imp-new-auth {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    text-align: center;
    z-index: 3000;
}
.imp-new-auth-content .txt-for-disclaimer {
    font-size: 10px;
    color: #9d9d9d;
    text-align: center;
    padding-top: 15px;
}
.imp-company-logo-section {
    width: 500px;
    height: 250px;
    margin: auto;
}
/*==================================================
 * iMP New Auth Banner - Logo
 * ===============================================*/

.imp-company-logo {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.imp-new-auth-banner {
    margin-top: 50px;
}
.imp-new-auth-banner .sign-in-logo {
    font-size: 105px;
}
.imp-new-auth-banner .sign-in-explanation-section {
    margin-top: 40px;
    font-size: 17px;
}
.imp-new-auth-banner .explanation-text {
    font-size: 17px;
    color: #000000;
}
.imp-new-auth-banner .explanation-text-green {
    font-size: 17px;
    color: #1fb25a;
    font-weight: bold;
}
/*==================================================
 * Sign In - Sign In Section
 * ===============================================*/

.imp-new-auth .sign-in-section {
    margin-top: 50px;
    width: 100%;
    background: #FFF;
    padding: 20px 0px;
    position: relative;
}
/*==================================================
 * Sign In - Bar Well Effect
 * ===============================================*/

@media (min-width: 768px) {
    .imp-new-auth .bar-well:before,
    .imp-new-auth .bar-well:after {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
        top: 0;
        bottom: 0;
        left: 20%;
        right: 20%;
        -moz-border-radius: 300px / 15px;
        border-radius: 300px / 15px;
    }
}
/*==================================================
 * Sign In - Inputs
 * ===============================================*/

.imp-new-auth input {
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}
/*==================================================
 * Sign In - Auth Form
 * ===============================================*/

.imp-new-auth .auth-form {
    text-align: center;
    margin-top: 10px;
    min-height: 150px;
}
/*==================================================
 * Sign In Button
 * ===============================================*/

.imp-new-auth .sign-in-button {
    margin-top: 11px;
    height: 40px !important;
    width: 240px;
    font-size: 15px !important;
    margin-left:0px !important;
    background: -webkit-linear-gradient(top, #0396e4, #0271da);
    background: -ms-linear-gradient(top, #0396e4, #0271da);
    background: linear-gradient(top, #0396e4, #0271da);
}
.imp-new-auth .sign-in-button:hover {
    background: -webkit-linear-gradient(top, #02a7e3, #0286db);
    background: -ms-linear-gradient(top, #02a7e3, #0286db);
    background: linear-gradient(top, #02a7e3, #0286db);
}
.imp-new-auth .sign-in-button:active,
.imp-new-auth .sign-in-button:visited {
    background: -webkit-linear-gradient(top, #026b96, #024386);
    background: -ms-linear-gradient(top, #026b96, #024386);
    background: linear-gradient(top, #026b96, #024386);
}
/*==================================================
 * Sign In - Online Links Section
 * ===============================================*/

.imp-new-auth .online-links-section {
    margin-top: 21px;
    width: 240px;
    margin-right: auto;
    margin-left: auto;
}
.imp-new-auth .forgot-password-text {
    float: left;
    font-size: 15px;
    color: #208ddc;
    cursor: pointer;
}
.imp-new-auth .forgot-password-text.pin-auth {
    float: none;
}
.imp-new-auth .create-account-text {
    float: right;
    font-size: 15px;
    color: #208ddc;
    cursor: pointer;
}
/*==================================================
 * Sign In - Inputs
 * ===============================================*/

.imp-new-auth .form-control {
    border-color: #BDBEBE;
    height: 29px;
    width: 231px;
    font-size: 14px;
}
.imp-new-auth .password-input {
    color: #9d9d9d;
    letter-spacing: 2px;
}
/*==================================================
 * Sign In - Validation
 * ===============================================*/

.imp-new-auth .validation-group.invalid > input,
.imp-new-auth .validation-group > input.invalid {
    color: red !important;
    border-color: #ef1126;
    background-color: #fdeaea;
}
.imp-new-auth .validation-group.invalid > .input-state {
    position: absolute;
    top: 7px;
    right: 21px;
    z-index: 100;
    color: red !important;
}
.imp-new-auth .validation-group.invalid.empty-email > .input-state:after {
    content: "please enter email";
}
.imp-new-auth .validation-group.invalid.empty-password > .input-state:after {
    content: "please enter password";
}
.imp-new-auth .error {
    font-size: 14px;
}

/*==================================================
 * Request Password Reset
 * ===============================================*/
.imp-reset-password {
    color:#208DDC;
    font:Arial;
    text-align:center;
    font-size:12px;
    cursor:pointer;
}

.imp-heading-text {
    font: Arial;
    text-align: center;
    font-size: 15px;
    height:110px;
}
.imp-explanation-text {
    font: Arial;
    text-align: center;
    font-size: 15px;
    height: 53px;
}

/*==================================================
 * Update Password 
 * ===============================================*/


.imp-update-passwords .glyphicon-no-eye:before {
    position: relative;
    left: 100px;
    top: 9.5px;
    content: 'view';
    cursor: pointer;
    color: #4ea4e2;
}

.imp-update-passwords .glyphicon-no-eye-hide:before {
    position: relative;
    left: 100px;
    top: 9.5px;
    content: 'hide';
    cursor: pointer;
    color: #4ea4e2;
}

.imp-update-passwords .flex {
    display: flex;
}

.imp-update-passwords .component-text-box {
    height: 34px !important;
    margin-top: -15px;
    font-size: 15px;
}

.imp-update-passwords .password-form {
    width:500px;
    margin:0px auto;
}
.imp-update-passwords .password-label {
    float: left;
    padding-top: 5px;
    width: 115px;
    text-align: right;
}

.imp-update-passwords .password-field {
    width: 240px;
    margin-left: 30px;
}

.imp-update-passwords .rules-with {
    width: 3px;
}
    .imp-update-passwords .rules-with .popover.right .arrow:after {
        border-right-color: white;
    }

.imp-update-passwords .confirm-pass-error {
    color: #EF1126;
    margin-right: 82px;
    margin-top: -10px
}

.validate-pass-error {
    margin-bottom:5px;
    margin-left: 10px;
}

.imp-update-password-email {
    margin-left: 30px;
}
/*==================================================
 * Contextual Button - Loan Details
 * ===============================================*/
.loan-details-buttons .contextual-button-wrapper {
    float: right;
    margin-right: 1px;
    margin-left: 8px;
}
.btn-group-container .contextual-button-wrapper {
    margin-top: 3px;
}
.btn-group-container.loan-details-buttons .contextual-button-wrapper {
    margin-top: 0px;
    margin-right: -3px;
}
.btn-group-container .contextual-button-wrapper .group-button-sec {
    right: 9px;
    border-left: 0px;
}
.btn-group-container .contextual-button-wrapper .group-button-prim .divider {
    margin-right: 0px;
    width: 1px;
}
.loan-details-buttons .contextual-button-wrapper .group-button-prim {
    top: 3px;
}
.loan-details-buttons .contextual-button-wrapper .group-button-sec {
    right: 6px;
    top: 3px;
}
.loan-details-buttons .imp-button-general {
    margin: 3px -3px 3px 5px;
}
.loan-details-buttons .contextual-button-wrapper .imp-button-general-contextual {
    margin: 0px -3px 0px 0px;
}
.btn-group-container .contextual-button-wrapper .dropdown-menu {
    bottom: 33px;
}
.btn-group-container.loan-details-buttons .contextual-button-wrapper .dropdown-menu {
    right: 4px;
    bottom: 30px;
    min-width: 100px;
    cursor: pointer;
}
/*==================================================
 * System Admin 3.0 - Credential Management
 * ===============================================*/

.imp-credential-management-serach-section {
    border-bottom: 1px solid #BCBDBD;
    margin-bottom: 0 !important;
}
.imp-credential-management-serach-section .row {
    display: flex;
    justify-content: space-between;
}
.imp-credential-management-search-field {
    margin-right: 2%;
    width: 12% !important;
}
.imp-credential-management-conn-info-field {
    margin-right: 2%;
}
.imp-credential-management-field {
    margin-top: 5px;
}
.imp-credential-management-row .show-icon {
    display: block !important;
}
.imp-credential-management-list .imp-credential-management-row-clicked {
    background-color: #e1f9ff !important;
}
.imp-credential-management-list .row .imp-credential-management-edit-icon {
    left: -34px;
    cursor: pointer;
    margin: -4px;
}
.imp-credential-management-list .row .imp-credential-management-delete-icon {
    right: -26px;
    opacity: .4;
    margin: -4px;
}
.imp-credential-management-list .row .imp-credential-management-delete-icon,
.imp-credential-management-list .row .imp-credential-management-edit-icon {
    display: none;
    position: absolute;
}
.imp-credential-management-list .row .imp-credential-management-delete-icon {
    opacity: .4;
}
.imp-credential-management-list .row .imp-credential-management-edit-icon {
    left: -34px;
    cursor: pointer;
}
.imp-credential-management-list .row .imp-credential-management-edit-icon > div {
    width: 20px;
    height: 20px;
    background-image: url("LoanCenterSprite.png");
    background-position: -42px -132px;
}
.imp-credential-management-list .row .imp-icon-show-password {
    margin-top: 3px;
}
.imp-credential-management-list .row .imp-loader-s {
    margin: 3px 2px 0px 2px;
    height: 21px;
    width: 21px;
}
.imp-credential-management-list .content:hover:not(.imp-credential-management-row-clicked):not(.imp-credential-management-list-row-edit) {
    background-color: #E1F9FF;
}
.imp-credential-management-list .imp-credential-management-list-row-edit div.instructions-row {
    padding-left: 28px;
}
.imp-credential-management-list .imp-credential-management-list-row-edit div.instructions-row input {
    border: 1px solid #A2A1A1;
}
.imp-credential-management-list .imp-credential-management-list-row-edit,
.imp-credential-management-list .imp-credential-management-list-row {
    position: relative;
}
.imp-credential-management-list .imp-credential-management-list-row {
    padding: 6px 0px;
    padding-left: 6px;
}
.imp-credential-management-list .imp-credential-management-list-row .enable-edit {
    position: relative;
    margin-left: -29.6%;
    height: 16px;
}
.imp-credential-management-list .imp-credential-management-list-row .imp-credential-management-label {
    padding-top: 2px;
}
.imp-credential-management-list .imp-credential-management-list-row-edit {
    background-color: #C8E0E6;
    margin-left: -1px;
}
.imp-credential-management-list .imp-credential-management-list-row-edit .row {
    padding: 3px;
    margin-right: 0px;
    margin-left: 0px;
}
.imp-credential-management-list .imp-credential-management-list-row-edit .column {
    float: left;
}
.imp-credential-management-list {
    padding-top: 0 !important;
}
.imp-credential-management-list .imp-credential-management-list-columns-titles {
    margin-left: 3px;
    font-size: 12px;
    color: #9d9d9d;
    margin-top: 20px;
    margin-bottom: 6px;
}
.imp-credential-management-list select.imp-ddl-no-important {
    box-shadow: none;
    cursor: default;
    background-color: white;
    outline-color: transparent;
    outline: none;
    width: 100%;
    font-size: 12px;
    color: #000000;
    height: 100%;
    border: 1px solid #bdbebe;
    margin: 0;
    width: 100%;
    -moz-appearance: none;
    border: 1px solid #B1B2B3;
    padding-right: 1.4em;
    text-indent: .01px;
    overflow: hidden;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
}
.imp-credential-management-list select.imp-ddl-no-important,
.imp-credential-management-list select.imp-ddl-no-important:focus {
    outline-color: transparent !important;
    outline: none !important;
    width: 100%;
}
.imp-credential-management-list .imp-select-to-span-container select.imp-ddl-no-important {
    background-color: transparent;
}
.imp-credential-management-search-button {
    margin: 0 !important;
    height: 24px !important;
    padding: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background: #208DDC;
    color: #FFFFFF;
}

.imp-credential-management-search-button:disabled {
    cursor: auto;
    display: inline-block;
    background: #ABAAAA;
    font-family: Arial;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
}

.imp-credential-management-add-item-main-container {
    width: 100% !important;
    margin-top: 50px !important;
}
.imp-credential-management-add-item-add-action {
    line-height: 30px !important;
    width: 100% !important;
    border-bottom: 3px solid #1fb25a !important;
}
.imp-credential-management-add-item {
    color: #208ddc !important;
    float: right !important;
}
.imp-credential-management-add-item-clickable-area {
    width: 75px;
    cursor: pointer;
}
.imp-credential-management-save-btn-main-container {
    float: right;
    margin-top: 10px;
}
.imp-credential-management-save-btn {
    width: 75px !important;
}
.imp-credential-management-list .content:hover:not(.imp-credential-management-row-clicked):not(.imp-credential-management-list-row-edit) .imp-credential-management-delete-icon,
.imp-credential-management-list .content:hover:not(.imp-credential-management-row-clicked):not(.imp-credential-management-list-row-edit) .imp-credential-management-edit-icon {
    display: block;
}
.imp-credential-management-list .row .imp-credential-management-delete-icon:hover:not(.imp-credential-management-row-clicked):not(.imp-credential-management-list-row-edit) {
    opacity: 1;
}
/*==================================================
 * System Admin 3.0 - Credential Management
 * ===============================================*/

.imp-labeled-input-placeholder {
    color: #9D9D9D;
    margin-top: 5px;
    position: absolute;
    margin-bottom: 2px;
    margin-left: 130px;
}
/*==================================================
 * Cancel Apprasal Order - Confirmation Modal
 * ===============================================*/

.modal-body-half.lower-half {
    margin-top: 30px;
    margin-left: 80px;
}
.appraisal-confirmation-modal-header {
    margin: 10px 20px 0px 20px;
}
.appraisal-modal-success {
    margin-bottom: 40px;
}

.modal-dialog .appraisal-details-flyout-container.ng-scope .uib-datepicker-popup.dropdown-menu.ng-scope {
    left: -15% !important;
}
/*region product dashboard*/

.imp-modal.flyout .mid-section {
    width: 375px;
}
.imp-modal.flyout .mid-section .title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    display: inline-block;
    margin-left: 0px;
}
.imp-modal.flyout .mid-section .split-line {
    border-bottom: 1px solid #bdbebe;
    width: 333px;
    margin-top: 4px;
}
.imp-modal.flyout .mid-section .section {
    width: 335px;
    display: inline-block;
    margin-left: 0px;
}
.imp-modal.flyout .mid-section .row {
    height: auto;
    font-size: 12px;
    text-align: left;
    margin: 0px;
    margin-top: 10px;
    min-height: 0px;
}
.modal.in.flyout.brokered-modal .modal-dialog {
    width: 1150px;
}
/*region company information*/

.imp-modal.flyout .company-info {
    width: 1100px;
}
.imp-modal.flyout .company-info .title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-left: 10px;
    display: inline-block;
}
.company-info .split-line {
    border-bottom: 1px solid #bdbebe;
    width: 1095px;
    margin-top: 4px;
    margin-left: 10px;
}
.company-info .col-xxxl {
    color: #767676;
}
.company-info .section .row .col-xxxxxl {
    margin-top: 9px;
}
.company-info .section .row .col-xxxl {
    margin-top: 14px;
}
.company-info .row > textarea {
    width: 1081px;
    min-width: 1076px;
    max-width: 1076px;
    height: 104px;
    margin-left: 25px;
    margin-top: 25px;
    margin-bottom: 30px;
}
.company-info .container .row {
    height: 32px;
    line-height: 32px;
    width: 1104px;
}
.imp-modal.flyout .company-info .imp-address .imp-psection-row {
    margin: 14px 0;
}
.imp-modal.flyout .company-info .section .row {
    height: auto;
    min-height: 32px;
    font-size: 12px;
    text-align: left;
    margin: 0px;
    margin-top: 5px;
}
.company-info .container .row:first-child .col-m {
    color: #767676;
}
.company-info .container .row .col-l,
.company-info .container .row .col-m,
.company-info .container .row .col-s {
    display: inline-block;
}
.company-info .container .row.edit-mode:hover {
    background-color: #e1f9ff;
    cursor: pointer;
}
.company-info .container .row .col-s > input {
    width: 85px;
}
.company-info .container .row .col-m input[type="text"] {
    width: 171px;
}
.company-info .section .row .global-company-date .input-group {
    width: 100.8%;
}
.company-info .add-Button {
    float: right;
    width: 90px;
}
.company-info .arrow {
    margin-top: 10px;
    margin-left: 0px;
}
.company-info .col-m.width167-mLeft-15px {
    width: 167px;
    margin-left: 15px;
}
.company-info .col-m.width75 {
    width: 75px;
}
.company-info .col-m.width93 {
    width: 93px;
}
.company-info .expand-notes {
    width: 1065px;
    color: #9d9d9d;
    margin-left: 15px;
}
.company-info .edit-mode.contactList {
    color: black;
    display: inline-block;
}
.company-info .section.phone {
    margin-left: 20px;
    height: 257px;
}
.company-info .section.company {
    margin-left: 12px;
    height: 257px;
}
.company-info .add-Circle {
    vertical-align: middle;
    margin-bottom: -34px;
    height: 26px;
    width: 26px;
}
.company-info .container .row .col-m .global-contact-email input[type="text"] {
    width: 118px;
}
.company-info .container .row .col-s .imp-circle {
    margin-left: -3px;
    margin-bottom: -10px;
}
.company-info .container .row .col-s .imp-icon-pen {
    width: 22px;
    margin-bottom: -6px;
    display: none;
}
.company-info .container .row.edit-mode:hover .col-s .imp-icon-pen {
    display: block;
}
/*endregion*/
/*Address control linear*/

.imp-address-control-linear .street {
    width: 191px;
    float: left;
    margin-top: 5px;
}
.imp-address-control-linear .city {
    width: 95px;
    float: left;
    padding-left: 3px;
    margin-top: 5px;
    padding-right: 3px;
}
.imp-address-control-linear .state {
    width: 44px;
    margin-top: -9px;
}
.imp-address-control-linear .zip {
    width: 36px;
}
.imp-address-control-linear .imp-span-ddl-container:before {
    top: 6px;
}
.imp-address-control-linear .imp-span-ddl-container:after {
    top: 68%;
}
/*endregion*/

div.email-already-in-use {
    margin-right: 25px;
}
span.email-already-in-use {
    color: red;
}

.username-taken-by-non-borrower-error {
    width: 57%;
}

/*=============================
IMP GENERAL SETTINGS ↓↓↓
=============================*/

.imp-general-settings-title {
    display: flex;
    margin-top: 20px;
    margin-bottom: 26px;
}
.imp-general-settings-label {
    font-size: 16px;
    font-weight: bolder;
    align-self: center;
    margin-top: 2px;
    color: rgb(0, 180, 92);
}
.modal-body .modal-body-half .upper-information-modal-wrapper {
    margin-bottom: 40px;
}
.modal-body .modal-body-half .upper-information-modal .loan-numbering-settings-saved-icon {
    background: url("LoanCenterSprite.png") -91px -291px;
    width: 20px;
    height: 20px;
}
.modal-body .modal-body-half .upper-information-modal .loan-numbering-settings-saved-message {
    margin-top: 3px;
}
/*#region LOAN NUMBERING */

.loan-numbering-configuration, .encryption-utility {
    position: relative;
}
.imp-main-buttons-div.loan-numbers-button-outer-container .horizontal-separator {
    line-height: 30px;
    width: 100%;
    border-bottom: 3px solid #1fb25a;
}
.imp-main-buttons-div.loan-numbers-button-outer-container {
    width: 100%;
    margin-top: 50px;
}
.loan-numbering-configuration .title,
.loan-numbering-configuration .title-collapsed,
.encryption-utility .title,
.encryption-utility .title-collapsed
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.loan-numbering-configuration .configuration-row {
    width: 400px;
    height: 36px;
    display: flex;
    align-items: center;
}
.encryption-utility .configuration-row {
    width: 750px;
    height: 36px;
    display: flex;
    align-items: center;
}
    .loan-numbering-configuration .configuration-row .configuration-left-section {
        width: 42%;
    }
    .encryption-utility .configuration-row .configuration-left-section {
        width: 30%;
    }
    .loan-numbering-configuration .configuration-row .configuration-right-section,
    .loan-numbering-configuration .configuration-row .configuration-right-radio-section {
        width: 58%;
        display: flex;
    }
    .encryption-utility .configuration-row .configuration-right-section,
    .encryption-utility .configuration-row .configuration-right-radio-section {
        width: 58%;
        display: flex;
    }
        .loan-numbering-configuration .configuration-row .configuration-right-section input,
        .loan-numbering-configuration .configuration-row .configuration-right-section select,
        .encryption-utility .configuration-row .configuration-right-section input,
        .encryption-utility .configuration-row .configuration-right-section select {
            box-sizing: border-box;
            width: 100%;
            height: 24px;
        }
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section {
    justify-content: space-between;
}
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section .loan-number-value {
    font-weight: bold;
}
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section .loan-numbering-refresh {
    display: flex;
    width: 28%;
    justify-content: space-between;
}
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section .loan-numbering-refresh .text {
    color: #208ddc;
}
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section .loan-numbering-refresh:hover {
    cursor: pointer;
}
.loan-numbering-configuration .configuration-row.next-available-number .configuration-right-section .loan-numbering-refresh:hover .text {
    text-decoration: underline;
}
.configuration-right-section.imp-span-ddl-container:after {
    top: 60%;
}
/*#endregion LOAN NUMBERING*/


/*#region ULDD*/

.uldd-container {
    width: 1100px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.uldd-container .uldd-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 1100px;
}
.uldd-container .uldd-row .uldd-row-title {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #bdbebe;
    padding-bottom: 9px;
    color: #000000;
}
.uldd-container .uldd-row .uldd-column {
    width: 335px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-title {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #bdbebe;
    padding-bottom: 9px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-sub-title {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin-top: 10px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 5px 0px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-l {
    width: 80%;
    color: #b0b0b0;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-m {
    width: 48%;
    color: #b0b0b0;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-s {
    width: 31%;
    color: #b0b0b0;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-xs {
    width: 26%;
    line-height: 24px;
    color: #767676;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-xxs {
    width: 15%;
    color: #767676;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-left {
    width: 135px;
    line-height: 24px;
    color: #767676;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-right {
    width: 195px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-right .uldd-right-sections {
    width: 195px;
    display: flex;
    justify-content: space-between;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-l > input[type=text],
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-m > input[type=text],
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-s > input[type=text],
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-xs > input[type=text],
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-column-xxs > input[type=text],
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-right > input[type=text] {
    box-sizing: border-box;
    height: 24px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #bdbebe;
    box-shadow: none;
    border-radius: 0px;
}
.uldd-container .uldd-row .uldd-column .uldd-column-row .uldd-right textarea {
    width: 100%;
    box-sizing: border-box;
    min-height: 24px;
}
.uldd-contextual-tab {
    display: flex;
    padding: 0;
}
.uldd-contextual-sections {
    display: flex;
    justify-content: space-around;
    width: 775px;
    align-items: center;
}
.uldd-contextual-sections .item {
    cursor: pointer;
}
.uldd-contextual-sections .navigation {
    display: flex;
    justify-content: space-around;
    width: 60%;
}
.uldd-contextual-sections .expand-collapse {
    display: flex;
    justify-content: space-around;
    width: 20%;
    position: relative;
    color: #428bca;
}
.uldd-contextual-sections .export-button {
    width: 100px;
    height: 21px;
    padding-top: 3px;
}
/*#endregion*/
/*region imp-textbox-mutable*/

.textboxMutableWrapper input {
    width: 100%;
    box-sizing: border-box;
    height: 24px;
    border-radius: 4px;
}
.imp-selectbox-mutable-wrapper input,
.imp-textbox-mutable input {
    border-top: 1px rgba(233, 233, 233, 0) solid;
    border-left: 1px rgba(233, 233, 233, 0) solid;
    border-right: 1px rgba(233, 233, 233, 0) solid;
    border-bottom: 1px rgba(233, 233, 233, 1) solid;
    -webkit-box-shadow: none;
    border-radius: 4px;
    text-overflow: ellipsis;
}
.imp-selectbox-mutable-readonly input:disabled,
.imp-textbox-mutable-readonly input:disabled {
    border-top: 1px rgba(233, 233, 233, 0) solid;
    border-left: 1px rgba(233, 233, 233, 0) solid;
    border-right: 1px rgba(233, 233, 233, 0) solid;
    border-bottom: 1px rgba(233, 233, 233, 0) solid;
    -webkit-box-shadow: none;
    border-radius: 0px;
    background: none;
    text-overflow: ellipsis;
}
/*this is chrome specific, when input is disabled additional style exists when hovering*/

.imp-selectbox-mutable-readonly input:disabled:hover,
.imp-textbox-mutable-readonly input:disabled:hover {
    border-top: 1px rgba(233, 233, 233, 0) solid;
    border-left: 1px rgba(233, 233, 233, 0) solid;
    border-right: 1px rgba(233, 233, 233, 0) solid;
    border-bottom: 1px rgba(233, 233, 233, 0) solid;
    -webkit-box-shadow: none;
    border-radius: 0px;
    background: none;
}
.imp-textbox-mutable input:hover {
    background: #e1f9ff;
    color: #208ddc;
    border-bottom: 1px rgba(233, 233, 233, 0) solid;
}
/*endregion*/
/*region imp-selectbox-mutable*/

.imp-selectbox-mutable-wrapper {
    position: relative;
}
.imp-selectbox-mutable-wrapper input {
    width: 100%;
    height: 24px;
    box-sizing: border-box;
}
.imp-selectbox-mutable-wrapper .imp-ddl {
    padding-left: 5px;
}
.imp-selectbox-mutable .imp-ddl {
    border-top: 1px rgba(233, 233, 233, 0) solid;
    border-left: 1px rgba(233, 233, 233, 0) solid;
    border-right: 1px rgba(233, 233, 233, 0) solid;
    border-bottom: 1px rgba(233, 233, 233, 0) solid;
    border-radius: 0px;
    background-color: #e1f9ff;
    color: #208ddc;
    box-shadow: none;
    background-position: 0 -33px;
}
.imp-selectbox-mutable .imp-span-ddl-container:after {
    color: #208ddc;
}
.imp-selectbox-mutable .imp-span-ddl-container:before {
    background: #e1f9ff;
}
/*endregion*/
/*region imp selectcheckbox mutable */

label.imp-lb-checkbox-races {
    min-width: 170px;
    margin: 0px;
}
.button-left-displaymode {
    display: inline-block;
    width: 92.5%;
    vertical-align: top;
}
.button-left {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.button-right {
    display: inline-block;
    width: 5%;
    vertical-align: top;
    color: white;
}
.button-right-hover {
    display: inline-block;
    width: 5%;
    vertical-align: top;
    color: #208ddc;
}
.imp-select-box-container {
    width: 100%;
    border-bottom: 1px #e9e9e9;
}
.imp-select-box-container .imp-span-ddl-container::after {
    top: 58%;
}
.imp-select-box-container .items-list-container {
    min-width: 100px;
    min-height: 10px;
    border: 1px solid #B1B2B3 !important;
    position: absolute;
    margin-top: 4px;
    z-index: 99;
    background-color: white;
}
.imp-select-box-container .items-list-container-mutable {
    min-width: 100px;
    min-height: 10px;
    border: none !important;
    position: absolute;
    margin-top: 4px;
    z-index: 99;
    background-color: white;
}
.imp-select-box-container .items-list-container .item {
    padding: 2px;
}
.imp-select-box-container .items-list-container-mutable .item {
    padding: 2px;
}
.imp-select-box-container .items-list-container .item:hover {
    cursor: pointer;
    background-color: #1D8FFF;
    color: white;
}
.imp-select-box-container .items-list-container-mutable .item:hover {
    cursor: pointer;
    background-color: #1D8FFF;
    color: white;
}
.imp-select-box {
    background-color: white;
    border: 1px solid #B1B2B3;
    border-radius: 3px;
    width: 100%;
    text-align: left;
    overflow: hidden;
    height: 24px;
    font-size: 12px;
}
.imp-select-box-displaymode {
    background-color: white;
    border: 1px solid white;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    height: 24px;
    border-bottom-color: #e9e9e9;
}
.imp-select-box-displaymode:hover {
    background-color: #e1f9ff;
    color: #208ddc;
    border-bottom-color: white;
}
.imp-select-box-displaymode-readonly {
    background-color: white;
    border: 1px solid white;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    height: 24px;
    border-bottom-color: #e9e9e9;
    cursor: default;
}
.imp-select-box-displaymode-readonly:hover {
    background-color: white;
    color: #616161;
    border-bottom-color: #e9e9e9;
}
.imp-select-box.imp-has-error {
    background-color: #fdeaea !important;
    border-color: #ef1126 !important;
}
.imp-select-box-container .items-list-container.imp-has-error {
    background-color: #fdeaea !important;
    color: #a3a3a3 !important;
}
.imp-select-box-container:hover .imp-span-ddl-container-readonly:after {
    content: "\25BC";
    transform: scale(1.3, 0.9);
    font-size: 0.71em;
    height: 1em;
    line-height: 1;
    margin-top: -0.5em;
    right: 0.7em;
    top: 50%;
    color: #208DDC;
    pointer-events: none;
    position: absolute;
}
/*endregion*/
/*region imp-address-mutable */

.imp-address-mutable-displaymode-readonly {
    background-color: white !important;
    color: #000000 !important;
    border-bottom: none !important;
}
/*endregion*/
/*=============================
IMP GENERAL SETTINGS END ↑↑↑
=============================*/


/*#region PSSP Fees Modal */

.pssp-fees-modal {
    top: 18%;
}
.pssp-fees-modal .modal-dialog {
    width: 840px;
}
.pssp-fees-modal .modal-content > .wrapper {
    padding: 18px 22px;
}
.pssp-fees-modal .modal-content > .wrapper > .header {
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #bdbebe;
    padding-bottom: 8px;
}
.pssp-fees-modal .modal-content > .wrapper > .content {
    padding: 10px 0 16px 0;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-title {
    font-size: 12px;
    color: #9c9c9c;
    padding-bottom: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-title .col-serviceprovider {
    padding-left: 3px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-title .col-service {
    padding-left: 2px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-title .col-estimate {
    padding-left: 1px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .col-feetype {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 13%;
    float: left;
}
.pssp-fees-modal .modal-content > .wrapper > .content .col-addfee {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 13%;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .col-serviceprovider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 27%;
    float: left;
    padding-right: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .col-service {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 26%;
    float: left;
    padding-right: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .col-estimate {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21%;
    float: left;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-group {
    border-left: 4px solid #727272;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-group:not(:last-child) {
    margin-bottom: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-group > .row-data:not(:last-child) {
    padding-bottom: 6px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data {
    display: flex;
    height: 24px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data canvas {
    position: relative;
    top: -1px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-feetype {
    padding-left: 10px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-feetype span {
    display: inline-block;
    line-height: 24px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-addfee .imp-add-button .button-text {
    padding-top: 5px;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-serviceprovider .imp-span-ddl-container {} .pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-estimate input {
    float: left;
    width: 78%;
}
.pssp-fees-modal .modal-content > .wrapper > .content .row-data .col-estimate canvas {
    float: left;
    right: -3px;
}
.pssp-fees-modal .modal-content > .wrapper > .footer {
    border-top: 1px solid #bdbebe;
    padding-top: 14px;
}
/*#endregion */


/* Begin - SecureLink User Offline modal */

.user-offline-modal .imp-alert-icon {
    margin-left: 30px;
    font-size: 29px;
    top: 5px;
}
.imp-offline-user-modal .modal-content {
    border-radius: 3px;
    position: fixed;
    width: 400px;
    height: 200px;
    left: 760px;
    top: 360px;
    z-index: 1050;
    border: 0px solid rgba(0, 0, 0, 0);
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.1);
}
.user-offline-modal .message-title {
    font-size: 17px;
    color: #000000;
    font-weight: bold;
}
.user-offline-modal span.message {
    padding-left: 30px;
    font-size: 12px;
    color: #000000;
}
.user-offline-close {
    padding: 0px;
    height: 30px;
    width: 80px;
    margin-top: 20px;
}
.user-offline-personal {
    height: 30px;
    width: 120px;
    margin-top: 20px;
    margin-left: 150px;
}
/* End - SecureLink User Offline modal */

.pricing-information {
    height: 440px;
}
.pricing-information-harp {
    height: 530px;
}
.pricing-information-arm {
    height: 565px;
}
.pricing-information-harp-arm {
    height: 590px;
}
.section.section-property-expenses .input-group .factor-months-left:focus + span + div > input {
    border-left-color: #74B9EE;
}
.section.section-property-expenses .input-group .factor-months-right {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*#region required fields for save popup*/

.imp-required-fields-modal .modal-content {
    width: 390px;
    margin: 0 auto;
}
.imp-required-fields-modal .content {
    padding: 20px 30px;
    margin: 0 auto;
}
.imp-required-fields-modal .content .header {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.imp-required-fields-modal .content .body {
    margin-bottom: 20px;
    text-align: center;
    font-size: 13px;
    color: black;
}
.imp-required-fields-modal .content .footer {
    padding-right: 15px;
    padding-left: 15px;
}
.imp-required-fields-modal .content .body .row {
    width: 335px;
}
/*#endregion*/

.imp-directive-container-attachment {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.imp-directive-container-attachment .imp-property-attachment-section {
    width: 100%;
}
.imp-directive-container-attachment .imp-property-attachment-section .bordering {
    border-radius: 4px 0px 0px 4px;
}
.imp-directive-container-attachment .imp-property-attachment-section .positioning {
    margin-left: -1px;
    border-radius: 0px 4px 4px 0px;
}
.imp-directive-container-attachment .imp-span-ddl-container:before {
    right: 2px;
}
.imp-bl-brokereddashboard input,
.imp-bl-brokereddashboard imp-date-picker {
    width: 95.4%;
}
.imp-bl-brokereddashboard .imp-split {
    width: 94%;
}
/**
    Being overridden by .imp-modal.flyout .header so !important has been added.
*/

.imp-bl-brokereddashboard .header {
    padding-left: 30px !important;
}
/**
    Being overridden by .imp-modal.flyout .fotter so !important has been added.
*/

.imp-bl-brokereddashboard .footer,
.imp-bl-brokereddashboard .margin-left-size-30 {
    margin-left: 30px !important;
}
.imp-bl-brokereddashboard input .imp-psection-row {
    padding-bottom: 1px;
}
.imp-bl-brokereddashboard .margin-left-size-17 {
    margin-left: 17px;
}
.imp-bl-brokereddashboard .margin-left-size-57 {
    margin-left: 57px;
}
.imp-bl-brokereddashboard .padding-top-size-5 {
    padding-top: 5px;
}
.imp-bl-channel-section .imp-span-ddl-container {
    margin-top: 11px;
    padding-right: 3px;
    width: 105%;
    max-width: 160px;
}
.imp-bl-channel-section .imp-span-ddl-container:after {
    color: #288fca;
}
.imp-bl-channel-section .imp-span-ddl-container select {
    height: 100%;
    line-height: 15px;
    outline: none;
    width: 100%;
    border: none;
    color: #288fca;
    font-size: 14px;
    font-weight: bold;
}
.imp-bl-channel-section .imp-span-ddl-container select[disabled] {
    background: #fff;
    cursor: text;
}
.imp-bl-channel-section .imp-span-ddl-container[disabled]:after {
    color: #fff;
}
.imp-bl-channel-section .imp-bl-row-channel-item {
    margin-right: 30px;
    display: block;
}
.imp-bl-channel-section .width-22 {
    width: 22%;
}
.imp-bl-channel-section .margin-top-size-negative-11 {
    margin-top: -11px;
}
.imp-bl-channel-section .imp-bl-row-channel-ddl-item {
    width: 100%;
    display: -webkit-box;
}
.imp-bl-channel-section .margin-left-35 {
    margin-left: 35px;
}
.imp-bl-channel-section .imp-bl-row-channel-item-link {
    margin-right: 35px;
    margin-top: 15px;
    margin-left: auto;
    max-width: 160px;
    width: 50%;
}
.imp-bl-channel-section .imp-bl-loanchannel-bank {
    color: #288fca;
    padding-left: 6px;
}
/**
    Being overridden by .imp-bl-contact-section so !important has been added.
*/

.imp-bl-contact-section .imp-psection-subtitle {
    float: none !important;
}
.imp-bl-channel-section .imp-bl-row-flex,
.imp-bl-contact-section .imp-bl-row-flex {
    display: flex;
}
.imp-bl-contact-section .imp-psection-subtitle,
.imp-bl-additional-fields .imp-psection-subtitle {
    border-bottom-width: 2px;
    -webkit-border-image: -webkit-gradient(linear, 100% 0, 0 0, from(#bdbebe), to(#bdbebe)) 100% 1;
    border-bottom: 1px solid #bdbebe;
    width: 94%;
    float: left;
}
.imp-bl-contact-section .imp-psection-subtitle {
    width: 95.7%;
}
.imp-bl-contact-section .imp-bl-row-item {
    margin-right: 25px;
    width: 50%;
}
.imp-bl-loaninformation .imp-psection-row {
    padding-bottom: 1px;
}
.imp-bl-contact-section .imp-bl-row-item div {
    overflow: hidden;
}
.imp-bl-channel-section .link-color-light-sky-blue,
.imp-bl-contact-section .link-color-light-sky-blue {
    color: #3592b1;
    overflow: hidden;
}
.imp-bl-contact-section .width-size-150 {
    width: 150%;
}
.imp-bl-loaninformation .width-size-101 input,
.imp-bl-brokercheckinformation .width-size-101 input {
    width: 101%;
}
.imp-bl-arm-section .width-size-110 {
    width: 110%;
}
.imp-bl-arm-section,
.imp-bl-heloc-section {
    float: left;
    width: 100%;
}
.imp-bl-arm-section .imp-bl-col-lg-4-mutable,
.imp-bl-heloc-section .imp-bl-col-lg-4-mutable {
    padding-left: 0;
    padding-right: 0px;
    width: 31%;
}
.imp-bl-arm-section .imp-psection-row,
.imp-bl-heloc-section .imp-psection-row {
    width: 94.6%;
    margin-bottom: 0px;
    margin-top: 10px;
}
.imp-bl-loaninformation .padding-left-size-17,
.imp-bl-brokercheckinformation .padding-left-size-17,
.imp-bl-arm-section .padding-left-size-17,
.imp-bl-heloc-section .padding-left-size-17 {
    padding-left: 17px;
}
.imp-bl-arm-section .col-lg-12,
.imp-bl-heloc-section .col-lg-12 {
    width: 99.7%;
    margin-left: 28px;
}
/*#region Compliance Center*/

.compliance-container {
    width: 1100px;
}
.compliance-container .section {
    width: 1100px;
    margin-top: 20px;
}
.compliance-container .section .row {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0px;
    padding: 8px 0px;
    border-bottom: 1px dotted #efefef;
    flex-wrap: wrap;
}
.compliance-container .section .row:first-child {
    border-bottom: 1px solid #414141;
    line-height: 14px;
}
.compliance-container .section .row:not(:first-child) {
    justify-content: flex-start;
    line-height: 19px;
    padding: 5px 0px;
}
.compliance-container .section .row:not(:first-child):hover {
    background-color: #e1f9ff;
    cursor: pointer;
}
.compliance-container .section .row .title {
    width: 70%;
    display: flex;
    justify-content: flex-start;
}
.compliance-container .section .row .title .main {
    min-width: 4%;
    color: #1fb25a;
    font-size: 13px;
}
.compliance-container .section .row .title .sub-title {
    min-width: 5%;
    color: #9d9d9d;
    font-size: 12px;
}
.compliance-container .section .row .collapse-expand {
    width: 30%;
    text-align: right;
}
.compliance-container .section .row .arrow {
    position: absolute;
    margin-left: -15px;
}
.compliance-container .section .row .counter {
    display: flex;
    justify-content: space-between;
    min-width: 0px;
}
.compliance-container .section .row .counter div {
    margin-right: 5px;
}
.compliance-container .section .row .counter .icon {
    height: 18px;
    min-width: 10px;
    line-height: 18px;
    padding: 0px 4px;
    text-align: center;
    border-radius: 18px;
    background-color: red;
    font-size: 12px;
    font-weight: bold;
    color: white;
}
.compliance-container .section .row .letter {
    color: #9d9d9d;
    margin-right: 5px;
}
.compliance-container .section .row .body {
    width: 1100px;
    height: 50px;
}
.compliance-container .section .row .body .grid {
    margin-left: 50px;
    margin-top: 10px;
}
.compliance-container .section .row .body .grid .grid-row {
    width: 1050px;
    justify-content: space-between;
    display: flex;
}
.compliance-container .section .row .body .grid .grid-row:first-child {
    color: #9d9d9d;
}
.compliance-container .section .row .body .grid .grid-row .col-xs {
    width: 25px;
}
.compliance-container .section .row .body .grid .grid-row .col-s {
    width: 80px;
}
.compliance-container .section .row .body .grid .grid-row .col-m {
    width: 100px;
}
.compliance-container .section .row .body .grid .grid-row .col-l {
    width: 150px;
}
.compliance-container .section .row .body .grid .grid-row .col-xl {
    width: 500px;
}
.imp-hyperlink {
    cursor: pointer;
}
/*#endregion*/


/*#region USDA CENTER*/

.usda-center-wrapper .products-grid .imp-circle {
    position: relative;
    right: 30px;
}
.usda-center-wrapper input[type=text] {
	width:100%;
}
.usda-center-wrapper .usda-products-row input[type=text], .usda-center-wrapper .usda-products-row textarea {
		box-sizing: border-box;
		min-height: 24px !important;
}
.usda-center-wrapper .usda-products-row .imp-button-dummy {
		margin-left: 0px !important;
}
.usda-center-wrapper .usda-products-row .iMpDateField {
		border-right:none !important;
}
.usda-center-wrapper .usda-alert {
		color: red;
}

 

/*#endregion*/
/* Default Cost Flyout*/

.default-cost-flyout .header {
	margin-top: 25px;
	margin-bottom: 5px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 18px;
}
.default-cost-flyout .row .col-md-5 {
    width: 45%;
}
.header.default-cost-flyout-header {
    display: flex;
    margin-left: -25px;
}
.header.default-cost-flyout-header .imp-icon-info-on {
    position: relative;
    margin-left: 3px;
}
.header.default-cost-flyout-header .imp-icon-info-on .tooltip {
    display: block;
    opacity: 1;
    right: -317px;
    z-index: 1;
}
.header.default-cost-flyout-header.state-specific .imp-icon-info-on .tooltip {
    right: -317px;
}
.header.default-cost-flyout-header.standard-specific .imp-icon-info-on .tooltip {
    right: -360px;
}
.header.default-cost-flyout-header.state-specific .imp-icon-info-on .tooltip .tooltip-arrow {
    margin-top: 15px;
    margin-left: 7px;
}
.header.default-cost-flyout-header.standard-specific .imp-icon-info-on .tooltip .tooltip-arrow {
    margin-top: 15px;
    margin-left: -36px;
}
.header.default-cost-flyout-header .imp-icon-info-on .tooltip .tooltip-inner {
    margin-top: 15px;
    margin-left: 22px;
    text-align: left;
}
.header.default-cost-flyout-header .imp-icon-info-on .tooltip .tooltip-inner .imp-tooltip {
    width: 640px;
}
.header.default-cost-flyout-header .imp-icon-info-on .tooltip .tooltip-inner .imp-tooltip div {
    padding: 15px;
    font-weight: normal;
}
.default-cost-flyout .title {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    margin-left: 10px;
    display: inline-block;
}

.default-cost-flyout .description {
    background-color: white;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.default-cost-flyout .split-line {
    border-bottom: 1px solid #bdbebe;
    margin-top: 4px;
    margin-left: 14px;
}
.default-cost-flyout .flyout {
    margin-bottom: -20px;
}
.default-cost-flyout .imp-split {
    width: 94.5%;
    margin-left: 8px;
}
.default-cost-flyout .footer {
    margin-left: 15px !important;
}
.default-cost-flyout .states .title {
    display: flex;
    font-weight: normal;
}
.default-cost-flyout .states .invalid-text {
    margin-top: 3px;
    font-size: 12px;
    padding-left: 40px;
}
.default-cost-flyout .states .pipe {
    width: 10px;
    float: left;
}
.default-cost-flyout .states .title .elements {
    display: flex;
    margin-left: 40px;
    margin-top: 3px;
    color: #208DDC;
    float: left;
    font-size: 12px;
    font-weight: normal;
}
.default-cost-flyout .states .title .elements .hyperlink {
    padding-right: 5px;
    float: left;
    cursor: pointer;
}
.imp-modal.flyout .container .default-cost-flyout-states {
    padding-left: 0px;
    margin-left: -5px;
}
.default-cost-flyout-states .content {
    height: 400px;
    width: 59%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}
.default-cost-flyout-states .content .content-repeate {
    width: 10%;
    padding-right: 10px;
    padding-left: 20px;
}
.default-cost-flyout-states .content .content-repeate div {
    margin-bottom: 0px;
}
.default-cost-flyout-states .content .content-repeate div input[type=checkbox].imp-checkbox {
    z-index: -1;
}
.fee-settings {
    padding-left: 5px;
}
.imp-modal.flyout .default-cost-flyout-data-section {
    margin-left: 15px;
    width: 97%;
}
.default-cost-flyout-data-section .row .col-xxxl,
.default-cost-flyout-data-section .row .col-xxxxxl {
    width: 50%;
}
.default-cost-flyout-data-section .row .col-xxxxxl input {
    width: 96%;
}
.branch-fees .contextual-tab-bar-items,
.all-fees .contextual-tab-bar-items {
    width: 61px;
    padding-top: 10px;
    padding-left: 10px;
}
.branch-fee-flyout {
    margin-left: -30px;
}
.product-fee-flyout {
    margin-left: 0px;
}
.product-fee-flyout .product-fee-flyout-amount {
    width: 97%;
    padding-left: 7px;
}
.product-fee-flyout-amount .amount-label {
    margin-left: -7px;
}
.product-fee-flyout-amount .amount-input {
    margin-left: 7px;
}
.branch-specific-fees .cell-col-2:hover,
.product-specific-fees .cell-col-2:hover {
    cursor: pointer;
}
/* Default Cost Flyout*/
/*#region pricing required popup*/

.pricing-required-modal {
    top: 18%;
}
.pricing-required-modal .modal-dialog {
    width: 830px;
}
.pricing-required-modal.extended .modal-dialog {
    width: 881px;
}
.imp-pricing-required-popup {
    padding: 25px 30px 25px 30px;
}
.imp-pricing-required-popup .header {
    font-size: 18px;
}
.imp-pricing-required-popup .header .alert-icon {
    font-size: 29px;
}
.imp-pricing-required-popup .header .alert-icon:before {
    left: 1%;
}
.imp-pricing-required-popup .header .imp-div-close-x {
    display: inline-block;
    float: right;
}
.imp-pricing-required-popup .header .header-text {
    display: inline-block;
}
.imp-pricing-required-popup .imp-split {
    width: 100%;
    border-color: #ccc;
    margin-bottom: 8px;
}
.imp-pricing-required-popup .sub-header {
    text-align: center;
}
.imp-pricing-required-popup .sub-header .program-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    word-break: break-word;
}
.imp-pricing-required-popup .sub-header .sub-header-text {
    font-size: 14px;
    margin-bottom: 7px;
    min-height: 16px;
}
.imp-pricing-required-popup .sub-header .message-title {
    padding-left: 118px; 
    padding-right: 109px;
}
.imp-pricing-required-popup .sub-header .message-body {
    padding-left:123px;
    padding-right:123px;
    display: inline-block; 
    text-align: left;
}
.imp-pricing-required-popup .content {
    font-size: 14px;
    margin-right: -25px;
}
.imp-pricing-required-popup .content .coc-changes {
    max-height: 250px;
    overflow: auto;
}
.imp-pricing-required-popup .content > ul > li {
    margin-left: -22px;
}
.imp-pricing-required-popup .content .row {
    margin: 0;
    margin-bottom: 13px;
}
.imp-pricing-required-popup .content .row.title {
    color: #ccc;
    padding-top: 10px;
}
.imp-pricing-required-popup .content .row .col-l,
.imp-pricing-required-popup .content .row .col-m,
.imp-pricing-required-popup .content .row .col-s {
    float: left;
}
.imp-pricing-required-popup .content .row .col-l {
    width: 159px;
    margin-right: 9px;
    overflow-wrap: break-word;
}
.imp-pricing-required-popup .content .row .col-l.extended {
    width: 210px;
}
.imp-pricing-required-popup .content .row .col-m {
    width: 141px;
    margin-right: 9px;
}
.imp-pricing-required-popup .content .row .col-s {
    width: 140px;
}
.imp-pricing-required-popup .footer {
    padding-top: 8px;
}
.imp-pricing-required-popup .footer .right-button {
    float: right;
    width: 200px;
}
.imp-pricing-required-popup .footer .imp-button-hm-wm-prim {
    width: 180px;
    margin: 0;
}
.imp-pricing-required-popup .footer .imp-button-hm-wm-sec {
    width: 160px;
}
.imp-pricing-required-popup .footer .right-button {
    margin-right: 10px;
}
.imp-pricing-required-popup .footer .right-button.create-quote-button {
    margin-right: 0;
}
.imp-pricing-required-popup .footer .create-quote-button .create-quote-icon {
    width: 12px;
    height: 17px;
    vertical-align: top;
    padding-left: 5px
}
.imp-pricing-required-popup .sub-header .loader {
    margin-bottom: 15px;
}
.imp-pricing-required-popup .sub-header .col-m {
    float: left;
    width: 150px;
    font-size: 14px;
    text-align: left;
    padding-left: 70px;
    margin-bottom: 7px;
}
.imp-pricing-required-popup .sub-header .col-l {
    float: left;
    text-align: right;
    font-size: 14px;
    margin-bottom: 7px;
    width: 345px;
}
    .imp-pricing-required-popup .sub-header .col-l .conc-lbl {
        height: 15px;
        display: inline-block;
        /*line-height: 16px;font-size: 13px;*/
        background-repeat: no-repeat;
        background-position: 0px -1px;
        vertical-align: middle;
        cursor: pointer;
    }
    .imp-pricing-required-popup .sub-header .col-l .conc-lblb {
        float: left;
        padding-left: 50px;
        line-height: 16px;
        margin-bottom: 0px;
    }
    .imp-pricing-required-popup .sub-header .col-l .conc-r {
        float: left;
        margin: 3px;
        margin-left: 50px;
    }
    .imp-pricing-required-popup .sub-header .col-l .conc-rl {
        float: left;
        padding-left: 0px;
        line-height: 16px;
        margin-bottom: 0px;
    }
    .imp-pricing-required-popup .sub-header .col-l .conc-rla {
        float: right;
        padding-top: 2px
    }
    .imp-pricing-required-popup .sub-header .note-l {
        font-size: 14px;
        background-color: bisque;
        text-align: left;
        padding-left: 7px;
        height: 21px;
        padding-top: 6px;
    }
.imp-pricing-required-popup .sub-header .program-name.custom-fields-message {
    text-align: center;
    margin-top: 12px;
}
.imp-pricing-required-popup .sub-header .body .scroll-section .row {
    display: flex;
    margin-left: 0px;
    margin-top: 10px;
    align-items: center;
    font-size: 13px;
    width: 100%;
}
.imp-pricing-required-popup .sub-header .body .scroll-section .row .text {
    word-wrap: break-word;
    line-height: 150%;
    width: 50%;
    margin-left: 20%;
    text-align: left;
}
.imp-pricing-required-popup .sub-header .body .scroll-section .row .text .imp-icon-asterisk {
    display: inline-flex;
}
.imp-pricing-required-popup .sub-header .body .row .field {
    width: 30%;
    margin-left: 20px;
    margin-right: 20%;
}
.imp-pricing-required-popup .sub-header .body .row .field .radioButtons {
    display: inline-flex;
    float: right;
    margin-right: 15px;
    color: black;
    margin-top: 5px;
}    
.imp-pricing-required-popup .sub-header .body .row .field .dropDown {
    width: 95%;
    height: 24px;
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}
.imp-pricing-required-popup .sub-header .body .row .imp-lbl-radio {
    font-size: 13px;
}

.imp-pricing-required-popup .header .header-text .warning-icon {
    font-size: 24px;
    vertical-align: -2px;
}

/*#endregion */

/*#region Registered Loans Warning Popup*/

.imp-registered-warning-popup {
    padding: 25px 30px 25px 30px;
}

.imp-registered-warning-popup .header {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.imp-registered-warning-popup .header .alert-icon {
    font-size: 18px;
}

.imp-registered-warning-popup .header .header-text {
    margin-left: 6px;
}

.imp-registered-warning-popup .imp-split {
    width: 100%;
    border-color: #ccc;
    margin-bottom: 8px;
}

.imp-registered-warning-popup .content {
    font-size: 13px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.imp-registered-warning-popup .content p {
    margin-bottom: 20px;
}

.imp-registered-warning-popup .footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.imp-registered-warning-popup .footer .imp-button-hm-wm-prim,
.imp-registered-warning-popup .footer .imp-button-hm-wm-sec {
    width: initial;
}

.imp-registered-warning-popup .info-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.imp-registered-warning-popup .modal-dialog.modal-registered-loan {
    width: 420px;
 }

/*#endregion */

/*#region Registered Loans Warning Popup: Additional Information */

.imp-registered-warning-additional-info-popup {
    padding: 25px 30px 25px 30px;
}

.imp-registered-warning-additional-info-popup .imp-split {
    width: 100%;
    border-color: #ccc;
    margin-bottom: 8px;
}

.imp-registered-warning-additional-info-popup .header {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: space-between;
}

.imp-registered-warning-additional-info-popup .header .imp-div-close-x {
    margin-left: auto;
}

.imp-registered-warning-additional-info-popup .header imp-icon-info {
    margin-right: 6px;
}

.imp-registered-warning-additional-info-popup .sub-header {
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
}

.imp-registered-warning-additional-info-popup .content {
    font-size: 13px;
    padding: 10px 0;
    line-height: 1.8em;
}

.imp-registered-warning-additional-info-popup .content p {
    margin-bottom: 20px;
}

.imp-registered-warning-additional-info-popup .footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}

.imp-registered-warning-additional-info-popup .footer .imp-button-hm-wm-sec {
    width: initial;
}

.imp-registered-warning-additional-info-popup .modal-dialog.modal-registered-loan {
    width: 420px;
}
/*#endregion*/


/*#region redisclosure popup*/
.redisclosure-modal .imp-redisclosure-flyout .header,
.redisclosure-modal .imp-redisclosure-flyout .container {
    padding-left: 30px;
}
.redisclosure-modal .imp-redisclosure-flyout .footer {
    margin-left: 30px;
}
.imp-redisclosure-flyout {
    width: 961px;
}
.redisclosure-modal .imp-redisclosure-flyout div.container .imp-tree-list-dropdown-container {
    position: absolute;
}
.redisclosure-modal .imp-redisclosure-flyout div.container,
.redisclosure-modal .imp-redisclosure-flyout div.footer {
    width: 100%;
}
.redisclosure-modal .imp-redisclosure-flyout .header {
    margin-bottom: 0px;
}
.imp-redisclosure-flyout .header .header-text {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    vertical-align: top;
    width: 206px;
}
.imp-redisclosure-flyout .header .header-subtext {
    display: inline-block;
    font-size: 12px;
    width: 720px;
}
.imp-redisclosure-flyout .header span.header-split {
    color: #000000;
    font-weight: normal;
}
.imp-redisclosure-flyout .imp-tree-list-dropdown-container {
    line-height: normal;
}
.imp-redisclosure-flyout .content .row.sub-header {
    margin-bottom: 20px;
}
.imp-redisclosure-flyout .content .sub-header .sub-header-text {
    font-size: 14px;
    font-weight: bold;
}
.imp-redisclosure-flyout .container .imp-split {
    border-color: #ccc;
}
.imp-redisclosure-flyout .imp-split {
    margin-bottom: 8px;
    width: 100%;
}
.imp-redisclosure-flyout .field-changes + .fee-changes {
    margin-top: 30px;
}
.imp-redisclosure-flyout .footer {
    padding-top: 8px;
}
.imp-redisclosure-flyout .footer .imp-button-hm-wm-prim.right-button {
    float: right;
    width: 150px;
}
.imp-redisclosure-flyout .content .coc-changes {
    max-height: 270px;
    overflow: auto;
}
.imp-redisclosure-flyout .content .col-headers,
.imp-redisclosure-flyout .content .coc-changes {
    font-size: 14px;
}
.imp-redisclosure-flyout .content .row {
    margin: 0;
    margin-bottom: 13px;
    line-height: 22px;
}
.imp-redisclosure-flyout .content .row.col-headers {
    color: #ccc;
}
.imp-redisclosure-flyout .content .row .col-l,
.imp-redisclosure-flyout .content .row .col-m,
.imp-redisclosure-flyout .content .row .col-s {
    float: left;
}
.imp-redisclosure-flyout .content .row .col-l {
    width: 180px;
    margin-right: 10px;
    overflow-wrap: break-word;
}
.imp-redisclosure-flyout .content .row .col-m {
    width: 150px;
    margin-right: 10px;
}
.imp-redisclosure-flyout .content .row .col-s {
    width: 100px;
}
.imp-redisclosure-flyout .content .row .imp-tree-list-dropdown-label {
    line-height: 16px;
}
/*#endregion */


/* Loan Product Configuration */

.lpc-item {
    width: 180px;
}
.lpc-imp-icon-expand {
    margin-top: -2px;
    margin-left: 2px;
}
/* Product Setup */

.lpc-is .header,
.lpc-ps .header {
    margin-top: 25px;
    margin-bottom: 5px;
    padding-left: 40px;
    font-weight: bold;
    font-size: 18px;
}
.header.lpc-is-flyout-header,
.header.lpc-ps-flyout-header {
    display: flex;
    margin-left: -25px;
}
.lpc-is .row,
.lpc-ps .row {
    display: flex;
}
.lpc-is .primary-ddl,
.lpc-ps .primary-ddl {
    margin-top: 12px;
    margin-left: 20px;
    width: 20%;
}
.lpc-is .primary-ddl select,
.lpc-ps .primary-ddl select {
    border: 1px solid #0271DA;
    color: #0271DA;
    font-weight: bold;
    font-size: 16px;
}
.lpc-is .primary-ddl .imp-span-ddl-container:after,
.lpc-ps .primary-ddl .imp-span-ddl-container:after {
    color: #0271DA;
    font-size: 0.91em;
    margin-top: -0.5em;
}
.lpc-is textarea,
.lpc-ps textarea {
    resize: none;
    min-height: 40px;
    width: 84%;
}
.lpc-is .lpc-row,
.lpc-ps .lpc-row {
    margin-left: 0px;
    padding-bottom: 5px;
}
.lpc-is .imp-split,
.lpc-ps .imp-split {
    margin-left: 15px;
}
.lpc-is .split-line,
.lpc-ps .split-line {
    border-bottom: 1px solid #bdbebe;
    width: 1082px;
    margin-top: 4px;
}
.lpc-is .imp-ui-tabs,
.lpc-ps .imp-ui-tabs {
    border: none !important;
    padding: 0px;
    padding-top: 20px;
    min-height: 530px;
}
.lpc-is .processing-tab,
.lpc-ps .processing-tab {
    width: 183px;
}
.lpc-is .processing-tab,
.lpc-ps .processing-tab .canvas {
    padding-left: 15px;
}
.lpc-is .footer,
.lpc-ps .footer {
    margin-left: 15px !important;
}
.lpc-is-content,
.lpc-ps-content {
    padding-left: 16px;
}
.lpc-is-title,
.lpc-ps-title {
    font-weight: bold;
    font-size: 16px;
    margin-left: 14px;
    margin-top: 15px;
}
.lpc-is-subtitle,
.lpc-ps-subtitle {
    font-weight: bold;
    font-size: 14px;
}
.lpc-is-subtitle-content,
.lpc-ps-subtitle-content {
    font-size: 14px;
    display: flex;
}
.lpc-ps-subtitle-content div:nth-child(n+2) {
    max-width: 200px;
    margin-left: 5px;
    margin-right: 5px;
}
.lpc-ps-subtitle-content div:nth-child(n+3) {
    max-width:500px; 
    margin-left: 5px;
}
.lpc-ps-investorinfo,
.lpc-ps-productinfo {
    margin-left: -15px;
}
.lpc-is-investorinfo .split-line,
.lpc-ps-productinfo .split-line {
    margin-left: 15px;
}
.lpc-is-investorinfo .info,
.lpc-ps-productinfo .info {
    width: 100%;
}
.lpc-is-investorinfo .info .col-xxxl,
.lpc-ps-productinfo .info .col-xxxl {
    width: 100%;
    padding-left: 135px;
    padding-bottom: 2px;
}
.lpc-is-investorinfo input,
.lpc-ps-productinfo input {
    width: 96%;
}
.lpc-is-investorinfo .full-width-input,
.lpc-ps-productinfo .full-width-input {
    width: 163%;
}
.lpc-is-investorinfo .lpc-is-section,
.lpc-ps-productinfo .lpc-ps-section {
    display: table;
    width: 100%;
    padding-top: 20px;
}
.lpc-is-investorinfo .section-item,
.lpc-ps-productinfo .section-item {
    padding-bottom: 20px;
}
.lpc-is-investorinfo .section-item-special,
.lpc-ps-productinfo .section-item-special {
    padding-bottom: 25px;
}
.lpc-ps-productinfo .col-md-4 {
    width: 29.333333%;
}
.lpc-is-investorinfo .col-md-4 {
    width: 29.333333%;
    padding-left: 0px;
}
.lpc-is-investorinfo .full-row,
.lpc-ps-productinfo .full-row {
    padding-left: 15px;
}
.lpc-is-investorinfo .full-row .col-xxxl,
.lpc-ps-productinfo .full-row .col-xxxl {
    width: 15%;
}
.lpc-is-investorinfo .full-row .col-xxxxxl,
.lpc-ps-productinfo .full-row .col-xxxxxl {
    width: 82%;
}
.lpc-is-investorinfo .ddl-input,
.lpc-ps-productinfo .ddl-input {
    display: flex;
    padding-left: 0px;
    margin-top: -25px;
}
.lpc-is-investorinfo .ddl-input .col-xxxl,
.lpc-ps-productinfo .ddl-input .col-xxxl {
    width: 28%;
}
.lpc-is-investorinfo .ddl-input .col-xxxxxl .imp-span-ddl-container,
.lpc-ps-productinfo .ddl-input .col-xxxxxl .imp-span-ddl-container {
    width: 128%;
}
.lpc-is-investorinfo .ddl-input .col-xxxxxl .imp-span-ddl-container select,
.lpc-ps-productinfo .ddl-input .col-xxxxxl .imp-span-ddl-container select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.lpc-is-investorinfo .ddl-input .label-input,
.lpc-ps-productinfo .ddl-input .label-input {
    z-index: 2;
}
.lpc-is-investorinfo .ddl-input .col-xxxxxl input,
.lpc-ps-productinfo .ddl-input .col-xxxxxl input {
    width: 169%;
    margin-left: -62px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    text-indent: 50px;
}
.lpc-is-investorinfo .lpc-is-title,
.lpc-is-investorinfo .lpc-is-section-header .lpc-is-title,
.lpc-ps-productinfo .lpc-ps-section-header .lpc-ps-title {
    margin-left: 0px;
    margin-top: 0px;
}
.lpc-is-investorinfo .lpc-is-section-header .split-line,
.lpc-ps-productinfo .lpc-ps-section-header .split-line {
    margin-left: 0px;
    width: 340px;
}
.lpc-is-investorinfo .split-line {
    margin-left: 0px;
    width: 1078px;
}
.lpc-is-investorinfo .io-split-line,
.lpc-is-investorinfo .lpc-is-section-header .io-split-line,
.lpc-ps-productinfo .lpc-ps-section-header .io-split-line {
    width: 710px;
}
.lpc-is-investorinfo .input-placeholder,
.lpc-ps-productinfo .input-placeholder {
    display: flex;
}
.lpc-is-investorinfo .input-placeholder input,
.lpc-ps-productinfo .input-placeholder input {
    position: absolute;
}
.lpc-is-investorinfo .input-placeholder .input-placeholder-text,
.lpc-ps-productinfo .input-placeholder .input-placeholder-text {
    z-index: 2;
    padding-top: 5px;
    margin-left: 78%;
    color: gray;
}
.lpc-is-underwriting .col-xxxl,
.lpc-ps-underwriting .col-xxxl {
    width: 41%;
}
.lpc-is-underwriting .col-xxxxxl,
.lpc-ps-underwriting .col-xxxxxl {
    width: 59%;
}
.lpc-is-underwriting .items-list-container,
.lpc-ps-underwriting .items-list-container {
    width: 99%;
}
.lpc-is-investorinfo input[type=number]::-webkit-inner-spin-button,
.lpc-is-investorinfo input[type=number]::-webkit-outer-spin-button,
.lpc-ps-productinfo input[type=number]::-webkit-inner-spin-button,
.lpc-ps-productinfo input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.investor-setup-flyout-error-modal-window .modal-content,
.product-setup-flyout-error-modal-window .modal-content {
    padding-top: 5px;
    height: 145px;
    width: 414px;
}
.lpc-is .lpc-is-content {
    min-height: 400px;
}
.il-disable-delete-button {
    display: none;
}
.imp-investor-matrix-investor-setup,
.imp-investor-matrix-product-setup {
    float: right;
    margin-right: 44px;
    margin-top: -5px;
    opacity: 0.8;
}
.imp-icon-investor-matrix-product-setup {
    background-position: -87px -373px;
    height: 26px;
    width: 25px;
    cursor: default;
}
.imp-icon-investor-matrix-investor-setup {
    background-position: -142px -373px;
    height: 26px;
    width: 30px;
    cursor: default;
}
.pl-confirmation-modal-header {
    border-bottom: none;
}
.ilis-confirmation-modal-header {
    width: 396px;
}
.lpc-ps-productinfo .ddl-input .qualifying-rate-label {
    margin-left: 14px;
}
.lpc-ps-productinfo .ddl-input .qualifying-rate {
    margin-left: -18px;
    width: 53%;
}
.lpc-ps-productinfo .ddl-input .factor {
    width: 25%;
    margin-left: -20px;
}
/* Product Setup */
/* Loan Product Configuration */

.imp-custom-hr {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #bdbebe;
    width: 99%;
    float: left;
}
.imp-modal.flyout .appraisal-management-section {
    width: 45%;
    display: inline-block;
    margin-left: 15px;
    float: left;
    margin-right: 18px;
}
.imp-appraisal-management-delete-icon {
    height: 0;
    opacity: .5;
}
.max-width-appraisal-product {
    width: 94%;
}
.max-width-states-counties {
    width: 90%;
}
/*#region Column Options Appraisal Management - Manage Groups modal */

.appiraisal-management-column-options {
    display: table !important;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.disable-html-element {
    opacity: 0.5;
    pointer-events: none;
}

/* Scrollbar customization for appraisal management list containers */

.appiraisal-management-column-options .list-appiraisal-management {
    height: 200px;
    border: #b1b1b1 solid 1px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    outline: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.appiraisal-management-column-options .list-appiraisal-management-manage-new-product {
    height: 448px;
    max-height: 448px;
}
.appiraisal-management-column-options .list-appiraisal-management .list-row {
    padding-left: 10px;
}
.appiraisal-management-column-options .list-appiraisal-management-counties .list-row:first-child {
    padding-top: 4px;
}
.appiraisal-management-column-options .list-appiraisal-management .list-row .appiraisal-management-county-name {
    padding-top: 4px;
    text-align: left;
    overflow: hidden;
}
.appiraisal-management-column-options .list-appiraisal-management .selected-row {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a6ecff), to(#a6ecff));
    background-image: -webkit-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: -o-linear-gradient(top, #a6ecff, #a6ecff);
    background-image: linear-gradient(to bottom, #a6ecff, #a6ecff);
}
.appiraisal-management-column-options .list-appiraisal-management .hover-row {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1f9ff), to(#e1f9ff));
    background-image: -webkit-linear-gradient(top, #e1f9ff, #e1f9ff);
    background-image: -o-linear-gradient(top, #e1f9ff, #e1f9ff);
    background-image: linear-gradient(to bottom, #e1f9ff, #e1f9ff);
}
.appiraisal-management-column-options .list-appiraisal-management .hover-margin {
    margin-left: 21px;
}
/*#endregion Column Options Appraisal Management - Manage Groups modal */


/*#region Appraisal Management - Grids */

.grid-position {
    height: 100%;
    width: 1159px;
    margin-left: -52px;
    box-sizing: border-box;
}
/*#endregion Appraisal Management - Grids */

.imp-redisclosure-flyout .imp-tree-list-dropdown-container {
    width: 189px;
}
/*#endregion */


/*#region Tolerance Tracking*/

.imp-popover .tolerance-tracking {
    padding-left: 40px;
    padding-right: 40px;
}
.imp-modal.flyout .tolerance-tracking .footer {
    margin-left: 0;
    margin-top: 0;
    height: 100px;
}

.imp-modal.flyout .tolerance-tracking .header{
    padding-left: 0;
}
.tolerance-tracking .footer .imp-split {
    border-bottom: 2px solid #1fb25a;
    margin-bottom: 10px;
}
.tolerance-tracking .footer .imp-button-hm-wm-prim.right-button {
    float: right;
}
.tolerance-tracking .tolerance-header-title {
    background-color: #bfbfbf;
    color: #000000;
    height: 32px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -2px;
}
.tolerance-tracking .tolerance-total {
    background-color: #ffffff;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -2px;
    margin-bottom: 30px;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}
.tolerance-tracking .tolerance-total .left-label {
    font-size: 13px;
    font-weight: bold;
    color: #ff0000;
    width: 89.5%;
}
.tolerance-tracking .tolerance-total .right-label {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 10.5%;
}
.tolerance-tracking .tolerance-grid {
    margin-bottom: 50px;
    display: -webkit-inline-box;
    width: 33.32%;
}
.tolerance-tracking .imp-cgrid .container {
    padding: 0;
    width: inherit;
    border-color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}
.tolerance-tracking .tolerance-grid.last {
    margin-bottom: 0;
}
.tolerance-tracking .imp-cgrid .container .row:nth-child(even) {
    background-color: #efefef;
}
.tolerance-tracking .imp-cgrid .container .row:nth-child(odd) {
    background-color: #ffffff;
}
.tolerance-tracking .imp-cgrid .container .row.head-date {
    background-color: #ffffff;
}
.tolerance-tracking .imp-cgrid .container .row.head-title {
    background-color: #d8d8d8;
    height: 40px;
    color: #9c9c9c;
}
.tolerance-tracking .imp-cgrid .container .row.total {
    background-color: #ffffff;
    border-top: 1px solid #d8d8d8;
    border-bottom: none;
}
.tolerance-tracking .imp-cgrid .col-xl {
    width: 70.0%;
}
.tolerance-tracking .imp-cgrid .col-m {
    width: 30.0%;
    border-right: none;
}
.tolerance-tracking .imp-cgrid .col-m.header-date {
    border-left: none;
}
.tolerance-tracking .imp-cgrid .col-m .cvalue {
    text-align: center;
    flex-grow: 1;
}
.tolerance-tracking .imp-cgrid .col-m .cvalue.bold {
    font-weight: bold;
}
.tolerance-tracking .imp-cgrid .col-xl .cvalue {
    text-align: right;
    flex-grow: 1;
}
.tolerance-tracking .imp-cgrid .col-xl .cvalue.bold {
    font-weight: bold;
}
/*#region Submit Document Modal*/

.imp-popover.imp-body.submit-document-modal {
    position: fixed;
    width: 450px;
    height: 200px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px 20px 0px 20px;
}
.imp-popover.imp-body.submit-document-modal .header-wrapper {
    display: flex;
    border-bottom: lightgray 2px solid;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
.imp-popover.imp-body.submit-document-modal .header-wrapper .header-icon {
    background-image: url('LoanCenterSprite.png');
    background-repeat: no-repeat;
    background-position: -112px -377px;
    cursor: pointer;
    width: 30px;
    height: 22px;
}
.imp-popover.imp-body.submit-document-modal .header-wrapper .header {
    display: flex;
    font-size: 16px;
    align-items: center;
    padding-left: 8px;
}
.imp-popover.imp-body.submit-document-modal .body {
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}
.imp-popover.imp-body.submit-document-modal .body .content {
    height: 100%;
    font-size: 14px;
    text-align: left;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}
.imp-popover.imp-body.submit-document-modal .body .content .description {
    margin-bottom: 10px;
}
.imp-popover.imp-body.submit-document-modal .body .content .row.li-borrowers {
    display: flex;
    min-height: 44px;
    margin-bottom: 8px;
    align-items: center;
    justify-content: space-between;
}
.imp-popover.imp-body.submit-document-modal .body .content .row.li-borrowers .col-xs-6.label-col {
    padding: 0px;
}
.imp-popover.imp-body.submit-document-modal .body .content .row.li-borrowers .col-xs-6.label-col ul {
    margin-bottom: auto;
}
.imp-popover.imp-body.submit-document-modal .body .content .delivery-type-disabled {
    color: #9d9d9d !important;
    cursor: default !important;
}
.imp-popover.imp-body.submit-document-modal .body .content .delivery-type-empty {
    background-color: #FFFFFF;
    color: #0271DA;
    cursor: pointer;
    font-family: Arial;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    height: 30px;
    padding: 0;
    margin: 0;
    line-height: 30px;
    border: 1px solid #c5cbcc;
    border: 1px solid lightgray;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.imp-popover.imp-body.submit-document-modal .body .content .imp-button-hm-wm-prim.li-borrower-send-button {
    line-height: 30px;
    padding: 1px;
    font-size: 13px;
}
.imp-popover.imp-body.submit-document-modal .body .content .horizontal-grayline {
    margin-top: 20px;
}
.imp-popover.imp-body.submit-document-modal .body .content .pull-right {
    margin-top: 4px;
}
.imp-popover.imp-body.submit-document-modal .body .buttons {
    display: flex;
    justify-content: space-between;
}
.modal-body .modal-body-half .upper-information-modal-wrapper.submit-document-package-success-modal {
    padding: 0px 36px;
    margin-bottom: 24px;
}
.modal-body .modal-body-half .upper-information-modal-wrapper.submit-document-package-success-modal .message-details {
    font-size: 14px;
}
.modal-body .modal-body-half .upper-information-modal-wrapper.submit-document-package-success-modal .upper-information-modal .submitted-document-package-message {
    margin-bottom: 4px;
}
/*#endregion Submit Document Modal*/


/*#region Admin Section - Grids */

.queue-contextual-bar-admin {
    margin-left: -557px;
    width: 174%;
    height: 38px;
}
.queue-contextual-bar-admin-fee-manager {
    margin-left: -554px;
    width: 174%;
    min-height: 38px;
}
.imp-refresh-wrapper-admin {
    margin-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
}
.queue-contextual-bar-admin .duplicate,
.queue-contextual-bar-admin-fee-manager .duplicate {
    display: flex;
    padding-top: 7px;
    padding-left: 10px;
}
.queue-contextual-bar-admin .add-item,
.queue-contextual-bar-admin-fee-manager .add-item {
    display: flex;
    padding-top: 7px;
}
/* Email Management*/

.header-securelink {
    padding-top: 20px;
}
.securelink-margin-left {
    margin-left: 20px;
}
.status-margin-left {
    margin-left: 700px;
}
.header-text-font-color {
    font-size: 15px !important;
    color: #767676 !important;
}
.securelink-template-type {
    margin-top: 20px;
    margin-left: 50px;
}
.securelink-body-text{
    padding-bottom: 10px;
}
.securelink-input-row {
    margin-left: 40px;
    width: 670px !important;
}
.securelink-status-ddl {
    margin-left: 20px;
    width: 120px;
    height: 25px;
}
.securelink-from-ddl {
    margin-left: 95px;
    width: 195px;
    height: 25px;
}
.securelink-templatename-input {
    margin-left: 75px;
    width: 670px !important;
}
.securelink-subjectline-input {
    margin-left: 55px;
    width: 670px !important;
}
.securelink-tiny-mce {
    margin-left: 55px !important;
}
.header-text-font-color .mce-tinymce {
    width: 675px !important;
    margin-left: 140px !important;
    top: -15px !important;
}
.securelink-hyperlink-input {
    margin-top: -15px;
    margin-left: 70px;
    width: 670px !important;
}
.securelink-hyperlink {
    margin-left: 60px;
    margin-top: 10px;
}
.signature-line-ddl {
    margin-left: 40px;
    margin-top: 10px;
    width: 160px;
    height: 25px;
    margin-bottom: 10px;
}
.loan-details-container .panel-body {
    padding: 0px !important;
}
.email-management .arrow-down,
.email-management .arrow-right {
    display: inline-block !important;
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    cursor: pointer !important;
    margin-right: 6px !important;
}
.email-management .arrow-down,
.email-management .arrow-right {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: pointer;
    margin-right: 6px;
}
.email-management .securelink-template-item-row {
    position: relative;
    min-height: 50px;
    padding-top: 14px;
    padding-left: 60px;
    border-bottom: 1px solid #BCBDBD;
    font-size: 12px;
    color: #000000;
    margin-top: 5px;
}
.email-management .arrow-right {
    left: 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #7B7B7B;
}
.email-management .securelink-item-row-header {
    position: relative;
}
.email-management .securelink-item-row-expand {
    position: absolute;
    top: 1px;
    left: -59px;
}
.email-management .securelink-item-row-count {
    position: absolute;
    top: 0px;
    left: -41px;
}

.email-management .securelink-item-row-count .securelink-title-section, 
.email-management .securelink-title-section {
    float: left;
    width: 800px;
}

.securelink-nonexpanded-displaytitle {
    margin-left: 90px;
    width: 600px;
    font-weight: bold;
    display: inline-block;
}


.securelink-nonexpanded-description {
    margin-left: 90px;
    width: 800px;
    display: inline-block;
}

.securelink-nonexpanded-status {
    padding-left: 135px;
}

.securelink-expanded-displaytitle {
    width: 800px;
    font-weight: bold;
    display: inline-block;
}

.securelink-expanded-description {
    width: 800px;
    display: inline-block;
}

.securelink-expanded-status {
    float: right;
    margin-left: 28px;
}

.email-management .arrow-down {
    top: -3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #7B7B7B;
}
.securelink-additem-button {
    margin-left: 150px;
    cursor: pointer;
    display: inline;
    margin-top: 10px !important;
}
.email-management .securelinkemail-modal-mce-body {
    position: relative;
    float: left;
    width: 800px;
}
.securelink-template-signature-line {
    margin-top: 10px;
    margin-left: 50px;
    padding-bottom: 10px;
}
.email-management .securelink-template-item-row.collapsed:hover {
    height: 20px;
    background-color: #E1F9FF;
}
/* End of email management*/

.environmentinfo-flex-child {
    margin: 10px 0px;
    display: flex;
    justify-content: space-between;
}

    .environmentinfo-flex-child .column-s {
        width: 35%;
        line-height: 25px;
    }

    .environmentinfo-flex-child .column-l {
        width: 68%;
    }

    .environmentinfo-flex-child .column-m {
        display: flex;
        justify-content: space-between;
        width: 68%;
    }

    .environmentinfo-flex-child .column-s input[type=text] {
        box-sizing: border-box;
        height: 24px;
        width: 100%;
    }

    .environmentinfo-flex-child .column-l select,
    .environmentinfo-flex-child .column-l input[type=text],
    .environmentinfo-flex-child .column-l input[type=password] {
        box-sizing: border-box;
        height: 24px;
        width: 100%;
    }

.component-text-box {
    width: 100% !important;
    box-sizing: border-box;
    height: 25px !important;
}

.inner-addon {
    position: relative;
    width: 100%;
}
    /* style glyph */
    .inner-addon .glyphicon {
        position: absolute;
        padding: 5px;
        pointer-events: all;
    }
/* align glyph */
.right-addon .glyphicon {
    right: 0px;
    cursor: pointer;
}
/* add padding  */
.right-addon input {
    padding-right: 30px;
}

/*#endregion Admin Section - Grids */

/*#endregion */


/*#region Vendor Management*/
.vendormgt-product-container {
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
            width: 100%;
            margin-top: 10px;
        }

            .vendormgt-product-container .product {
                width: 100%;
                border-bottom: 1px dotted #e6e6e6;
            }

                .vendormgt-product-container .product .title {
                    font-weight: bold;
                    font-size: 14px;
                    padding: 7px 0px;
                }

                .vendormgt-product-container .product .vendor-container {
                    padding: 5px 0px 0px 15px;
                    box-sizing: border-box;
                }

                    .vendormgt-product-container .product .vendor-container .vendor {
                        display: flex;
                        justify-content: flex-start;
                        width: 100%;
                    }

                        .vendormgt-product-container .product .vendor-container .vendor .column {
                            width: 140px;
                            padding-top: 3px;
                        }

                    .vendormgt-product-container .product .vendor-container .environment-container {
                        padding: 10px 0px 10px 20px;
                        width: 100%;
                        box-sizing: border-box;
                    }

                        .vendormgt-product-container .product .vendor-container .environment-container .product-container {
                        }
                            .credential-manager-grid,
                            .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment {
                                padding: 7px 35px 5px 35px;
                            }

                                .credential-manager-grid .title,
                                .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .title {
                                    color: #767676;
                                    font-weight: normal;
                                    font-size: 12px;
                                }

                                .credential-manager-grid .row,
                                .credential-manager-grid .vendor-product .environment .row,
                                .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row {
                                    display: flex;
                                    justify-content: space-between;
                                    margin: 0px;
                                    position: relative;
                                    padding: 5px 0px;
                                }

                                    .credential-manager-grid .vendor-product .environment .row input[type=text],
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row input[type=text] {
                                        width: 100%;
                                        box-sizing: border-box;
                                        height: 24px;
                                        border: none;
                                        box-shadow: none;
                                        background-color: transparent;
                                        padding-left: 0px;
                                        padding-top: 5px;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row select,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row select {
                                        border: none;
                                        box-shadow: none;
                                        background-color: transparent;
                                        padding-left: 0px;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row div.imp-span-ddl-container:before,
                                    .credential-manager-grid .vendor-product .environment .row div.imp-span-ddl-container:after,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row div.imp-span-ddl-container:before,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row div.imp-span-ddl-container:after {
                                        display: none;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row.edit-mode input[type=text],
                                    .credential-manager-grid .vendor-product .environment .row.edit-mode select,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode input[type=text],
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode select {
                                        border: 1px #B1B2B3 solid;
                                        box-shadow: none;
                                        background-color: #fff;
                                        padding-left: 3px;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row.edit-mode div.imp-span-ddl-container:before,
                                    .credential-manager-grid .vendor-product .environment .row.edit-mode div.imp-span-ddl-container:after,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode div.imp-span-ddl-container:after,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode div.imp-span-ddl-container:before {
                                        display: block;
                                    }

                                    .credential-manager-grid .row:before,
                                    .credential-manager-grid .vendor-product .environment .row:before,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row:before {
                                        display: none;
                                    }

                                    .credential-manager-grid .row:after,
                                    .credential-manager-grid .vendor-product .environment .row:after
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row:after {
                                        display: none;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row.edit-mode,
                                    .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode {
                                        background-color: #e1f9ff;
                                    }
                                    .credential-manager-grid .vendor-product .environment .row.inactive-mode {
                                        background-color: #fff;
                                    }

                                    .credential-manager-grid .vendor-product .environment .row.inactive-mode input[type=text],
                                    .credential-manager-grid .vendor-product .environment .row.inactive-mode select,
                                    .credential-manager-grid .vendor-product .environment .row.inactive-mode div{
                                        color: lightslategrey;
                                    }

                        .credential-manager-grid .vendor-product .environment .row.edit-mode .edit,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode .edit {
                            display: block;
                        }

                        .credential-manager-grid .vendor-product .environment .row.edit-mode .delete,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row.edit-mode .delete {
                            display: block;
                        }

                        .credential-manager-grid .vendor-product .environment .row .edit,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .edit {
                            position: absolute;
                            left: -25px;
                            top: 7px;
                            height: 20px;
                            display: none;
                        }

                        .credential-manager-grid .vendor-product .environment .row .delete,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .delete {
                            position: absolute;
                            right: -20px;
                            top: 4px;
                            height: 20px;
                            display: none;
                        }

                        .credential-manager-grid .vendor-product .environment .row.inactive-mode:hover{
                            background-color: #fff;
                        }

                        .credential-manager-grid .row:not(:first-child):hover,
                        .credential-manager-grid .vendor-product .environment .row:hover,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row:not(:first-child):hover {
                            background-color: #e1f9ff;
                            cursor: default;
                        }

                            .credential-manager-grid .row:not(:first-child):hover .delete,
                            .credential-manager-grid .row:not(:first-child):hover .edit,
                            .credential-manager-grid .vendor-product .environment .row:hover .delete,
                            .credential-manager-grid .vendor-product .environment .row:hover .edit,
                            .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row:not(:first-child):hover .delete,
                            .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row:not(:first-child):hover .edit {
                                display: block;
                            }

                        .credential-manager-grid .row .col-l,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .col-l {
                            width: 50%;
                            line-height: 23px;
                        }

                        .credential-manager-grid .row .col-m,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .col-m {
                            width: 12%;
                            line-height: 23px;
                        }

                        .credential-manager-grid .row .col-s,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .col-s {
                            width: 9%;
                            line-height: 23px;
                        }

                        .credential-manager-grid .row .col-xs,
                        .vendormgt-product-container .product .vendor-container .environment-container .product-container .environment .row .col-xs {
                            width: 24px;
                            line-height: 23px;
                        }

/*#endregion*/

/*#region LenderList*/
.lenderlist-template {
    margin-top: -8px;
}

.lenderlist-template .container {
    width:347px; 
    padding-left:0px; 
    padding-right:0px;
}

.lenderlist-template table {
    width:347px; 
    margin-bottom: 0px;
}

.lenderlist-template table tbody {
    border: 1px solid #cccccc;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    display: block;
}

.lenderlist-template table thead {
    display: block;
}

.lenderlist-template table tbody tr td {
    padding: 3px 5px 0px 5px;
    vertical-align: top;
    float: left;
    margin-left: 0px;
}

.td-firstColumn {
    min-width: 124px;
}

.td-secondColumn {
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.th-firstColumn {
    padding: 0px 5px 2px 0px;
    margin-left: 0px;
    padding-left: 0px;
    font-weight: normal;
}

.th-secondColumn {
    padding: 0px 5px 2px 5px;
    font-weight: normal;
}

.th-thirdColumn {
    padding: 0px 0px 2px 0px;
    text-align: right;
    font-weight: normal;
    display: block;
}

/*#endregion LenderList*/


/*#region ChangeHistoryPopup*/

.changeHistory {
    max-height: 155px;
    overflow-x: hidden;
    overflow-y: auto;
}

.emptyHistory {
    text-align: center;
    margin: 10px;
}

.flex-changeHistory {
    display: flex;
}

    .flex-changeHistory .history-one-row {
        width: 50%;
        margin: 5px;
        color: #767676;
    }

    .flex-changeHistory .history-two-row {
        width: 50%;
        margin: 5px;
    }

/*#endregion*/

/*#region Decrypted Value Popover*/
.decrypted-value-popover {
    width: 400px;
}

.decrypted-value-popover .container {
    width: 350px;
}

.decrypted-value-popover .container .header {
    border: none;
    margin-bottom: 7px;
}

.decrypted-value-popover .container .content {
    font-family: courier;
    font-size: 15px;
    word-break: break-all;
}
/*#endregion*/
/*#region Tolerance Tracking*/
.imp-popover .tolerance-tracking {
    padding-left: 40px;
    padding-right: 40px;
}

.imp-modal.flyout .tolerance-tracking .footer {
    margin-left: 0;
    margin-top: 0;
    height: 40px;
}

.tolerance-tracking .footer .imp-split {
    border-bottom: 2px solid #1fb25a;
    margin-bottom: 10px;
}

.tolerance-tracking .footer .imp-button-hm-wm-prim.right-button {
    float: right;
}

.tolerance-tracking .tolerance-header-title {
    background-color: #bfbfbf;
    color: #000000;
    height: 32px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -2px;
}

.tolerance-tracking .tolerance-total {
    background-color: #ffffff;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-right: -2px;
    margin-bottom: 30px;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}

    .tolerance-tracking .tolerance-total .left-label {
        font-size: 13px;
        font-weight: bold;
        color: #ff0000;
        width: 89.5%;
    }

    .tolerance-tracking .tolerance-total .right-label {
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        width: 10.5%;
    }

.tolerance-tracking .tolerance-grid {
    margin-bottom: 50px;
    display: -webkit-inline-box;
    width: 33.32%;
}

.tolerance-tracking .imp-cgrid .container {
    padding: 0;
    width: inherit;
    border-color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

.tolerance-tracking .tolerance-grid.last {
    margin-bottom: 0;
}

.tolerance-tracking .imp-cgrid .container .row:nth-child(even) {
    background-color: #efefef;
}

.tolerance-tracking .imp-cgrid .container .row:nth-child(odd) {
    background-color: #ffffff;
}

.tolerance-tracking .imp-cgrid .container .row.head-date {
    background-color: #ffffff;
}

.tolerance-tracking .imp-cgrid .container .row.head-title {
    background-color: #d8d8d8;
    height: 40px;
}

.tolerance-tracking .imp-cgrid .container .row.total {
    background-color: #ffffff;
    border-top: 1px solid #d8d8d8;
    border-bottom: none;
}

.tolerance-tracking .imp-cgrid .col-xl {
    width: 70.0%;
}

.tolerance-tracking .imp-cgrid .col-m {
    width: 30.0%;
    border-right: none;
}

    .tolerance-tracking .imp-cgrid .col-m.header-date {
        border-left: none;
    }

    .tolerance-tracking .imp-cgrid .col-m .cvalue {
        text-align: center;
        flex-grow: 1;
    }

        .tolerance-tracking .imp-cgrid .col-m .cvalue.bold {
            font-weight: bold;
        }

.tolerance-tracking .imp-cgrid .col-xl .cvalue {
    text-align: right;
    flex-grow: 1;
}

    .tolerance-tracking .imp-cgrid .col-xl .cvalue.bold {
        font-weight: bold;
    }
/*#endregion */

/*#region MI Rate modal*/

.imp-popover.imp-body.mi-rate-modal {
    width: 440px;
}

    .imp-popover.imp-body.mi-rate-modal .header,
    .imp-popover.imp-body.mi-rate-modal .body,
    .imp-popover.imp-body.mi-rate-modal .buttons {
        width: 90%;
    }

    .imp-popover.imp-body.mi-rate-modal .body {
        margin-left: 17px;
        padding-left: 0px;
    }

.mi-rate-modal .item {
    width: 100%;
}

.mi-rate-modal .item .left-column,
.mi-rate-modal .item .middle-column,
.mi-rate-modal .item .right-column {
    line-height: 20px;
}

.mi-rate-modal .item .left-column,
.mi-rate-modal .item .middle-column,
.mi-rate-modal .item .mi-processing-notification-text {
    float: left;
}

.mi-rate-modal .item .left-column::after:empty,
.mi-rate-modal .item .middle-column::after:empty,
.mi-rate-modal .item .right-column::after:empty,
.mi-rate-modal .item .mi-processing-notification::after:empty {
    content: "\00a0"; /*add non-breaking spaces to all columns to preserve div's width if column is empty*/
}

.mi-rate-modal .item .right-column,
.mi-rate-modal .item .right-column .imp-button-hollow {
    float: right;
    text-align: right;
}

.mi-rate-modal .item.sub-header,
.mi-rate-modal .item .middle-column {
    color: #767676;
}

.mi-rate-modal .item .left-column,
.mi-rate-modal .item .middle-column {
    text-align: left;
}

.mi-rate-modal .item .middle-column {
    width: 13%;
}
    .mi-rate-modal .item .middle-column.wide {
        width: 31%;
    }

.mi-rate-modal .item .right-column {
    width: 23%;
}

.mi-rate-modal .item .left-column {
    width: 33%;
}

.mi-rate-modal .item.sub-header {
    margin-top: 20px;
    width: 100%;
}

.mi-rate-modal .item.mi-rate-type .mi-rate-type-text {
    float: left;
    line-height: 24px;
    width: auto;
}

.mi-rate-modal .item.mi-rate-type .field {
    float: right;
    margin-right: 7px;
    width: 67%;
}

.mi-rate-modal .item.mi-processing-notification {
    margin-top: 15px;
}

    .mi-rate-modal .item.mi-processing-notification .text {
        font-style: italic;
        text-align: left;
        width: 70%;
    }

.mi-rate-modal .rate-item {
    min-height: 26px;
}

    .mi-rate-modal .rate-item + .rate-item {
        margin-top: 10px;
    }

.mi-rate-modal .imp-radio-standalone {
    margin-left: 8px;
    vertical-align: text-bottom;
}

.mi-rate-modal .imp-icon-error {
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
}

.mi-rate-modal .imp-icon-error .tooltip {
    left: 136px;
    width: 64%;
    margin-top: 18px;
}

    .mi-rate-modal .imp-icon-error .tooltip .mi-error-message {
        padding: 7px;
    }

.mi-rate-modal .imp-loader-s {
    float: right;
}

.mi-rate-modal .buttons .imp-button-div-hs-ws-prim {
    height: 27px;
    width: 26%;
}

.mi-rate-modal .backdrop {
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.mi-rate-modal .done-loader {
    position: absolute;
    margin-left: 16px;
    margin-top: 3px;
}

.pulse {
  text-align: center;
  color: #1f8ddc;
  font-size: 1.0em;
  font-family: sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: pulse;
  width:10px;
}


@-webkit-keyframes pulse {
    0% {transform: scale(0.75);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.75);}
}
@-moz-keyframes pulse {
    0% {transform: scale(0.75);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.75);}
}
@-ms-keyframes pulse {
    0% {transform: scale(0.75);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.75);}
}
@-o-keyframes pulse {
    0% {transform: scale(0.75);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.75);}
}
@keyframes pulse {
    0% {transform: scale(0.75);}
    50% {transform: scale(1.1);}
    100% {transform: scale(0.75);}
}
/*#endregion */


/*#region APPRAISAL*/

.modal.imp-modal.flyout.imp-modal-appraisal .modal-dialog {
    width: 1260px;
}

/*#region REQUEST APPRAISAL*/
.appraisal-details-container {
    margin-top: 50px;
}

.appraisal-details-container .uib-datepicker-popup.dropdown-menu {
    left: -24% !important;
}

.request-appraisal .green-underline {
    width: 100%;
    margin-top: 20px;
    border-top: 3px solid #1fb25a;
}

.request-appraisal .rq-appraisal-title {
    margin-bottom: 12px;
}

.request-appraisal .rq-appraisal-title .rq-appraisal-title-description {
    display:inline-block;
    margin-left:5px;
    color: #1fb25a;
    font-size: 18px;
    font-weight: bold;
}

.request-appraisal .rq-appraisal-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container {
    display: flex;
    justify-content: space-between;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section {
    display: flex;
    flex-wrap: wrap;
    width: 32%;
    flex-direction: column;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-title {
    display: flex;
    width: 100%;
    height: 16px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px solid #bdbebe;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .sp-info {
    display: flex;
    width: 100%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container  .rq-appraisal-section .rq-appraisal-section-body .sp-info-content {
    padding: 4px 0px;
    font-size: 14px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container  .rq-appraisal-section .rq-appraisal-section-body .sp-info .sp-info-section .sp-info-section-separator {
    margin-right: 4px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .appraisal-products-section {
    width:100%;
    height: 100%;
    margin-top:14px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row {
    display:flex;
    width: 100%;
    margin: 7px 0px 0px 0px;
    justify-content: space-between;
    align-items: center;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .input-label {
    width: 30%;
    padding-top: 5px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .input-label.wide {
    width: 37%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .imp-icon-question-mark {
    margin-top: 3px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .add-recipient-label {
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #777777;
    display: inline;
    padding-right: 7px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .add-recipient-label.no-padding {
    padding-right: 0;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .additional-recipients-btn {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #208DDC;
    border-radius: 3px;
    text-align: center;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #208DDC;
    height: 24px;
    padding-left: 8px;
    padding-right: 8px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .additional-recipients-btn.disabled {
    border-color: #CCCCCC;
    color: #CCCCCC;
    cursor: not-allowed;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .additional-recipients-btn.narrow {
    padding-left: 5.5px;
    padding-right: 5.5px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row.additional-recipients .ng-isolate-scope {
    width: 100%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .additional-recipients-txt {
    min-width: 352px;
    width: 100%;
    height: 42px;
    min-height: 42px;
    box-sizing: border-box;
    resize: none;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #333333;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .special-instructions-txt {
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    resize: none;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .rq-appraisal-row-input {
    width: 65%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .rq-appraisal-row-input.additional-recipients-btns {
    padding-top: 5px;
    text-align: right;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .rq-appraisal-row-input.additional-recipients-btns.wide {
    width: 67%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .rq-appraisal-row .rq-appraisal-row-input .appraisal-email {
    width: 96.5%;
}

.appraisal-details-flyout-container {
    padding: 10px 30px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-sections-container .rq-appraisal-section .rq-appraisal-section-body .city {
    margin: 10px 0px;
}

.imp-tooltip.appraisal-additional-recipients {
    width: 270px;
    height: 82px;
}

.imp-tooltip.appraisal-additional-recipients .tooltip-body {
    padding:5px 5px 5px; 
    text-align: start;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #333333;
}

.appraisal-order-submitted-modal {
    width: 400px;
    overflow: auto;
    display: table !important;
    -webkit-transform: none;
    margin-left: -202px;
    margin-top: -106px;
}

.appraisal-order-submitted-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.appraisal-order-submitted-modal .modal-dialog .modal-content {
    height: 100%;
    padding: 5px 15px;
    border: none;
    overflow: auto;
}

.appraisal-order-submitted .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    height: 35px;
    color: #000000;
    margin-bottom: 10px;
}

.appraisal-order-submitted .header .title {
    float: left;
    padding-top: 15px;
    width: inherit;
}

.appraisal-order-submitted .header .title .imp-complete-icon {
    cursor: default;
    margin: -3px 0 0 0;
    transform: scale(0.85);
}

.appraisal-order-submitted .header .actions {
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
    margin-right: 0px;
    vertical-align: middle;
    display: table-cell;
    padding-top: 5px;
    min-width: 17px;
}

.appraisal-order-submitted .header .actions.close {
    padding-top: 15px;
}

.appraisal-order-submitted .body {
    min-height: 100px;
    float: left;
    width: 100%;
}

.appraisal-order-submitted .body .item {
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
    width: 100%;
    min-height: 18px;
}

.appraisal-order-submitted .body .item .text {
    float: left;
    text-align: left;
    font-size: 12px;
    color: #000000;
}

.appraisal-order-submitted .buttons .imp-button-hm-wl-prim {
    margin-top: 15px;
    height: 24px;
    padding: 0px 25px 0px 25px;
    font-size: 13px;
}

.appraisal-order-submitted .buttons .imp-button-hm-wl-prim {
    float: right;
}

.appraisal-order-submitted .close-button-x {
    margin: -10px -10px
}
/*#endregion*/
/*#region APPRAISAL NOTES*/
.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container {
    width: 100%;
    margin-top: 5px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section {
    box-sizing: border-box;
    border: 1px solid #BDBEBE;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-message textarea {
    width: 100%;
    padding: 5px;
    border: none;
    resize: none;
    border-radius: inherit;
    box-sizing: border-box;
    box-shadow: none;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-message textarea.imp-has-error {
   border: 1px solid;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section {
    display: flex;
    background-color: #F7F7F7;
    min-height: 30px;
    max-height: 100px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section > div {
    padding: 5px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section .blue-clip {
    background: url(LoanCenterSprite.png) -172px -370px;
    width: 26px;
    height: 20px;
    cursor: pointer;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section .blue-clip.disabled {
    filter: grayscale(1);
    cursor: auto;
}

.tooltip.bottom .appraisal-document-attachments-modal {
    position: relative;
    bottom: 10px;
    background-color: white;
    min-width: 200px;
    max-height: 200px;
    box-shadow: black 2px 2px 10px 1px;
    padding: 2px 0px;
    overflow-y: scroll;
}

.tooltip.bottom .appraisal-document-attachments-modal .appraisal-attachment-row {
    padding: 2px 10px;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.tooltip.bottom .appraisal-document-attachments-modal .appraisal-attachment-row:hover {
    background-color: #a6ecff
}

.tooltip.bottom .appraisal-document-attachments-arrow {
    position: relative;
    left: 20px !important;
    top: -11px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section .attachment-label {
    margin-top: 5px;
    font-size: 14px;
    color: gray;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section .note-attachments {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    font-size: 14px;
    overflow-y: auto;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .note-section .note-attachments-section .note-attachments .note-attachment {
    display: flex;
    align-items: center;
    width: 100%;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section {
     margin-top: 20px;
     max-height: 200px;
     overflow-y: auto;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper {
     display: flex;
     flex-wrap: wrap;
     padding: 6px 6px 10px 6px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper:nth-child(even) {
    background-color: #F7F7F7;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper .sent-note-header {
     display: flex;
     width: 100%;
     min-height: 19px;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper .sent-note-header .note-date-sent {
    width: 120px;
    font-weight: bold
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper .sent-note-header .sent-note-attachments .sent-note-attachment {
    margin-bottom: 5px;
    color: dodgerblue;
    cursor: pointer;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper .sent-note-header .sent-note-attachments .sent-note-attachment:hover {
     text-decoration: underline;
}

.request-appraisal .rq-appraisal-body .rq-appraisal-notes-container .appraisal-notes .sent-notes-section .sent-note-wrapper .sent-note-message {
    padding-left: 8px;
}



/*#endregion*/

/*#region APPRAISAL BUTTONS*/
.request-appraisal .appraisal-buttons {
    display: flex;
    width: 100%;
    margin-top:20px;
}

.request-appraisal .appraisal-buttons.align-to-left {
    justify-content: flex-start;
}

.request-appraisal .appraisal-buttons.align-to-left input,
.request-appraisal .appraisal-buttons.align-to-left span {
    margin-right: 6px;
}

.request-appraisal .appraisal-buttons.align-to-right {
    justify-content: flex-end;
}

.request-appraisal .appraisal-buttons.align-to-right input,
.request-appraisal .appraisal-buttons.align-to-right span {
    margin-left: 6px;
}

/*#endregion*/

/*#endregion*/

/*#endregion */

/*Service Success Modal*/

.servicesuccess-model {
    display: table !important;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 1090 !important;
}

    .servicesuccess-model .modal-dialog {
        display: table-cell;
        vertical-align: middle;
    }

    .servicesuccess-model .modal-content {
        margin: auto auto;
    }

    .servicesuccess-model .modal-body {
        color: #000000;
        display: table;
    }

        .servicesuccess-model .modal-body .modal-body-half {
            width: 370px;
            padding: 15px;
            min-height: 50px;
        }

            .servicesuccess-model .modal-body .modal-body-half .servicesuccess-model-header {
                font-size: 20px;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .servicesuccess-model .modal-body .modal-body-half .servicesuccess-model-message {
                font-size: 12px;
                font-weight: normal;
                padding-top: 10px;
            }

            .servicesuccess-model .modal-body .modal-body-half .submit-do-model-message {
                text-align: left;
                word-wrap: break-word;
            }

            .servicesuccess-model .modal-body .modal-body-half .actionwithcancel-model-header {
                font-size: 20px;
                font-weight: bold;
                padding: 3px 0px 20px 0px;
            }

    .servicesuccess-model .modal-dialog, .servicesuccess-model .modal-content, .servicesuccess-model .modal-body {
        width: 400px;
        min-height: 150px;
        padding: 0;
    }

/*END Service Success Modal*/

/*License State Warning Modal*/
    .license-state-warning {
        display: table !important;
        height: 100%;
        width: 100%;
    }

        .license-state-warning .modal-dialog {
            display: table-cell;
            vertical-align: middle;
        }

        .license-state-warning .modal-content {
            margin: auto auto;
            width: 480px;
        }

        .license-state-warning .modal-body {
            padding: 25px;
        }

        .license-state-warning .modal-body .modal-body-half .modal-header-message {
            font-size: 18px;
            font-weight: bold;
            padding: 0;
        }
         .license-state-warning .modal-body .modal-body-half .imp-split {
            width:100%;
            border-bottom: 1px solid #BCBDBD;
         }

        .license-state-warning .modal-body .modal-body-half .modal-message {
            font-size: 14px;
            font-weight: normal;
            padding: 8px 0px 0px 0px;
        }

         .license-state-warning .modal-body .modal-body-half .missing-data-list {
             font-size: 14px;
             width: 95%;
         }

         .license-state-warning .modal-body .modal-body-half .missing-data-list >ul {
             padding-left: 15px;
             padding-top: 15px;
             margin-bottom: 0px;
         }

         .license-state-warning .modal-body .button-class {
             min-height: 25px;
         }

         .license-state-warning .modal-body .button-class >button {
             float: right;
         }

/*END License State Warning Modal*/

/*AUS*/

.aus-service-trackings .aus-error-doc {
    margin-left: 28px;
}

.aus-service-trackings .aus-error-icon {
    margin: 0px;
}

.aus-service-trackings .aus-error-with-doc {
    margin: 7px 0px 0px 0px;
}

.du-lpa-flex-message {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: start;
    margin-bottom: -10px;
    white-space: pre-line;
}

.aus-servicesuccess-model {
    display: table !important;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 1090 !important;
}

    .aus-servicesuccess-model .modal-dialog {
        display: table-cell;
        vertical-align: middle;
    }

    .aus-servicesuccess-model .modal-content {
        margin: auto auto;
    }

    .aus-servicesuccess-model .modal-body {
        color: #000000;
        display: table;
    }

        .aus-servicesuccess-model .modal-body .aus-servicesuccess-body-half {
            width: 470px;
            padding: 15px;
            min-height: 60px;
        }

            .aus-servicesuccess-model .modal-body .aus-servicesuccess-body-half .aus-servicesuccess-header {
                font-size: 20px;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .aus-servicesuccess-model .modal-body .aus-servicesuccess-body-half .aus-servicesuccess-message {
                font-size: 12px;
                font-weight: normal;
                padding-top: 10px;
            }

    .aus-servicesuccess-model .modal-dialog, .aus-servicesuccess-model .modal-content, .aus-servicesuccess-model .modal-body {
        width: 500px;
        min-height: 150px;
        padding: 0;
    }

.aus-servicesuccess-buttons {
    width: 570px !important;
}

.servicesuccess-modal-ausButton {
    margin-left: 2px;
    margin-right: 2px;
}

.common-modal .modal-body .modal-body-half .message-details-aus {
    padding: 35px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
}

.aus-alert {
    display: block;
    width: 100%;
    background-color: #ffdf78;
    color: black;
    padding: 5px 0;
}

    .aus-alert.aus-missing-fields-alert {
        margin-top: -30px;
        margin-bottom: 30px;
    }
    .aus-alert.aus-rerun-alert {
        margin-top: 5px;
    }

        .aus-alert.aus-missing-fields-alert .imp-black-triangle-icon, .aus-alert.aus-rerun-alert .imp-black-triangle-icon {
            display: inline-block;
            vertical-align: bottom;
            margin: 0 0.5em;
        }

    .aus-alert.aus-missing-fields-alert-list {
        margin-bottom: 30px;
        background-color: #FFF5D6;
        display: flex;
        flex-wrap: wrap;
        margin-top: -30px;
        padding-bottom: 15px;
    }

    .aus-alert.aus-missing-fields-alert-list .validation-message {
        flex-basis: 14.8%;
        padding-top: 15px;
        padding-left: 20px;
    }

/*END AUS*/
/*Review Benefits*/
.loanoptions-data-alignment {
    text-align: right;
}

     .loanoptions-header {
        text-align: right;
        font-weight:bold;
        color: #555 !important;
    }

     .loanoptions-header-row {
        margin-top: 1px !important;
        margin-bottom: 0px  !important;
        height: 22px;
    }

      .loanoptions-header-col {
        text-align: left !important;
        width: 135px;

    }

       .loanoptions-grey-row {
        margin-top: 1px !important;
        height: 20px;
        background-color: #efefef;
        padding-top: 10px;
        margin-bottom: 0px  !important;
    }

         .loanoptions-row {
        margin-top: 1px !important;
        height: 20px;
        padding-top: 10px;
        margin-bottom: 0px  !important;
    }


    .loanoptions-col {
        text-align:right;
		position:relative;
    }

     .loanoptions-bold {
        font-weight:bold !important;
    }

      .loanoptions-hidden {
        visibility:hidden;
    }

       .loanoptions-default {
        color: #7f7f7f !important;
    }

     .loanoptions-green {
        color: #1fb25a !important;
    }

    .loanoptions-red {
        color: #ff0000 !important;
    }

.loanoptions-link {
    color: #1f8ddc !important;
}

.loanoptions-col .loanoptions-required-flag {
	/*position: absolute;
	right: -10px;*/
	font-size:14px;
}

.usda-required-label:after {
	content: ' *';
	display: inline;
}
.preferred-Phone-column-header {
	position: absolute;
	top: -20px;
	font-size: x-small;
}
.personal-phones-radio-container label {
	margin-top: 5px;
	margin-left: 10px;
	
}
.fha-required-label:after, .va-irrl-required-label:after {
	content: ' *';
	display: inline;
}

/*END Review Benefits*/
/*#region MyVendorPasswords Modal*/
.imp-modal-my-vendor-passwords {
    width: 800px;
    overflow-y: hidden !important;
}

.imp-modal-my-vendor-passwords .modal-dialog {
    margin-top: 70px;
    width: 100%;
}

.my-vendor-passwords {
    padding: 15px 20px;
}

.my-vendor-passwords .title-section {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 6px;
}

.my-vendor-passwords .container {
    width: 100%;
    padding: 10px 0px;
    margin: 0px;
    min-height: 160px;
    max-height: 190px;
    overflow-y: auto;
}

.my-vendor-passwords .row {
    width: 100%;
    height: 26px;
    display: flex;
    user-select: none;
}

.my-vendor-passwords .row.title {
    color: #767676;
}

.my-vendor-passwords .row div.lbl {
    line-height: 26px;
}


.my-vendor-passwords .buttons-section {
    text-align: right;
    border-top: 1px solid #CCC;
    padding-top: 10px;
}

.my-vendor-passwords .glyphicon-no-eye:before {
    position: absolute;
    left: 92px;
    top: 5px;
    content: 'show';
    cursor: pointer;
    color: #4ea4e2;
}

.imp-button-div-hs-ws-prim.ok.my-vendor-passwords-btn {
    margin-top: 10px;
}

/*#endregion MyVendorPasswords Modal*/
/*#region Import Credentials Modal*/

.imp-modal-import-credentials {
    width: fit-content;
    height: 100%;
    max-height: 80vh;
    max-width:80vw;
}

.imp-modal-import-credentials .modal-dialog {
    margin-top: 70px;
    width: 100%;
}

.import-credentials {
    padding: 15px 20px;
    text-align: center;
    min-width: 350px;
}

.import-credentials .import-container {
    text-align: left;
    max-height: 55vh;
    overflow-y: auto;

}

.import-container .title-section {
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 6px;
    text-align: center;
}
.import-container .sub-title {
    font-weight: bold;
    font-size: 15px;
    padding-top: 5px;
}

.import-container .message-details {
    margin-left: -20px;
}


.import-credentials .buttons-section {
    padding-top: 10px;
}


/*#endregion Import Credentials Modal*/

/*#region imp texbox with dropdown component */

.imp-textbox-with-dropdown .imp-textbox-with-dropdown-text {
    text-overflow: ellipsis;
    padding-right: 27px;
    width: calc(100% - 25px);
}

.imp-textbox-with-dropdown-edit-action {
    position: absolute;
    right: 0px;
    top: 2px;
    color: #208ddc;
    font-size: 11px;
    cursor: pointer;
    background: #efefef;
    width: 20px;
    text-align: right;
}

.imp-textbox-with-dropdown-popover {
    position: relative;
    min-width: 250px;
    margin-top: 10px;
    color: #000000;
}

    .imp-textbox-with-dropdown-popover .close-button {
        position: absolute;
        top: 0px;
        right: 10px;
        width: 17px;
        vertical-align: top;
        height: 18px;
        background-color: #f0f0f0;
        border: 1px solid #c9c9c9;
        border-radius: 2px;
        cursor: pointer;
        text-align: center;
    }

    .imp-textbox-with-dropdown-popover .title-text {
        font-weight: bold;
        font-size: 13px;
        margin-left: 10px;
    }

.imp-textbox-with-dropdown-container {
    max-height: 260px;
    overflow-y: auto;
    min-height: 150px;
    margin-top: 6px;
    margin-bottom: 10px;
}

.imp-textbox-with-dropdown-container::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 12px;
	background-color: #F5F5F5;
}

.imp-textbox-with-dropdown-container::-webkit-scrollbar {
	width: 12px;
	background-color: #fff;
}

.imp-textbox-with-dropdown-container::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #e4e4e4;
}

    .imp-textbox-with-dropdown-container .item  {
        padding-left: 10px;
    }

    .imp-textbox-with-dropdown-container .item:hover {
        cursor: pointer;
        background-color: #a6ecff;
        color: black;
    }

.imp-textbox-with-dropdown-loader {
    height: 30px;
}


/*#endregion imp-textbox-with-dropdown component */


/*#region Add Fee Popup*/

.add-fee-popup {
    width: 370px;
    float: left;
}

    .add-fee-popup .header {
        border-bottom: 1px solid #bdbebe;
        font-size: 14px;
        font-weight: bold;
        margin-left: 10px;
        margin-top: 10px;
        padding-bottom: 5px;
        text-align: left;
        width: 349px;
    }

    .add-fee-popup .body {
        min-height: 92px;
        border-bottom: 1px solid #bdbebe;
        float: left;
        width: 350px;
        margin-left: 10px;
        margin-top: 10px;
        padding-bottom: 15px;
    }

        .add-fee-popup .body.content {
            min-height: inherit;
        }

        .add-fee-popup .body .item {
            margin-top: 5px;
            float: left;
        }

            .add-fee-popup .body .item .text {
                width: 190px;
                float: left;
                text-align: left;
            }

            .add-fee-popup .body .item .field {
                width: 150px;
                float: left;
            }

                .add-fee-popup .body .item .field input {
                    width: 150px;
                }

                .add-fee-popup .body .item .field .input-group input {
                    width: 100%;
                }

    .add-fee-popup .buttons {
        width: 350px;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
        float: left;
        text-align: right;
    }

    .add-fee-popup.content {
        width: 385px;
    }

        .add-fee-popup.content .header {
            margin-top: 17px;
            margin-left: 17px;
            padding-bottom: 7px;
            display: flex;
        }

            .add-fee-popup.content .header .imp-icon-info-on {
                position: relative;
            }

                .add-fee-popup.content .header .imp-icon-info-on .tooltip {
                    margin-left: -105px;
                    margin-top: 19px;
                }

        .add-fee-popup.content .body {
            min-height: inherit;
            margin-top: 7px;
            margin-left: 12px;
            padding-right: 0px;
            padding-bottom: 5px;
            padding-left: 6px;
        }

            .add-fee-popup.content .body .item {
                margin-top: 8px;
                margin-bottom: 10px;
            }

                .add-fee-popup.content .body .item .text.adjsuted {
                    width: 162px;
                    line-height: 24px;
                }

            .add-fee-popup.content .body .buttons {
                margin-bottom: 15px;
                margin-left: 20px;
            }

    .add-fee-popup .input-group {
        width: 158px;
    }

 
    .add-fee-popup.content .body .item:first-child {
        font-size: 1.1em;
    }

    .add-fee-popup.content .body .item .text {
        width: 180px;
    }

    .add-fee-popup.content .body .item .field {
        width: 168px;
        text-align: right;
    }


    .add-fee-popup.content .buttons {
        margin-left: 18px;
    }

/*#endregion Add Fee Popup*/

.row.disabled, input.disabled {
    background-color: transparent;
    color: #9D9D9D !important;
}

/*#region Expanded product table loader*/

.expanded-product-table .first-part-cell-ph,
.expanded-product-table .title-row .first-title-row-middle-ph,
.expanded-product-table .second-part-cell-ph,
.expanded-product-table .third-part-cell-l-ph,
.expanded-product-table .third-part-cell-s-ph,
.expanded-product-table .third-part-cell-m-ph {
    background-color: #cccccc;
    color:#cccccc;
    height: 15px;
}



.expanded-product-table .first-part-cell-ph {
    margin-right: 15px;
    width: 38px;
}

.expanded-product-table .title-row .first-title-row-middle-ph {
	margin-top:5px;
	margin-bottom:10px;
    margin-left: 25px;
    margin-right: 38px;
}

.expanded-product-table .second-part-cell-ph {
    width: 42px;
    margin-right: 11px;
}

.expanded-product-table .third-part-cell-l-ph {
    width: 84px;
	margin-left:15px;

}

.expanded-product-table .third-part-cell-s-ph,
.expanded-product-table .third-part-cell-m-ph {
    width: 42px;
    margin-left: 15px;
}

.expanded-product-table .title-row .second-title-row-middle-ph,
.expanded-product-table .title-row .second-title-row-right-ph,
.expanded-product-table .title-row .second-title-row-ph {
    font-size: 12px;
    height: 15px;
    display: flex;
    justify-content: flex-start;
}

.expanded-product-table .title-row .second-title-row-middle-ph,
.expanded-product-table .title-row .second-title-row-right-ph {    
    color: #cccccc;   
    margin-left: 5px;
}



/*#endregion Expanded product table loader*/

/*#region Expanded product table loader*/

.ineligible-products-load {
    display:inline-flex; 
    margin-top:10px;
}

.ineligible-products-error {
    display:inline-flex; 
    margin-top:20px;
}

.ineligible-products-retry {
    color: #48ADEA; 
    cursor: pointer;
}


/*#endregion Pricing Results - load on demand*/

.cash-out-field-info {
  margin-left: 115px; 
}

/* #region Loan Question */

.loan-question-default {
}

.loan-question-default .row {
    margin-left: 0px;
    margin-right: 0px;
}

.loan-question-default .question-text {
    color: #7f7f7f;
}
.usda-info-tab .question-text {
	color: #000000;
}
.loan-question-default .question-text.required:after {
	content: ' *';
	color: #7f7f7f;
}

.loan-question-default .imp-span-ddl-container.combo-left {
    width: 83px;
}

.loan-question-default .imp-span-ddl-container.single-combo {
    width: 200px;
}

.loan-question-default .imp-span-ddl-container.combo-right {
    width: 111px;
}

.loan-question-default .imp-span-ddl-container.combo-right:before {
    right: 0px;
}

.loan-question-default .imp-span-ddl-container.combo-left .imp-ddl {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.loan-question-default .imp-span-ddl-container.combo-right .imp-ddl {
    width: 117px;
    margin-left: -4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.loan-question-default .col-lg-0.answer-tooltip {
    position: relative;
    left: 100%;
    margin-left: 4px;
    margin-top: 5px;
    width: 20px;
}

.loan-question-default .imp-tooltip.loan-question {
    width: 300px;
    height: 135px;
    text-align: left;
    position: relative;
    left: 8px;
}

.loan-question-default .answer-help-text {
    color: red;
    padding-top: 5px;
}

.loan-question-default.usda-info-tab, .loan-question-default.fha-info-tab, .loan-question-default.va-info-tab {
    background-color: transparent;
}

	.loan-question-default.usda-info-tab .question-text, .loan-question-default.fha-info-tab .question-text, .loan-question-default.va-info-tab .question-text {
		width: 315px;
		padding: 0 0 0 0;
	}

	.loan-question-default.fha-info-tab .answer-dropdowns, .loan-question-default.usda-info-tab .answer-dropdowns, .loan-question-default.va-info-tab .answer-dropdowns {
		width: 200px;
		padding: 0 0 0 0;
		margin-left: 15px;
	}

	.loan-question-default.fha-info-tab .row, .loan-question-default.va-info-tab .row, .loan-question-default.usda-info-tab .row {
		width: 530px;
	}

	.loan-question-default.fha-info-tab .col-lg-0.answer-tooltip, .loan-question-default.va-info-tab .col-lg-0.answer-tooltip {
		margin-top: 2px;
	}
	.loan-question-default.usda-info-tab .col-lg-0.answer-tooltip {
		margin-top: -8px;
	}

	.usda-info-tab .row {
		margin-top:20px;
	}
	.loan-question-default.fha-info-tab .imp-tooltip.loan-question, .loan-question-default.usda-info-tab .imp-tooltip.loan-question, .loan-question-default.va-info-tab .imp-tooltip.loan-question {
		left: auto;
		font-size: 11px;
	}
/* #endregion Loan Question */

/*#region Compliance Checklist Modal*/

.compliance-checklist-modal {
    text-align: left;
    padding-top: 14px;
    padding-bottom: 19px;
    width: 462px;
    font-size: 15px;
    color: #000000;
    margin-bottom: 0px;
    margin-left: 19px;
    margin-right: 19px;
}
.compliance-checklist-modal .header {
    border-bottom: 1px solid darkgrey;
    padding-top: 5px;
    padding-bottom: 5px;
    width:462px;
}
.compliance-checklist-modal .header .title {
    color: black;
    font-size: 15px;
    font-weight: bold;
}
.compliance-checklist-modal .body {
    border-bottom: 1px solid darkgrey;
    min-height: 100px;
    width:462px;
}
.compliance-checklist-modal .body .scroll-section {
    overflow: auto;
    height:234px;
    max-height:234px;
}
.compliance-checklist-modal .body .scroll-section .row {
    display: flex;
    margin-left: 0px;
    margin-top: 10px;   
    font-size: 13px;
    width: 440px;
}
.compliance-checklist-modal .body .scroll-section .row .text {
    word-wrap: break-word;
    line-height: 150%;
}
.compliance-checklist-modal .body .row .text {
    word-wrap: break-word;
    line-height: 150%;
}

.compliance-checklist-modal .body .row .field {
    width: 25%;
}
.compliance-checklist-modal .body .row .text {
    width: 82%;
}
.compliance-checklist-modal .body .row .field .radioButtons {
    display: inline-flex;
    float: right;
    margin-right: 15px;
    color: black;
    margin-top: 5px;
}
.compliance-checklist-modal .body .row .field .dropDown {
    height: 24px;
    width: 90%; 
    margin-left: 0px;
}
.compliance-checklist-modal .body .row .imp-lbl-radio {
    font-size: 13px;
}
.compliance-checklist-modal .footer {
    margin-top: 10px;
}
.compliance-checklist-modal .footer .buttons {
    display: flex;
    margin-left: 6px;
    margin-top: 6px;
}
.compliance-checklist-modal .footer .buttons .button {
    display: flex;
    margin-left: 5px;
}

.compliance-checklist-modal .imp-icon-asterisk {
    display:inline-flex;
    height:19px;
    margin-left: -8px;
}

.compliance-checklist-modal input[type="text"] {
    text-overflow: ellipsis;
}

.compliance-modal .modal-content {
    width:500px;
    margin-left:50px;
}

.compliance-checklist-modal .imp-split {
    width: 100%;
    border-bottom: 1px solid lightgray;
    opacity: 0.5;
    margin-top: 5px;
}

.compliance-checklist-modal .body .scrollbar-off .row .field .dropDown {
    margin-left: 32px !important;
}

.compliance-checklist-modal .body .scrollbar-off .row .field input[type=text] {
    margin-left: 31px !important;
}

/*#endregion Compliance Checklist Modal*/


/*#region MyList*/

.list-managed-hyperlink {
	padding-left:14px;
}

	.list-managed-hyperlink .hyperlink {
		position: absolute;
		bottom: 11px;
	}

.most-recent-list {
    padding-top: 8px;
    padding-left: 14px;
    width: 152px;
}


.queue-save {
    margin-top: 12px;
    width: 50px;
    height: 25px;
    margin-left: 30px;
}


.queue-save-as {
    margin-top: 12px;
    width: 50px;
    height: 25px;
}



.mylistSaveAs-name-diabled {
    color: #767676;
}




.confirm-edit-mylist {
    width: 370px;
    float: left;
    padding: 20px;
}

.confirm-edit-mylist .header {
    /*border-bottom: 1px solid #bdbebe;*/
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    /*margin-top: 10px;*/
    padding-bottom: 5px;
    text-align: left;
    width: 349px;
}

.confirm-edit-mylist .body {
    min-height: 20px;
    /*border-bottom: 1px solid #bdbebe;*/
    float: left;
    width: 350px;
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 15px;
}

.confirm-edit-mylist .buttons {
    /*margin-top: 15px;*/
    margin-right: 10px;
    /*float: right;*/
    text-align: right;
}


.newmylist-active {
    background-color: #a6ecff;
}

  .newmylist .modal-dialog {
    width: 400px !important;
}

    .newmylist .modal-dialog .body {
        height: 310px !important;
        border-top: 1px solid #cdcece !important;
        border-bottom: 1px solid #cdcece !important;
    }

.newmylist .modal-dialog .body-cannotrenamelist {
    height: 260px !important;
}

.newmylist-canrenamelist-notreachmax {
    margin-top: 80px !important;
}

.newmylist-canrenamelist {
    margin-top: 110px;
}

.newmylist-cannotrenamelist {
    margin-top: 30px;
}


.howtoaddnewlist .modal-dialog {
    width: 400px !important;
}

    .howtoaddnewlist .modal-dialog .body {
        height: 260px !important;
        border-top: 1px solid #cdcece !important;
        border-bottom: 1px solid #cdcece !important;
    }

.confirmnewlist .modal-dialog {
    width: 400px !important;
}


    .confirmnewlist .modal-dialog .body {
        height: 60px !important;
        border-top: 1px solid #cdcece !important;
        border-bottom: 1px solid #cdcece !important;
    }
/*#endregion MyList*/

/*#region PSSP Tag*/

.imp-cgrid .lock-icon-blue {
    float:right;
    margin-left:2px;
}

.imp-cgrid  .sub-col-l .lock-margin-pssp,
.imp-cgrid  .sub-col-l .lock-margin-hoi {
    margin-top:4px;
}

.imp-cgrid .pssp {
    color: #1fb25a;
    font-size: 8px;
    padding-left: 8px;
}

.imp-cgrid .pssp.red-pssp {
    color: #ef1123; 
}

.imp-cgrid .hoi {
    color: #208ddc;
    font-size: 8px;
    font-weight: 600;
}

.imp-cgrid .sub-col-l .hoi-loancost {
    float:left;
    margin-right:0px;
}


.imp-cgrid .pssp-tag-icon,
.imp-cgrid .hoi-tag-icon {
    float:right;
    height:14px;
    margin-right:0px;
    margin-top:0px;
    display: inline-block;
}

.imp-cgrid .hoi-tag-icon {
    margin-left:2px;
    width:18px;
}

.imp-cgrid .sub-col-l .global-contact-ne {
    float:left;
    max-width:220px;
}

.imp-cgrid .sub-col-l .factor-amount-section {
    float: left;
    max-width: 207px;
    height: 16px;
}

.imp-cgrid .sub-col-l .no-lock-space {
    margin-right:24px;
}

.imp-cgrid .tooltip.bottom {
    margin-top:18px;
}

.imp-cgrid .row .col-s-total .tooltip.bottom {
    margin-top: 0px;
    margin-left: 20px;
}

.pssp-tooltip,
.hoi-tooltip {
    display: block;
    opacity: 1;
    right: -87px;
}

.pssp-tooltip-inner .imp-icon-info-off {
    cursor:auto;
    margin-left:2px;
}

.pssp-tooltip-inner,
.hoi-tooltip-inner {    
    font-weight: normal;
    line-height:18px;
    padding: 10px;
    text-align: left;
}

.pssp-tooltip-inner {
    color: #767676;
}

.hoi-tooltip-inner {
    color: #208ddc;
}

.pssp-tooltip-inner .pssp-tooltip-text {
    margin-top: -7px;
}

.pssp-tooltip-inner .pssp-tooltip-text-wi {
    display: inline-block;
    vertical-align: top;
}

.pssp-tooltip .tooltip-inner .imp-tooltip {
    width:240px;
}

.cost-globalContact .imp-icon {
    position: absolute;
    float: right;
    top: 6px;
}

.cost-globalContact .imp-icon.pssp-info-purchase {
    right: 65px;
}

.cost-globalContact .imp-icon.pssp-info-refinance {
    right: 136px;
}

.pssp-add-padding {
    width: 180px !important;
    padding-right: 20px !important;
}
/*#endregion PSSP Tag*/

/*==================================================
 * PSSP Fees flyout - Loan Participant Information
 * ===============================================*/
.imp-popover .pssp-flyout .pssp-info-text {
    margin-bottom: 25px;
}

.imp-popover .pssp-flyout .rowitem .right-column {
    margin-left: 5px;
}

.imp-popover .pssp-flyout .rowitem, .imp-popover .pssp-flyout .imp-address .street {
    margin-bottom: 10px;
}



/*==================================================
 * Disclosures Requested
 * ===============================================*/

.disclosures-requested-modal-header {
    font-weight: bold;
    padding-top: 18px;
    text-align: left;
    padding-left: 20px;
}

.initial-disclosures-requested-modal-header {
    font-size: 15px;
    font-weight: bold;
    padding-top: 0px;
    text-align: left;
    padding-left: 0px;
    width: 400px;
}

.disclosures-requested-message {
    padding: 8px 20px 0px 20px;
    font-weight: normal;
    font-size: 13px;
    word-wrap: pre;
    text-align: left;
}

.initial-disclosures-requested-message {
    padding-top: 0px;
    font-weight: normal;
    font-size: 12px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
}

.disclosures-requested-modal-buttons {
    float: right;
    margin-left: 60px;
    margin-right: 0px;
    padding-left: 0px;
}

.disclosures-requested-modal-buttons .confirmation-modal-closeButton {
    margin-right: 10px !important;
}

.disclosures-requested-modal-reviewNeedsListButton {
    margin-left: 0px;
    margin-right: 60px;
}

.imp-dev-simulator-popup-modal .modal-content {
    height: auto;
    margin: 0 auto;
    position: relative;
    float: left;
    width: 490px;
}

.imp-dev-simulator-title {
    font-weight: bold;
    margin: 10px;
}
/************* region finalize authentiaction ***********/

.finalize-auth-body {
    height: 100%;
    text-align: left;
}

.finalize-header {
    height:160px;
}

    .finalize-header .header-item {
        height: 70px;
    }

    .finalize-header .logo-section {
        position: relative;
        left: 6%;
    }

        .finalize-header .logo-section .logo {
            height: 40px;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

    .finalize-header .footer {
        background-color: #414141;
    }

.finalize-auth-content {
    position: relative;
    top: 10%;
}

.authorization-issue-section {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
}

    .authorization-issue-section .title {
        font-weight: 600;
    }

    .authorization-issue-section .btn-primary {
        width:180px;
    }

    .authorization-issue-section .left-button {
        margin-left: 0px;
    }

.modal-open .external-authorize-modal {
    z-index: 3001 !important; /* added only for external authorization due inline css generated in factory */
    background-color: white;
}

/************ end region finalize authentiaction ***********/

/************* region va cash-out ntb ***********/

.va-cash-out-ntb {
    margin-top: 25px;
}

.va-cash-out-ntb .content .split-line {
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
}

.va-cash-out-ntb .content .row:not(:first-child) {
    height: 34px;
}

.va-cash-out-ntb .content .row .col-md-2 {
    width: 16.5%;
    color: #9D9D9D;
}

.va-cash-out-ntb .content .row .col-md-4 {
    width: 29.3%;
}

.va-cash-out-ntb .content .row .col-md-4 .col-sm-6 {
    padding: 0;
    line-height: 33px;
}

.va-cash-out-ntb .content .row .col-md-4.sub-header .col-sm-6 {
    color: #1FB25A;
    text-align: center;
    height: 34px;
}

.va-cash-out-ntb .content .row .col-md-1 {
    width: 11.6%;
}

.va-cash-out-ntb .content .row .col-md-5 {
    width: 37.5%;
    line-height: 13px;
}

.va-cash-out-ntb .content .row .col-md-2,
.va-cash-out-ntb .content .row .col-md-1,
.va-cash-out-ntb .content .row .col-md-4,
.va-cash-out-ntb .content .row .col-md-5 {
    height: 34px;
    margin-right: 5px;
    line-height: 34px;
}

.va-cash-out-ntb .content .row .col-md-1,
.va-cash-out-ntb .content .row .col-md-4,
.va-cash-out-ntb .content .row .col-md-5 {
    padding: 0;
}

.va-cash-out-ntb .content .header .col-md-1,
.va-cash-out-ntb .content .header .col-md-4,
.va-cash-out-ntb .content .header .col-md-5 {
    font-weight: bold;
    background-color: #EFEFEF;
    text-align: center;
    font-size: 13px;
}

.va-cash-out-ntb .content .col-md-5.ntb {
    line-height: 12px;
    display: flex;
}

.va-cash-out-ntb .imp-span-ddl-container.medium {
    line-height: 0px;
    width: 96.5%;
    height: 21px;
}

.va-cash-out-ntb .content input[type="text"] {
    width: 91%;
    height: 21px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.va-cash-out-ntb .content span {
    padding-left: 6px;
}

.va-cash-out-ntb .content .col-md-5 .left-section-checkbox {
    margin-top: 7px;
}

.va-cash-out-ntb .content .col-md-5 .right-section-checkbox >label {
    font-size: 12px; 
    line-height:12px; 
    margin-top:6px
}

.va-cash-out-ntb .requirements {
    margin-top: 13px;
    color: #9D9D9D;
}

.va-cash-out-ntb .requirements .row:first-child .col-md-4 {
    font-size: 13px;
}

.va-cash-out-ntb .requirements span {
    font-size: 13px;
    font-weight: bold;
}

.va-cash-out-ntb .requirements .col-md-4 span {
    color: #000000;
}

.va-cash-out-ntb .requirements .col-md-4 {
    padding-right: 0px;
    height: 22px;
    line-height: 22px;
}

.va-cash-out-ntb .requirements .col-md-7 {
    padding-left: 0px;
    height: 22px;
    line-height: 22px;
}

.va-cash-out-ntb .requirements .row.header .col-md-7,
.va-cash-out-ntb .requirements .row.header .col-md-4 {
    height: 18px;
    line-height: 19px;
}

.va-cash-out-ntb .requirements .icon {
    float: left;
    margin-right: 5px;
}

.va-cash-out-ntb .requirements .icon.imp-icon-red-x {
    -webkit-transform: scale(0.9, 0.9);
}

.va-cash-out-ntb .requirements .col-md-7 >label {
    font-size: 12px;
    display: inline;
    font-style: italic;
    color: #9D9D9D;
}

.va-cash-out-ntb .requirements .requirements-section .row {
    margin-bottom: 6px;
}

.va-cash-out-ntb .requirements .requirements-section:not(:first-child) {
    margin-top: 30px;
}

.va-cash-out-ntb .requirements .input-group {
    width: 160px;
}

.va-cash-out-ntb .imp-icon-error {
    position: absolute;
    top: 6px;
    left: 10px;
    padding-left: 0px !important;
}

.va-cash-out-ntb .ntb-warning .imp-hyperlink {
    padding: 0px;
}

.va-cash-out-ntb .ntb-warning {
    background: #FFF5D6;
    margin: 0px;
}

.va-cash-out-ntb .ntb-warning .imp-icon-warning {
    padding: 5px 0px 0px 22px;
}

.va-cash-out-ntb .ntb-warning .ntb-warning-message {
    line-height: 37px;
}
/************ region va cash-out ntb ***********/

/************ region zip data modal ***********/

.linear-address .zipdata {
     margin-top: 0;
}

.address-mutable .zipdata {
     margin-top: 28px;
     margin-left: -45px;
}

.main-container .section .right-section .zipdata {
    margin-top: 30px;
    margin-left: -48px;
}

.property-details .fourth-column .zipdata {
     margin-top: 32px;
     margin-left: -98px;
}

.loan-participant-row .zipdata {
    margin-top: 32px;
    margin-left: -47px;
}

.rq-appraisal-section .zipdata {
    margin-top: 38px;
    margin-left: -84px;
}

.imp-popover .zipdata {
    margin-top: 35px;
    margin-left: -87px;
}

.zipdata {
    width: 480px;
    margin-top: 43px;
    margin-left: -80px;
    z-index: 1920;
    position: absolute;
    box-shadow: 2px 2px 8px 3px #A9A9A9;
}

.zipdata-right-align {
    margin-left: -480px;
}

.zipdata .zipdata-container {
    padding: 0;
    width: 100%;
}

.zipdata .zipdata-container .content {
    padding: 0;
    background-color: white;
}

.zipdata .zipdata-container .content .zip-data-row {
    height: 24px;
    line-height: 24px;
    margin: 0;
    color: #000000;
}

.zipdata .zipdata-container .content .zip-data-row.disabled {
    color: lightgray;
    background-color: white;
}

.zipdata .zipdata-container .content .zip-data-row:first-child {
    color: #767676;
    font-style: italic;
}

.zipdata .zipdata-container .content .zip-data-row:nth-child(n+2):hover {
    background-color: #e1f9ff;
    cursor: pointer;
}

.zipdata .zipdata-container .content .zip-data-row span:first-child {
    margin-left: 10px;
}

.zipdata .zipdata-container .content .zip-data-row .right-side {
    margin-right: 10px;
    display: block;
    float: right;
}


/************ endregion zip data modal ***********/

/*#region Adjustments Alert Panel*/

.adjustments-alert-section {
    align-items: center;
    display: flex;
    height: 14px;
    justify-content: center;
    top: 3px;
    width: 740px;
}

.adjustments-alert-section .bold {
    font-weight: bold;
}

.adjustments-alert-section .message-box {
    background-color: #FFF5D6;
    border-radius: 0 0 3px 3px;
    color: #000000;
    display: flex;
    height: 100%;
    padding: 8px 0px 8px 14.67px;
    width: 100%;
}

.disc-alert-panel.adjustments-panel {
    height: 30px;
    margin-top: 30px;
}

.modified-product,
.pricing-results .products .body .row .modified-product {
    background-color: #FFF5D6;
}

.pricing-results .products .body .row .modified-green-value {
    color: #1FB25A;
    font-style: italic;
}
/*#endregion Adjustments Alert Panel*/

/*#region Appraisal Center Info Panel*/

.appraisal-center-info-panel {
    align-items: center;
    display: flex;
    margin-top: 1px;
    width: 100%;
    height: 27px;
    background: #C8E5FA 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 3px 3px;
    opacity: 1;
}

.appraisal-center-info-panel .info-icon {
    width: 16px;
    height: 16px;
    background: transparent url('images/icon-info-blue-circle.png') 0% 0% no-repeat padding-box;
    opacity: 1;
    margin: 5px;
}

.appraisal-center-info-panel .message {
    color: #000000;
}

.appraisal-center-info-panel .message .title {
    font-weight: bold;
}
/*#endregion Appraisal Center Info Panel*/

/************ Region Integration Documents Popups ***********/

.integrationdocs-popup-modal {
    width: 405px;
    height: fit-content;
    height: -moz-fit-content;
    overflow: auto;
    -webkit-transform: none;
    margin-left: -202px;
    margin-top: -106px;
}

.integrationdocs-popup-modal .modal-dialog {
    margin: 0px;
    width: 100%;
    overflow: auto;
}

.integrationdocs-popup-modal .modal-dialog .modal-content {
    height: 100%;
    width: 100%;
    border: none;
    overflow: auto;
}

.integrationdocs-popup-docs-requested {
    float: left;
    height: 137px;
    padding: 10px 20px 20px 20px;
    width: 360px;
}

.integrationdocs-popup-docs-received {
    float: left;
    padding: 10px 20px 20px 20px;
    width: 360px;
}

.integrationdocs-popup .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding-bottom: 5px;
    height: 35px;
}

.integrationdocs-popup .header .title {
    float: left;
    padding-top: 15px;
    width: inherit;
    font-size: 15px;
}

.integrationdocs-popup .header .actions {
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
    margin-right: 0px;
    margin-top: -1%;
    vertical-align: middle;
    display: table-cell;
}

.integrationdocs-popup .header .actions.close {
    padding-top: 15px;
}

.integrationdocs-popup .body {
    float: left;
    width: 100%;
}

.integrationdocs-popup .body .item {
    margin-top: 10px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.integrationdocs-popup .body .item .text {
    float: left;
    text-align: left;
}

.integrationdocs-popup .body .item .text .emphasis-green {
    color: #1FB25A;
    font-weight: bold;    
}

.integrationdocs-popup .body .item .text .emphasis-blue {
    color: #208DDC;
    font-weight: bold;    
}

.integrationdocs-popup .buttons {
    float: right;
    margin-top: 15px;
}

/************ End Region Integration Documents Popups ***********/

/*#region Appraisal Fee Info Icon */

.imp-cgrid .appraisal-fee-info-icon {
    display: inline-block;
    float: right;
    height: 20px;
    width: 15px;
    margin-right: 3px;
    margin-top: 1px;
}

.imp-cgrid .sub-col-l .no-lock-icon {
    margin-right: 27px;
    margin-top: 1px
}

.imp-cgrid .sub-col-l .with-lock-icon {
    margin-top: 3px;
    margin-right: 3px;
    position:relative;
}

.appraisal-product-tooltip {
    background: white;
    border: 1px solid #DDDDDD;
    width: 310px;
    display: block;
    opacity: 1;
    right: -125px;
    margin-top: 6px;
    border-radius: 3px;
    box-shadow: 2px 2px 8px 3px #A9A9A9;
}

    .appraisal-product-tooltip > .tooltip-arrow {
        top: -8px;
    }

    .appraisal-product-tooltip .tooltip-inner {
        text-align: left;
        color: #767676 !important;
    }

    .tooltip.bottom.appraisal-product-tooltip {
        margin-top: 7px;
    }

    .tooltip.bottom.appraisal-product-tooltip .tooltip-arrow {
        margin-left: -4px;
        top: -9px;
    }

/*#endregion Appraisal Info Icon */
/*=======================================================================================
 * select-disclosures-modal: Modal for selecting individual disclosure documents.
 *=======================================================================================*/
.select-disclosures-modal-dialog {
    top: 20%;
}

.select-disclosures-modal-dialog .modal-dialog {
    width: 800px;
}

.select-disclosures-modal {
    width: 760px;
    height: 460px;
    padding: 20px;
}

.select-disclosures-modal .header {
    font-size: 18px;
}

.select-disclosures-modal .header .imp-div-close-x {
    display: inline-block;
    float: right;
}

.select-disclosures-modal .header .header-text {
    display: inline-block;
    text-align: left;
    font: Bold 15px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 17px;
}

.select-disclosures-modal .imp-split {
    width: 100%;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 8px;
}

.select-disclosures-modal .sub-header {
    margin-bottom: 15px;
}

.select-disclosures-modal .sub-header .sub-header-text {
    text-align: left;
    font: 12px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 14px;
}

.select-disclosures-modal .footer {
    padding-top: 18px;
}

.select-disclosures-modal .footer .right-button {
    float: right;
    width: 80px;
    height: 30px;
    margin-left: 10px;
}
/*=======================================================================================
 * select-disclosures: Angular component for selecting individual disclosure documents.
 *=======================================================================================*/
.select-disclosures .selection-list-container-left {
    display: inline-block; 
    height: 346px;
}

.select-disclosures .selection-list-container-right {
    position: absolute; 
    display: inline-block; 
    margin-left: 20px; 
    height: 346px;
}

.select-disclosures .selection-list-container-left .title {
    text-align: left;
    font: 12px Arial;
    letter-spacing: 0;
    color: #9D9D9D;
    line-height: 14px;
    margin-bottom: 2px;
    float: left;
}

.select-disclosures .selection-list-container-right .title {
    text-align: left;
    font: 12px Arial;
    letter-spacing: 0;
    color: #9D9D9D;
    line-height: 14px;
    margin-bottom: 2px;
}

.select-disclosures .selection-list-container-left .show-all-disclosures-action {
    text-align: right;
    font: 12px Arial;
    letter-spacing: 0;
    color: #208DDC;
    line-height: 14px;
    margin-bottom: 2px;
    cursor: pointer;
}

.select-disclosures .selection-list-container-left .selection-list,
.select-disclosures .selection-list-container-right .selection-list {
    width: 368px; 
    height: 326px; 
    background: #FFFFFF 0% 0% no-repeat padding-box; 
    border: 1px solid #BDBEBE;
    overflow: auto;
}

.select-disclosures .selection-list-container-left .selection-list .loading-spinner {
    width: 100%; 
    height: 100%; 
}

.select-disclosures .selection-list-container-left .selection-list .loading-spinner .title {
    text-align: center;
    font: Bold 13px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 15px;
    margin-top: 92px;
    width: 100%;
}

.select-disclosures .selection-list-container-left .selection-list .loading-spinner .subtitle {
    text-align: center;
    font: Italic 12px Arial;
    letter-spacing: 0;
    color: #9D9D9D;
    line-height: 14px;
    width: 100%;
}

.select-disclosures .selection-list-container-left .selection-list .loading-spinner .spinner-custom {
    height: 70px;
    margin-left: 160px;
    margin-top: 27px;
}

.select-disclosures .selection-list-container-left .selection-list > ul,
.select-disclosures .selection-list-container-left .selection-list > ul > li > ul {
    list-style-type: none;
    padding-inline-start: unset;
}

.select-disclosures .selection-list-container-left .selection-list > ul > li > ul {
    padding-left: 10px;
}

.select-disclosures .selection-list-container-left .selection-list > ul > li,
.select-disclosures .selection-list-container-left .selection-list > ul > li > ul > li {
    margin-left: 7px;
}

.select-disclosures .selection-list-container-left .selection-list > ul > li > label.imp-lb-checkbox,
.select-disclosures .selection-list-container-left .selection-list > ul > li > ul > li > label.imp-lb-checkbox {
    text-align: left; 
    font: 12px Arial; 
    letter-spacing: 0; 
    color: #000000; 
    line-height: 14px;
    margin: 0;
    margin-top: 8px;
    padding-top: 2px;
}

.select-disclosures .selection-list-container-right .selection-list > dl > dt {
    text-align: left; 
    font: Bold 12px Arial; 
    letter-spacing: 0; 
    color: #000000; 
    line-height: 24px;
}

.select-disclosures .selection-list-container-right .selection-list > dl > dt > canvas.imp-circle {
    float: left;
}

    .select-disclosures .selection-list-container-right .selection-list > dl > dd {
        text-align: left;
        font: 12px Arial;
        letter-spacing: 0;
        color: #9D9D9D;
        line-height: 14px;
        margin-left: 25px;
    }
/*=======================================================================================
 * show-all-disclosures-error-modal: Modal for selecting individual disclosure documents.
 *=======================================================================================*/
.show-all-disclosures-error-modal-dialog .modal-dialog {
    width: 400px;
}

.show-all-disclosures-error-modal {
    width: 360px;
    height: 126px;
    padding: 20px;
}

.show-all-disclosures-error-modal .header {
    font-size: 18px;
}

.show-all-disclosures-error-modal .header .icon-error {
    position: relative;
}

.show-all-disclosures-error-modal .header .icon-error .exclamation-mark {
    position: absolute;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 20px solid #EF1126;
    top: 0px;
    left: 0px;
}


.show-all-disclosures-error-modal .header .icon-error .exclamation-mark::after {
    content: "!";
    position: absolute;
    font-size: 18px;
    color: #FFFFFF;
    top: 5px;
    left: -3px;
    font-weight: bold;
}

.show-all-disclosures-error-modal .header .imp-div-close-x {
    display: inline-block;
    float: right;
}

.show-all-disclosures-error-modal .header .header-text {
    display: inline-block;
    text-align: left;
    font: Bold 15px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 17px;
    margin-left: 10px;
}

.show-all-disclosures-error-modal .imp-split {
    width: 100%;
    border-bottom: 1px solid #D6D6D6;
    margin-top: 8px;
    margin-bottom: 8px;
}

.show-all-disclosures-error-modal .content > p {
    text-align: left;
    font: 12px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 14px;
}

.show-all-disclosures-error-modal .footer {
    padding-top: 30px;
}

.show-all-disclosures-error-modal .footer .right-button {
    float: right;
    width: 80px;
    height: 30px;
}

/* Disclosures Recieved Modal styles */

div .imp-icon-upload-download {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
}

.imp-disclosures-received-download-link {
    color: #208DDC;
}

.disclosures-received .modal-dialog {
    width: 430px;
}

.disclosures-received .modal-dialog {
    left: 39%;
}

    .disclosures-received .modal-dialog .body {
        height: 155px;
    }

        .disclosures-received .modal-dialog .body.hide-documents {
            height: 50px;
        }

.disclosures-received .body {
    border: none;
    overflow: hidden;
}
/*=======================================================================================
 * compliance-check-success-modal: Modal shown after a successful compliance check
 *=======================================================================================*/
.compliance-check-modal-dialog {
    top: 20%;
}

.compliance-check-modal-dialog .modal-dialog {
    width: 400px;
}

.compliance-check-modal {
    width: 360px;
    height: 122px;
    padding: 20px;
}

.compliance-check-modal .header {
    font-size: 18px;
}

.compliance-check-modal .header .imp-div-close-x {
    display: inline-block;
    float: right;
}

.compliance-check-modal .header .header-text {
    display: inline-block;
    text-align: left;
    font: Bold 15px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 17px;
}

.compliance-check-modal .imp-split {
    width: 100%;
    border-bottom: 1px solid #D6D6D6;
    margin-bottom: 8px;
}

.compliance-check-modal .sub-header {
    margin-bottom: 15px;
}

.compliance-check-modal .sub-header .sub-header-text {
    text-align: left;
    font: 12px Arial;
    letter-spacing: 0;
    color: #000000;
    line-height: 14px;
}

.compliance-check-modal .footer {
    padding-top: 18px;
}

.compliance-check-modal .footer .right-button {
    float: right;
    height: 30px;
    margin-left: 10px;
}

.compliance-check-modal .footer .right-button .imp-button-general-contextual {
    left: -5px;
}

/* Loan Lock Details Modal styles */
.loan-lock-modal {
    display: table !important;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 250px;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

    .loan-lock-modal .modal-dialog {
        display: table-cell;
    }

    .loan-lock-modal .modal-content {
        padding: 20px;
    }

    .loan-lock-modal .modal-dialog,
    .loan-lock-modal .modal-content,
    .loan-lock-modal-content {
        vertical-align: middle;
        height: 100%;
        /*width: 100%*/
    }

.loan-lock-modal-content {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

    .loan-lock-modal-content .loan-lock-header-content-container {
        display: flex;
        flex-flow: column;
    }

        .loan-lock-modal-content .loan-lock-header-content-container .loan-lock-header-container {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid lightgray;
            padding-bottom: 20px;
        }

            .loan-lock-modal-content .loan-lock-header-content-container .loan-lock-header-container .header {
                text-align: left;
                font-size: 16px;
                font-weight: bold;
            }

        .loan-lock-modal-content .loan-lock-header-content-container .loan-lock-message-container {
            margin-top: 15px;
        }


    .loan-lock-modal-content .loan-lock-close-container {
        padding-bottom: 10px 35px;
        text-align: right;
    }

.loan-lock-message-container .loan-lock-message-text,
.loan-lock-message-container .loan-lock-message-user-full-name,
.loan-lock-message-container .loan-lock-message-user-email,
.loan-lock-message-container .loan-lock-message-user-phone-number {
    color: #555555;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

.loan-lock-message-container .loan-lock-message-user-email {
    color: #208DDC;
}

.loan-lock-close-container .loan-lock-btn-close {
    width: 95px;
}

.loan-lock-close-container .loan-lock-btn-open {
    width: 172px;
}

/*DU Reissue Credit Modal*/
.du-reissue-credit-modal {
  display: table !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px !important;
  z-index: 3100 !important;
  transform: translate(-50%, -50%);
}

  .du-reissue-credit-modal .modal-dialog,
  .du-reissue-credit-modal .modal-content,
  .du-reissue-credit-modal-content {
    vertical-align: middle;
    width: 400px;
    height: 85%;
  }

  .du-reissue-credit-modal .modal-content {
    padding: 20px;
  }

.du-reissue-credit-modal-content .du-reissue-credit-header-content-container {
  display: flex;
  flex-flow: column;
}

  .du-reissue-credit-modal-content .du-reissue-credit-header-content-container .du-reissue-credit-header-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
  }

    .du-reissue-credit-modal-content .du-reissue-credit-header-content-container .du-reissue-credit-header-container .header {
      text-align: left;
      font-size: 16px;
      font-weight: bold;
    }

.du-reissue-credit-modal-content .button-container {
  padding-bottom: 10px 35px;
  text-align: right;
  padding-top: 10px;
  height: 50px;
}

.du-reissue-credit-modal-content .environmentinfo-flex-parent input.tpo-credit-type-ahead {
  font-size: 12px;
}

.du-reissue-credit-modal-content .environmentinfo-flex-parent ul.dropdown-menu {
  font-size: 12px;
}

/*TPO Credit Request Modal*/

.tpo-credit-request-modal {
    display: table !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px !important;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

.tpo-credit-request-modal .modal-dialog,
.tpo-credit-request-modal .modal-content,
.tpo-credit-request-modal-content {
    vertical-align: middle;
    width: 400px;
    height: 85%;
    /*width: 100%*/
}
.tpo-credit-request-modal .modal-content {
    padding: 20px;
}

.tpo-credit-request-modal-content .tpo-credit-request-header-content-container {
    display: flex;
    flex-flow: column;
}

.tpo-credit-request-modal-content .tpo-credit-request-header-content-container .tpo-credit-request-header-container {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
}

    .tpo-credit-request-modal-content .tpo-credit-request-header-content-container .tpo-credit-request-header-container .header {
        text-align: left;
        font-size: 16px;
        font-weight: bold;
    }

.tpo-credit-request-modal-content .button-container {
    padding-bottom: 10px 35px;
    text-align: right;
    padding-top: 10px;
    height: 50px;
}

.tpo-credit-request-modal-content .environmentinfo-flex-parent input.tpo-credit-type-ahead {
    font-size: 12px;
}

.tpo-credit-request-modal-content .environmentinfo-flex-parent ul.dropdown-menu {
    font-size: 12px;
}
/*Region Messagelist Flyout*/
.message-text-area {
    margin-bottom: 10px !important;
}
.message-cancel-button {
    margin-left: 285px;
}
.message-save-button {
    float: right;
    width: 64.45px;
    margin-left: 0px;
}
.message-confirm-header {
    padding: 20px;
    padding-bottom: 0px;
    margin-left: 20px;
}
.message-icon {
    display: block; 
    float: right;
}
.message-content {
    word-wrap: break-word;
}
.message-confirm-button {
    margin-right: 150px;
    width: 64.45px;
}
/*End region Messagelist Flyout*/

/*adjust modal flyout height*/
.flyout .modal-dialog .modal-content {
    height: -webkit-fill-available;
}

		.review-doc-flyout .review-doc-details-main-content {
			height: 90%;
			overflow-y: auto;
			padding-right: 600px;
			margin-right: -600px;
		}

            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-body .review-doc-details
            .document-detail-headers {
                font-size: 15px;
                font-weight: bold;
            }

            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-body .review-doc-details
            .doc-name-status-container, .doc-classify-container,
            .doc-assoc-needs-container {
                margin-bottom: 40px;
            }
                .review-doc-flyout .modal-dialog
                .modal-content .review-doc-body
                .review-doc-details
                .doc-detail-label-text {
                    font-size: 12px;
                    color: #767676;
                    line-height: 16px;
					word-wrap: break-word;
					white-space: normal;
                }

            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-body .review-doc-details
            .bnl-warning-message-container {
                background-color: #FFF5D6;
                height: 30px;
                padding: 10px;
                border-radius: 3px;
            }


		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-pdf-container {
			height: 100%;
			width: 75%;
			position: relative;
			margin-bottom: -20px;
		}

		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-preview-footer {
			font-family: Arial;
			font-size: 10px;
			border: 1px solid;
			border-color: lightgray;
			position: absolute;
			left: 0;
			bottom: -3px;
			height: 20px;
			line-height: 20px;
			width: 100%;
			z-index: 3;
			display: flex;
			background-color: white;
			margin-bottom: 0;
			margin-left: 1px;
		}

		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-footer-label {
			height: 100%;
			margin: 0;
			padding-left: 5px;
			color: #767676;
		}


		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body #review-doc-metadata {
			font-family: Arial;
			font-size: 10px;
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			z-index: 4;
			background-color: white;
			border: 1px solid;
			border-color: lightgray;
			overflow-y: scroll;
			overflow: hidden;
			margin-left: 1px;
			margin-top: 1px;
			display: none;
		}

		/*loading image tbd*/
		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-pdf-placeholder-container {
			font-family: Helvetica;
			font-weight: bold;
			font-size: 12px;
			width: 100%;
			height: 100%;
			position: absolute;
			text-align: center;
			z-index: 1;
		}

		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 2;
		}

		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-body .review-doc-iframe img {
			max-width: 100%;
			height: auto;
		}

    .review-doc-flyout .modal-dialog
    .modal-content .review-doc-footer {
        /*height: 8%;*/
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
		padding: 10px;
    }

    .review-doc-flyout .modal-dialog
    .modal-content .review-doc-footer
    .review-doc-ctrl-buttons {
		margin: 5px 0px 10px 0px;


    }
		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-footer
		.review-doc-ctrl-buttons
		.doc-review-accept-btn {
			color: #1FB25A;
			background-color: white;
			border: 1px solid #1FB25A;
			width: 120px;
			border-radius: 3px;
			height: 30px;
			margin: 0 5px 0 5px; 
		}
            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-footer
            .review-doc-ctrl-buttons
            .doc-review-accept-btn:hover {
                color: white;
                background-color: #1FB25A;
            }

			.doc-review-accept-btn:hover .cv-icon-bnl-check-2 .cv-icon-bnl-check-2-white {
				display: none;
			}
			.doc-review-accept-btn  .cv-icon-bnl-check-2-white {
				display: none;
			}
			.doc-review-accept-btn:hover .cv-icon-bnl-check-2-white {
				display: inline-block;
			}


		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-footer
		.review-doc-ctrl-buttons
		.doc-review-reject-btn {
			color: #EF1126;
			background-color: white;
			border: 1px solid #EF1126;
			width: 120px;
			border-radius: 3px;
			height: 30px;
			margin: 0 5px 0 5px;
		}

            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-footer
            .review-doc-ctrl-buttons
            .doc-review-reject-btn:hover {
                color: white;
                background-color: #EF1126;
            }


			.doc-review-reject-btn:hover .cv-icon-bnl-x-mark .cv-icon-bnl-x-mark-white {
				display: none;
			}
			.doc-review-reject-btn  .cv-icon-bnl-x-mark-white {
				display: none;
			}
			.doc-review-reject-btn:hover .cv-icon-bnl-x-mark-white {
				display: inline-block;
			}

		.review-doc-flyout .modal-dialog
		.modal-content .review-doc-footer
		.review-doc-ctrl-buttons
		.doc-review-cancel-btn {
			height: 30px;
			width: 80px;
			line-height: 10px;
			box-shadow: 0px 3px 2px -2px #D3D3D3;
			margin: 0 5px 0 5px;
			-webkit-appearance: button;
			outline: none !important;
			border: none !important;
			text-shadow: none !important;
			border-radius: 2.5px !important;
		}

        .review-doc-flyout .modal-dialog
        .modal-content .review-doc-footer
        .review-doc-remove-item {
            display: inline-flex;
            justify-content: space-around;
        }


            .review-doc-flyout .modal-dialog
            .modal-content .review-doc-footer
            .review-doc-remove-item
            .remove-needs-list-link {
                cursor: pointer;
                margin-left: 5px;
                align-self: flex-end;
            }



/*End region ReviewDoc Flyout*/

/*#region convertloan*/
.convertloan-modal .content {
    padding: 20px;
    overflow: auto;
}

.convertloan-modal .modal-content {
    width: 400px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #000000;
    opacity: 1;
    overflow: auto;
}
.convertloan-modal .content .header {
    padding-bottom: 5px;
    margin-top: 0px;
    display: flex;
    border-bottom: 1px solid #c6c6c6;
}

.convertloan-modal .content .header .title {
    padding-top: 1px;
    padding-left: 3px;
    font-weight: bold;
    text-align: left;
    font: Bold 15px/17px Arial;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
}

.convertloan-modal .content .aus-body {
    margin-top: 10px;
    background-color: #FFF5D6;
    font-style: italic;
    height: 14px;
    padding: 10px;
}

.convertloan-modal .content .body {
    padding-top: 10px;
}

.convertloan-modal .content .imp-button-section {
    padding-top: 30px;
    width: 100%;
    margin-bottom: 0px;
}

.convertloan-modal .content .imp-button-wrapper {
    height: 100%;
}

.convertloan-modal .content .imp-button-wrapper .imp-button-hm-wl-prim {
    min-width: 145px;
}

/*#endregion convertloan*/
.imp-confirmation-modal-content-obapi {
    padding: 8px;
    width: 615px;
    height: auto;
    font-size: 15px;
    color: #000000;
    margin-bottom: 0px;
    padding-left: 20px;
    padding-top: 20px;
    position: fixed;
    top: 20%;
}

/*#region titleResults*/
.title-decision-button {
    margin: 15px 0 5px 0;
    width: 140px;
    border-radius: 4px;
    height: 22px;
    padding-top: 1px;
}

.in-progress-title-span {
    clear: left;
    float: left;
    font-style: italic;
    color: #9D9D9D;
}

.title-decision-button-in-progress {
    background-color: #208ddc;
    color: white;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7;
}

.title-decision-button-disabled {
    background-color: #f1f0f0;
    border-color: #7f7f7f;
    color: #7f7f7f;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7;
}

.loan-details {
    margin: 0;
    width: 100px;
    float: right;
    padding-left: 3px;
    padding-right: 3px;
}
.title-results {
    margin-bottom: 15px;
}
.title-results-section {
    margin-top: 5px;
    padding: 10px 0 5px 0;
    padding-bottom: 5px;
}

    .title-results-section > .title {
        font-weight: bold;
        padding-right: 8px;
    }

    title-results-section > .content {
        padding-left: 5px;
    }

.title-results-subsection {
    padding: 10px 0px;
    border: 1px solid #e3e3e3;
    background-color: #f8f8f8;
    border-radius: 3px;
    line-height: normal;
}
    .title-results-subsection > .title {
        padding-left: 10px;
    }

    .title-results-subsection > .content {
        color: red;
        margin-left: 7%;
        font-weight: bold;
    }
    .title-results-subsection .title-info {
        border-left: 1px solid #e3e3e3;
        padding-left: 10px;
    }
.title-results-subsection .exos {
    padding: 10px 0;
    width: 45%;
    clear: left;
    margin-bottom: 15px;
}
.required-fields-modal-content {
    overflow-y: auto;
    overflow-x: unset;
    display: inline-grid;
    max-height: 465px;
}
    .required-fields-modal-content .city .zip-tooltip {
        background-color: white;
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
        border-radius: 4px;
        box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.3);
        margin-top: 132px;
        position: fixed;
    }
.required-fields-modal-header-title {
    padding-top: 10px;
    padding-bottom: 15px;
}
.required-fields-subsection-title{
    font-weight: bold;
}
.required-fields {
    height: 0;
    width: 450px;
}
.required-fields-phone {
    width: 58.3339%;
}
.required-fields-modal-button {
    margin-top: 40px;
}
.zip-data-modal-width {
    width: 400px;
    margin-left: -400px;
    position: fixed;
}
.title-results-clearance {
    color: #EF1126;
    font-weight: bold;
}
.title-results-cleared {
    color: #1FB25A;
    font-weight: bold;
}
.title-results .circle-question-icon {
    color: #208DDC;
}
.title-results  table {
    clear: left;
    width: 100%;
}
    .title-results table tbody {
        border: 1px solid #e3e3e3;
    }
    .title-results  table .cell-title{
        color: #9D9D9D;
    }
    .title-results  table .cell-value {
        display: block;
    }

    .title-results table .cell-value:after {
        content: '.';
        visibility: hidden
    }
    .title-results table .days-to-clear {
        padding: 15px;
        padding-right: 0;
    }
    .title-results table .est-value {
        border-left: 1px solid #e3e3e3;
        padding: 10px;
        padding-right: 0;
    }
/*#endregion titleResults*/

/*#region title Results modal*/
    .check-title-error-modal {
        display: table !important;
        top: 50%;
        left: 50%;
        width: 430px;
        height: 260px;
        z-index: 3100;
        transform: translate(-50%, -50%);
    }

    .check-title-error-modal .modal-dialog {
        display: table-cell;
    }

    .check-title-error-modal .modal-content {
        padding: 20px;
    }

    .check-title-error-modal .modal-dialog,
    .check-title-error-modal .modal-content,
    .check-title-error-modal-content {
        vertical-align: middle;
        height: 100%;
    }

.check-title-error-modal-content {
    display: flex;
    flex-flow: column;
    justify-content: space-between
}

    .check-title-error-modal-content .check-title-header-content-container {
        display: flex;
        flex-flow: column;
    }

        .check-title-error-modal-content .check-title-header-content-container .check-title-header-container {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid lightgray;
            padding-bottom: 5px;
        }

            .check-title-error-modal-content .check-title-header-content-container .check-title-header-container .header {
                text-align: left;
                font-size: 16px;
                font-weight: bold;
            }

        .check-title-error-modal-content .check-title-header-content-container .check-title-message-container {
            margin-top: 12px;
        }

.check-title-error-modal-container .check-title-message-container {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
}
 /*#endregion title Results modal*/

/*#region Account management settings */
.account-settings-section {
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px;
}
.account-settings-client-id {
    width: 30%;
    font-size: 13px;
    font-weight: bold;
}
.account-settings-user-id {
    width: 70%;
    font-size: 13px;
    font-weight: bold;
}
.client-settings-section {
    margin-left: 40px;
    margin-top: 10px;
}
    .client-settings-section > .div-setting {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 5px 0px;
    }
    .client-settings-section .setting-name {
        width: 15%;
        line-height: 2;
    }
    .client-settings-section .setting-input {
        width: 100%;
        box-sizing: border-box;
        height: 24px;
    }
    .client-settings-section .setting-desc {
        width: 54%;
        line-height: 2;
    }
.client-setting-error-msg {
    color: red;
    font-style: italic;
}
.password-settings-section {
    border-bottom: 1px solid #ccc;
    margin: 15px 0px;
}
.client-settings-create-btn {
    width: 143px;
    margin-left: 0px;
}
.client-settings-update-section {
    margin-top: 15px;
    display: flex;
}
.client-settings-update-btn {
    width: 143px;
}
.client-settings-update-pass-btn {
    width: 143px;
    margin-left: 0px;
}
.client-settings-update-pass-desc {
    width: 54%;
    line-height: 1;
    margin-left: 16px;
    margin-top: 4px;
}
/*#endregion Account management settings */

/*#region titleCheck confirmation modal*/
.title-check-modal-buttons {
    float: right;
    margin-left: 55px;
}

.title-check-create-profile-modal-buttons {
    display: flex;
    width: 100%;
    justify-content: end;
}

.disclosures-requested-modal-buttons .confirmation-modal-closeButton {
    margin-right: 10px;
}

.title-check-modal-proceed-button {
    margin-left: 0px;
    margin-right: 60px;
}
/*#endregion titleCheck confirmation modal*/

/*credit warning modal*/
.credit-warning-modal {
    display: table !important;
    top: 50%;
    left: 50%;
    width: 455px;
    height: 150px;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

    .credit-warning-modal .modal-dialog {
        display: flex;
    }

    .credit-warning-modal .modal-content {
        padding: 20px;
    }

    .credit-warning-modal .modal-dialog,
    .credit-warning-modal .modal-content {
        vertical-align: middle;
        height: 85%;
        width: 100%;
    }

.credit-warning-modal-content {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}

    .credit-warning-modal-content .credit-warning-modal-content-container {
        display: flex;
        flex-flow: column;
    }

        .credit-warning-modal-content .credit-warning-modal-content-container .header-container {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid lightgray;
            padding-bottom: 5px;
        }

            .credit-warning-modal-content .credit-warning-modal-content-container .header-container .credit-warning-icon {
                font-size: 25px;
            }

            .credit-warning-modal-content .credit-warning-modal-content-container .header-container .title {
                width: 85%;
                font-size: 16px;
                font-weight: bold;
            }

        .credit-warning-modal-content .credit-warning-modal-content-container .message {
            margin-top: 15px;
            font-size: 14px;
        }

    .credit-warning-modal-content .button-container {
        text-align: right;
    }

/*#region System update to locking & adjustments modal*/
.locking-status-update-modal .modal-dialog {
    margin-top: 355px;
}

    .locking-status-update-modal .modal-dialog .modal-content {
        margin: auto;
        width: 410px;
    }

        .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-header {
            display: flex;
            justify-content: space-between;
            color: #000000;
            font-size: 15px;
            font-weight: bold;
        }

            .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-header div {
                display: inline-block;
            }

        .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-body {
            font-size: 12px;
            color: #000000;
            padding: 0px;
            margin-bottom: 40px;
        }

        .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-footer {
            display: flex;
            justify-content: space-between;
        }

            .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-footer .ok-button {
                background-color: #ededed !important;
                width: 80px;
                font-size: 12px !important;
                color: #000000 !important;
                margin: 0px;
            }

            .locking-status-update-modal .modal-dialog .modal-content .modal-body .locking-status-update-footer .view-changes-button {
                width: 124px;
                font-size: 12px !important;
                background-color: #208ddc !important;
            }

        .locking-status-update-modal .modal-dialog .modal-content .modal-body hr {
            margin-top: 10px;
            margin-bottom: 10px;
            border-color: #bcbebe;
        }

/*#endregion System update to locking & adjustments modal*/

/*#region Locking COC modal*/
.locking-coc-modal .modal-dialog {
    margin-top: 355px;
}

    .locking-coc-modal .modal-dialog .modal-content {
        margin: auto;
        width: 410px;
    }

        .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-header {
            display: flex;
            justify-content: space-between;
            color: #000000;
            font-size: 15px;
            font-weight: bold;
        }

            .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-header div {
                display: inline-block;
            }

            .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-header .warning-icon {
                position: absolute;
                display: block;
                font-size: 24px;
            }

            .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-header .title {
                margin-left: 3rem;
                margin-top: 0.3rem;
            }

        .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-body {
            font-size: 12px;
            color: #000000;
            padding: 0px;
            margin-bottom: 40px;
        }

        .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-footer {
            display: flex;
            justify-content: space-between;
        }

            .locking-coc-modal .modal-dialog .modal-content .modal-body .locking-coc-footer .cancel-button {
                width: 120px;
                margin-left: 3.5rem;
            }

        .locking-coc-modal .modal-dialog .modal-content .modal-body hr {
            margin-top: 10px;
            margin-bottom: 10px;
            border-color: #bcbebe;
        }

/*#endregion Locking Coc modal*/

/*#region FNM Import TPO Assignments Modal*/

.tpo-assignments {
    width: 360px;
    float: left;
    padding: 10px 20px 20px 20px;
}

.tpo-assignments-modal {
    width: 400px;
    overflow: auto;
    display: table !important;
    -webkit-transform: none;
    margin-left: -202px;
    margin-top: -106px;
}

    .tpo-assignments-modal .modal-dialog {
        margin: 0px;
        height: 100%;
        width: 100%;
        overflow: auto;
    }

        .tpo-assignments-modal .modal-dialog .modal-content {
            height: 100%;
            width: 100%;
            border: none;
            overflow: auto;
        }

.tpo-assignments-tooltip {
    background-image: url('images/question-mark.png');
    height: 18px;
    width: 18px;
    float: right;
    cursor: pointer;
    margin-right: 0px;
    top: 135px;
}

.tpo-assignments-main-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
    .tpo-assignments .header {
    border-bottom: 1px solid #bdbebe;
    font-size: 17px;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    height: 35px;
    color: #000000;
    margin-bottom: 10px;
}

.tpo-assignments .header .title {
    float: left;
    padding-top: 15px;
    width: inherit;
}

.tpo-assignments .header .actions {
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
    margin-right: 0px;
    margin-top: -1%;
    vertical-align: middle;
    display: table-cell;
    padding-top: 5px;
    min-width: 17px;
}

.tpo-assignments .header .actions.close {
    padding-top: 15px;
}

.tpo-assignments .body {
    min-height: 115px;
    float: left;
    width: 100%;
}

.tpo-assignments .body .item {
    margin-top: 8px;
    margin-bottom: 8px;
    float: left;
    width: 100%;
    min-height: 18px;
}

.tpo-assignments .body .item .text {
    float: left;
    text-align: left;
    font-size: 12px;
    color: #000000;
}

.tpo-assignments .body .item.gray {
    color: #767676;
}

.tpo-assignments .body .item .text.left-label {
    color: #9D9D9D;
    width: 135px;
    display: flex;
}

.tpo-assignments .body .item .right-input {
    width: 200px;
    float: right;
}

.tpo-assignments .body .item .right-text {
    width: 200px;
    float: right;
    color: #9D9D9D;
}

.tpo-assignments .body .item .gray {
    color: #767676;
}

.tpo-assignments .body .item.bottom-line {
    border-bottom: 1px solid #bdbebe;
    min-height: unset;
}

.tpo-assignments .body .item .info-link .info-icon {
    float: left;
}

.tpo-assignments .body .item .info-link span {
    padding-left: 3px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 1px;
    line-height: 20px;
}

.tpo-assignments .buttons .imp-button-hm-wl-prim,
.tpo-assignments .buttons .imp-button-hm-wl-sec {
    margin-top: 15px;
    height: 24px; 
    padding: 0px 25px 0px 25px; 
    font-size: 13px;
}

.tpo-assignments .buttons .imp-button-hm-wl-prim {
    float: right;
}

.tpo-assignments .buttons .imp-button-hm-wl-sec {
    float: left;
    margin-left: 0;
}

.tpo-assignments .close-button-x {
    margin: -10px -10px
}

/*#endregion FNM Import TPO Assignments Modal*/

/*#region TPO Assignments Modal (from Mega Menu)*/

.tpo-assignments-ddl {
    width: 200px;
    height: 24px;
    margin-left: 0px;
}

.tpo-assignments-main-modal {
    height: 540px;    
    width: 840px;
}

.tpo-assignments-main-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}

.tpo-assignments-main-modal .modal-content {
    height: 95%;
    width: 100%;
    border: none;
    overflow: auto;
}

.tpo-assignments-main-modal-content {
    padding: 20px;
}

.tpo-assignments-main-modal-content .header {
    border-bottom: 1px solid #BDBEBE;
    width: 100%;
    padding-bottom: 10px;
}

.tpo-assignments-main-modal-content .header .title {
    text-align: left;
    font: normal normal bold 17px/20px Arial;
    letter-spacing: 0px;
    color: #000000;
    width: inherit;
}

.tpo-assignments-main-modal-content .header .actions {
    text-align: right;
    float: right;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    min-width: 17px;
}

.tpo-assignments-main-modal-content .header .actions.close {
    padding-top: 15px;
}

.tpo-assignments-main-modal-content .close-button-x {
    margin: -10px -10px
}

.tpo-assignments-main-modal-content .body {
    border-bottom: 1px solid #BDBEBE;
    float: left;
    width: 100%;
    padding-bottom: 15px;
}

.tpo-assignments-main-modal-content .body .col.left {
    float: left;
    width: 385px;
}

.tpo-assignments-main-modal-content .body .col.right {
    float: right;
    width: 385px;
}

.tpo-assignments-main-modal-content .body .col .item {
    margin-top: 11px;
    float: left;
    width: 100%;
}

.tpo-assignments-main-modal-content .body .col .item:first-child {
    margin-top: 0;
}

.tpo-assignments-main-modal-content .body .col .item .text {
    width: 140px;
    float: left;
    text-align: left;
    color: #767676;
    padding-top: 5px;
}

.tpo-assignments-main-modal-content .body .col .item .text.subtitle {
    text-align: left;
    font: normal normal bold 14px/24px Arial;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.tpo-assignments-main-modal-content .body .col .item .text .imp-icon-asterisk {
    display: inline-block;
    height: 15px;
}

.tpo-assignments-main-modal-content .body .col .item .field input {
    width: 190px;
    text-align: left;
}

.tpo-assignments-main-modal-content .buttons {
    float: left;
    margin-top: 20px;
    text-align: right;
    width: 785px;
    padding-bottom: 25px;
}

.tpo-assignments-main-modal-content .text {
    float: left;
    text-align: left;
    color: #767676;
    padding-top: 5px;
    width: 140px;
}
/*#endregion TPO Assignments Modal (from Mega Menu)*/

/*#region Student loan liability*/
.liabilities-icons-section {
    display: flex;
}

    .liabilities-icons-section > div {
        width: 33%;
    }

.x-percent-field {
    margin-left: -26px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.student-calc-main {
    text-align: center;
}

.student-calc-content {
    margin-top: 20px;
    width: 80%
}

    .student-calc-content .text {
        text-align: left;
    }

    .student-calc-content .input-field {
        width: 45%;
    }
/*#endregion Student loan liability*/


/*#Loan Status Info Popup*/
.loan-status-info {
    width: 420px;
    text-align: left;
    padding-top: 0.9rem;
}

.loan-status-info ul {
    padding-left: 2.5rem;
}

/*#Loan Status Info Popup*/

/*#region CS Default Credit provider - Credential manager*/
.cs-default-setting {
    margin-top: 5px;
}
    .cs-default-setting > span {
        position: relative;
        top: -2px;
    }
/*#endregion CS Default Credit provider - Credential manager*/

/*#region Merge/Replace credit modal*/
.merge-credit-modal {
    display: table !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px !important;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

.merge-credit-modal .modal-dialog,
.merge-credit-modal .modal-content,
.merge-credit-modal-content {
    vertical-align: middle;
    width: 320px;
}

.merge-credit-modal .modal-content {
    padding: 20px;
}

.merge-credit-modal-content .merge-credit-header-content-container {
    display: flex;
    flex-flow: column;
    margin-bottom: 15px;
}

    .merge-credit-modal-content .merge-credit-header-content-container .merge-credit-header-container {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid lightgray;
        padding-bottom: 5px;
    }

        .merge-credit-modal-content .merge-credit-header-content-container .merge-credit-header-container .warning-icon {
            margin-top: -2px;
            margin-right: 5px;
        }

        .merge-credit-modal-content .merge-credit-header-content-container .merge-credit-header-container .header {
            text-align: left;
            font-size: 16px;
            font-weight: bold;
            display: flex;
        }

.merge-credit-modal-main-content {
    padding-bottom: 15px;
}
    .merge-credit-modal-main-content .message-text {
        font-weight: bold;
        padding: 15px 0px;
        font-size: 13px;
    }

    .merge-credit-modal-main-content .radio-buttons {
        padding-bottom: 5px;
    }

    .merge-credit-modal-main-content radio-buttons > input {
        z-index: unset;
    }

.merge-credit-modal-content .button-container {
    padding-bottom: 10px 35px;
    text-align: right;
    padding-top: 10px;
    height: 40px;
}
/*#endregion Merge/Replace credit modal*/

.lo-branch-modal {
    width: 375px;
    padding: 0px 15px 15px 15px;
}

.lo-branch-modal .imp-span-ddl-container {
    float: right;
}

.lo-branch-modal .imp-span-ddl-container .imp-ddl {
    width: 375px;
}

.lo-branch-modal .buttons .action-buttons {
    height: 24px;
    padding: 0px 25px 0px 25px;
    font-size: 13px;
}

.lo-branch-modal .loading-message {
    height: 20px;
    text-align: center;
    padding: 25px;
}

.lo-branch-modal .warning {
    color:red;
}

/*#region Document Admin*/
.document-admin-title {
    margin-top: 40px;
    margin-bottom: 10px;
}
.document-type-content {
    width: 100%;
}
    .document-type-content .document-type-label {
        width: 15%;
    }
    .document-type-content .document-type-field {
        width: 30%;
    }
    .document-type-content .document-type-add-button {
        margin-left: 10px;
        margin-top: 2px;
    }
    .document-type-content .error-message {
        font-style: italic;
        font-size: 13px;
        color: red;
    }
.document-hidden-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
    .document-hidden-section .title {
        font-weight: bold;
        font-size: 15px;
    }
    .document-hidden-section .column-title {
        margin-top: 10px;
    }
    .document-hidden-section .column-number {
        width: 1.2%;
    }
    .document-hidden-section .description-label {
        margin-top: 10px;
        padding-left: 1px;
    }
    .document-hidden-section .doc-class-label {
        margin-top: 10px;
    }
    .document-hidden-section .remove-icon {
        cursor: pointer;
        margin-top: 15px;
        width: 2%;
    }
.document-admin-buttons-section {
    margin-top: 70px;
    margin-bottom: 50px;
}
    .document-admin-buttons-section .cancel-button {
        font-size: 12px;
    }
/*#endregion Document Admin*/
/*#region Credit Auth Error Date */
.authorization-item .authorization-fields-section {
    width: 275px;
    margin-bottom: 10px;
}

.authorization-item .authorization-date {
    margin-bottom: 20px;
}

    .authorization-item .authorization-date .date-picker {
        width: 30%;
        float: left;
    }

.credit-auth-date-error {
    margin-top: 3px;
    line-height: 1;
    width: 280px;
    text-align: left;
    font-style: italic;
}
/*#endregion Credit Auth Error Date */


/*#region Concession Modal*/

.add-concession-button .tooltip.bottom {
    margin-top: 20px;
}

.required-star {
    color: #f00;
    align-self: center;
    margin-left: 4px;
}

.button-red, .button-red:hover {
    background-color: #FF0018 !important;
}

.button-red:disabled {
    background-color: #BE9296 !important;
}

.button-green, .button-green:hover {
    background-color: #009D00 !important;
}

.button-green:disabled {
    background-color: #8DB78D !important;
}

.adjustment-status {
    float: right;
}

.adjustment-status .imp-icon-concession-pending-status {
    transform: scale(0.3);
    margin: -20px;
    padding-right: 10px;
}


.adjustment-description {
    color: #208DDC;
}

.adjustment-paid-by {
    color: black;
}

.adjustment-status-Requested {
    color: #A29603;
}

.adjustment-status .adjustment-status-Requested{
    float:right;
}

.adjustment-status-bold {
    font-weight: bold;
}

.adjustment-status-Approved {
    color: green;
}

.adjustment-status-Denied, .adjustment-status-Removed {
    color: red;
}

.adjustment-status-Submitted {
    color: darkgray;
}

.adjustment-status-Submitting {
    color: #046AB4;
}

.concession-message-status {
    font-size: 50px;
    float: left;
    margin-top: 20px;
}

.concession-status-submitted {
    float:left;
    width:50px;
    height:50px;
    margin-top: 20px;
}

.concession-vendor-message {
    float: left;
    width: 80%;
    margin-left: 15px;
}

.concession-status-icon {
    float:left;
    width:10%;
}

.concession-message-status .imp-icon-concession-pending-status {
    transform: scale(1.3);
}

.concession-modal-content .consession-approver-reassign-message {
    color: #767676;
    position: absolute;
    bottom: 10px;
    font-size: larger;
    font-style: italic;
}

.comment-length {
    float: right;
    color: gray;
    font-style: italic;
    font-size: 10px;
}

.float-left {
    float: left;
}

.overflow-message {
    overflow: auto;
    max-height: 125px;
}

.col-arrows {
    float: right;
    margin-top: -36px;
    margin-right: -20px;
}

.concession-ddl {
    width: 133px;
    height: 24px;
    margin-left: 0px;
}

.concession-ddl-full {
    width: 542px;
    height: 24px;
    margin-left: 0px;
}

.concession-modal {
    height: 450px;
    width: 790px;
    margin-left: 10%;
}

.concession-left-section {
    float: left;
    margin-top: 34px;
}

.concession-right-section {
    float: right;
    margin-top: 40px;
}

.concession-option {
    color: #999;
}

.concession-modal .modal-dialog {
    margin: 0px;
    height: 100%;
    width: 100%;
}

    .concession-modal .modal-dialog .modal-content {
        height: 100%;
        width: 100%;
        border: none;
    }

.concession-modal-content {
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
    .concession-modal-content .header .concession-header {
        float:left;
        width: 96%;
    }

    .concession-modal-content .header {
        border-bottom: 1px solid #bdbebe;
        width: 730px;
        float: left;
        padding-bottom: 5px;
    }

        .concession-modal-content .header .imp-div-close-x {
            display: inline-block;
            float: right;
        }

        .concession-modal-content .header .concession-header .title {
            font-size: 14px;
            font-weight: bold;
            text-align: left;
            float: left;
            width: 480px;
        }

    .concession-modal-content .body {
        border-bottom: 1px solid #bdbebe;
        float: left;
        height:345px;
        width: 730px;
        padding-bottom: 15px;
        position: relative;
    }
        .concession-modal-content .body .col-370 {
            width: 370px;
        }

        .concession-modal-content .body .col-320 {
            width: 320px;
        }

        .concession-modal-content .body .col-360 {
            width: 360px;
        }

        .concession-modal-content .body .col-320 {
            width: 320px;
        }

        .concession-modal-content .body .col-full {
            width: 700px;
            float: left;
            padding-top: 10px;
        }

                .concession-modal-content .body .col .item, 
                .concession-modal-content .body .col-full item {
                    margin-top: 8px;
                    float: left;
                    width: 100%;
                }

                .concession-modal-content .body .col .item .text,
                .concession-modal-content .body .col-full .text {
                    width: 155px;
                    float: left;
                    text-align: left;
                    color: #7f7f7f;
                    padding-top: 5px;
                }

                    .concession-modal-content .body .col .item .invalid-message {
                        margin-left: 155px;
                        color: red;
                        font-size: 11px;
                    }
                    .concession-modal-content .body .col .item .field input[type="text"],
                    .concession-modal-content .body .col-full .item .field input[type="text"] {
                        width: 175px;
                    }
                    
                .concession-modal-content .body .col-full .item .field textarea {
                    width: 530px;
                }

            .concession-modal-content .body .col .item .field .shared-field input[type="text"],
            .concession-modal-content .body .col-full .field .shared-field input[type="text"] {
                width: 49px;
                float: left;
            }

            .concession-modal-content .body .col-360 .item .field .shared-field input[type="number"],
            .concession-modal-content .body .col-full .field .shared-field input[type="number"] {
                width: 49px;
                float: left;
                -moz-appearance: textfield;
            }

        .concession-modal-content .body .col .item .field .shared-field input::-webkit-outer-spin-button,
        .concession-modal-content .body .col .item .field .shared-field input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

            .concession-modal-content .body .col .item .field .shared-field .imp-lbl-radio {
                line-height: 20px;
                margin-top: 3px;
                padding-right: 1px;
                margin-left: 3px;
            }

            .concession-modal-content .body .col .item .field .span-or,
            .concession-modal-content .body .col-full .item .field .span-or {
                float: left;
                padding-left: 4px;
                text-align: center;
                padding-right: 5px;
            }
            
        .concession-modal-content .buttons {
            float: left;
            margin-top: 10px;
            text-align: right;
            width: 730px;
        }

    .concession-modal-content .manager-comment-container {
        background-color: #D3E7FF;
        width: 92%;
        border-radius: 3px;
        padding: 5px;
        margin-top: 10px;
        word-wrap: break-word;
    }

    .concession-modal-content .comment-container {
        background-color: #EEEEEE;
        width: 87%;
        border-radius: 3px;
        padding: 5px;
        margin-top: 10px;
        word-wrap: break-word;
    }

/*#endregion Concession Modal*/
.purchase-date .imp-error-label {
    position: absolute;
    z-index: 999999;
    width: 145px;
    top: 20px;
}
/*#endregion Credit Auth Error Date */

.purchase-date .imp-error-label {
    position: absolute;
    z-index: 999999;
    width: 175px;
    top: 20px;
}

/*#region System update to locking & adjustments tooltip*/
.imp-tooltip .locking-status-update-header {
    display: flex;
    justify-content: space-between;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.imp-tooltip .locking-status-update-header div {
    display: inline-block;
}

.imp-tooltip .locking-status-update-body {
    font-size: 12px;
    color: #000000;
    padding: 0px;
    margin-bottom: 20px;
}

.imp-tooltip hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #bcbebe;
}

/*#endregion System update to locking & adjustments tooltip*/


.bulk-updates .main-container::after {
    content: "";
    position: absolute;
    left: calc(-1 * (100vw - 1100px) / 2);
    top: 45px;
    height: 1px;
    width: 100vw;
    border-top: 1px solid #CCCCCC;
}

/*==================================================
 * Bulk Updates Export
 * ===============================================*/


.bulk-updates-export-container {
    min-height: 500px;
    width: 100%;
    margin-bottom: 20px;
}
    .bulk-updates-export-container .export-history-header {
        font-size: 14px;
        font-weight: bold;
    }

    .bulk-updates-export-container .imp-bulk-updates-search-section {
        margin-top: 10px;
        display: flex;
    }

        .bulk-updates-export-container .imp-bulk-updates-search-section .col {
            width: 130px;
            height: 50px;
            margin-right: 1%;
        }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col.export {
                margin-left: auto;
                margin-right: 0;
            }

                .bulk-updates-export-container .imp-bulk-updates-search-section .col.export .imp-span-container {
                    margin-top: -8px;
                    text-align: center;
                }

                    .bulk-updates-export-container .imp-bulk-updates-search-section .col.export .imp-span-container a {
                        color: #208DDC;
                    }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-input input {
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                height: 24px;
                padding-right: 18px;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-success-description {
                color: #1DA955;
                font-size: 10px;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-fail-description {
                color: #ef1126;
                font-size: 10px;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-in-progress-description {
                color: #9D9D9D;
                font-size: 10px;
                position: absolute;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-button-container {
                text-align: right;
                margin-right: -5px;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-input .glyphicon-search {
                float: right;
                margin-top: -20px;
                margin-right: 5px;
                color: #9D9D9D;
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-input .imp-icon-green-checkmark {
                margin-top: 3px;
                position: absolute;
                margin-left: -21px;
                transform: scale(0.8);
            }

            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-input .search-failed {
                background: #9D9D9D;
                color: white;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                text-align: center;
                line-height: 1.1;
                position: absolute;
                margin-top: -18px;
                position: relative;
                float: right;
                margin-right: 3px;
                font-size: 10px;
                cursor: pointer;
            }


            .bulk-updates-export-container .imp-bulk-updates-search-section .col .textbox-search .textbox-search-input img {
                height: 15px;
                width: 15px;
                margin-top: -20px;
                position: relative;
                float: right;
                margin-right: 3px;
            }


    .bulk-updates-export-container .imp-bulk-updates-export-grid-container {
        border-top: 1px solid #777777;
    }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container .export-table-filter-values {
            max-width: 200px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container .export-table-filter-values ul {
            margin-left: -20px;
            font-size: 12px;
        }

            .bulk-updates-export-container .imp-bulk-updates-export-grid-container .export-table-filter-values ul li {
                line-height: 14px
            }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container .export-file-name-column a {
            word-break: break-word;
            color: #1C7CC2;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container .export-username-column span {
            word-break: break-word;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container .imp-bulk-updates-export-grid-pagination {
            margin-top: 0px;
            text-align: center;
        }

            .bulk-updates-export-container .imp-bulk-updates-export-grid-container .imp-bulk-updates-export-grid-pagination .pagination {
                margin-bottom: 0px;
            }

                .bulk-updates-export-container .imp-bulk-updates-export-grid-container .imp-bulk-updates-export-grid-pagination .pagination .disabled a {
                    cursor: default;
                }

    .bulk-updates-export-container .imp-bulk-updates-search-field .imp-psection-label {
        color: #333333;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .bulk-updates-export-container .imp-bulk-updates-export-grid-container table {
        min-height: 560px;
        margin-bottom: 0;
    }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table thead th {
            color: #333333;
            font-size: 14px;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table tbody td {
            font-size: 14px;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table .export-filter-type {
            color: #767676;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table .export-filter-value {
            color: #333333;
            display: inline-block;
            width: 80%;
            height: 11px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table .imp-simple-tooltip .export-filter-tooltip-text {
            padding: 5px;
            font-weight: normal;
            word-wrap: break-word;
            white-space: normal;
        }

        .bulk-updates-export-container .imp-bulk-updates-export-grid-container table .bulk-updates-export-table-no-record-found {
            text-align: center;
        }

.bulk-updates-export-blank-temnplate {
    text-align: right;
    width: 350px;
    margin-left: auto;
    margin-right: 0;
}

    .bulk-updates-export-blank-temnplate div:first-child {
        width: 200px;
    }

    .bulk-updates-export-blank-temnplate button {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        height: 24px !important;
    }

.bulk-updates-export-container .search-box-success {
    border: 1px solid #009A29;
}


.bulk-updates-export-container .imp-bulk-updates-search-field .imp-select-box-container input:disabled + label {
    color: #767676;
    opacity: 0.7
}

/*==================================================
 * ===============================================*/

/*==================================================
 * Bulk Updates Import
 * ===============================================*/

.bulk-updates-import-container {
    min-height: 500px;
    width: 100%;
    margin-bottom: 20px;
}

    .bulk-updates-import-container .import-history-header {
        font-size: 14px;
        font-weight: bold;
        margin-top: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .bulk-updates-import-container .imp-bulk-updates-import-grid-container {
        border-top: 1px solid #777777;
    }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container .import-file-name-column a {
            word-break: break-word;
            color: #1C7CC2;
        }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container .import-username-column span {
            word-break: break-word;
        }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container .imp-bulk-updates-import-grid-pagination {
            margin-top: 0px;
            text-align: center;
        }

            .bulk-updates-import-container .imp-bulk-updates-import-grid-container .imp-bulk-updates-import-grid-pagination .pagination .disabled a {
                cursor: default;
            }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container table thead th {
            color: #333333;
            font-size: 14px;
        }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container table tbody td {
            font-size: 14px;
        }

        .bulk-updates-import-container .imp-bulk-updates-import-grid-container table .bulk-updates-import-table-no-record-found {
            text-align: center;
        }


.bulk-updates-import-table {
    width: 100%;
    color: #767676;
    font-size: 12px;
}

    .bulk-updates-import-table tr:first-child td {
        width: 50%;
        vertical-align: middle;
    }

    .bulk-updates-import-table .bulk-updates-import-second-field {
        padding-right: 0px;
    }

    .bulk-updates-import-table .bulk-updates-import-required-field {
        color: #FF0000;
    }

    .bulk-updates-import-table .bulk-updates-import-modal-description {
        padding: 0;
        padding-left: 8px;
    }

        .bulk-updates-import-table .bulk-updates-import-modal-description textarea {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            resize: none;
        }

    .bulk-updates-import-table.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border-top: none;
    }


.bulk-updates-import-modal {
    padding: 15px;
    padding-top: 10px;
}

    .bulk-updates-import-modal .header {
        height: 20px;
    }

        .bulk-updates-import-modal .header .title {
            font-size: 15px;
            padding: 0;
        }

    .bulk-updates-import-modal .uploading-files-container {
        border: 1px solid #CDEBFA;
        background-color: rgba(205, 235, 250, 0.5);
        border-radius: 5px;
        width: 100%;
        min-height: 36px;
        display: flex;
        flex-wrap: nowrap;
        padding: 5px 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bulk-updates-import-modal .uploading-files-container.error {
            border: 1px solid #AA0000;
            background-color: rgba(170,0,0,0.1);
        }

        .bulk-updates-import-modal .uploading-files-container .uploading-files-icon {
            flex-grow: 1;
            align-self: center;
            text-align: center;
        }

            .bulk-updates-import-modal .uploading-files-container .uploading-files-icon i {
                font-size: 24px;
                color: #036491;
            }

        .bulk-updates-import-modal .uploading-files-container.error .uploading-files-icon i {
            font-size: 24px;
            color: #AA0000;
        }

        .bulk-updates-import-modal .uploading-files-container .uploading-files-descriptions {
            flex-grow: 8;
            flex-direction: column;
        }

        .bulk-updates-import-modal .uploading-files-container .uploading-files-filename {
            font-size: 12px;
            color: #036491;
        }

        .bulk-updates-import-modal .uploading-files-container .uploading-files-validation {
            font-size: 10px;
        }

        .bulk-updates-import-modal .uploading-files-container.error .uploading-files-validation {
            color: #AA0000;
        }

        .bulk-updates-import-modal .uploading-files-container .uploading-files-delete {
            flex-grow: 1;
            align-self: center;
            text-align: center;
        }

            .bulk-updates-import-modal .uploading-files-container .uploading-files-delete i {
                cursor: pointer;
            }

.bulk-updates-import-date-issue-modal {
    width: 370px;
    padding: 15px;
}

    .bulk-updates-import-date-issue-modal .header {
        border-bottom: 1px solid #bdbebe;
    }

    .bulk-updates-import-date-issue-modal .title {
        font-size: 15px;
        padding-bottom: 10px
    }

    .bulk-updates-import-date-issue-modal .content {
        padding: 0;
        padding-top: 20px;
    }

        .bulk-updates-import-date-issue-modal .content .item .text {
            padding-bottom: 30px;
        }

    .bulk-updates-import-date-issue-modal .buttons {
        padding-top: 15px;
        display: flex;
        justify-content: space-between;
    }

        .bulk-updates-import-date-issue-modal .buttons button {
            height: 30px;
            font-size: 13px;
            width: 80px;
        }

    .bulk-updates-import-date-issue-modal .content .bulk-updates-import-date-issue-radio-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 10px;
    }

/*==================================================
 * ===============================================*/


.custom-grid-pagination .pagination li a {
    margin: 3px;
    border-radius: 3px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    font-size: 12px;
}

.custom-grid-pagination .pagination li:not(.disabled):not(.active) a {
    border: 1px solid #1187E2;
    color: #1187E2;
}

.custom-grid-pagination .pagination > .active > a,
.custom-grid-pagination .pagination > .active > span,
.custom-grid-pagination .pagination > .active > a:hover,
.custom-grid-pagination .pagination > .active > span:hover,
.custom-grid-pagination .pagination > .active > a:focus,
.custom-grid-pagination .pagination > .active > span:focus {
    background-color: #1187E2;
    color: #FFFFFF;
}

.custom-grid-pagination .pagination > li > a, .custom-grid-pagination .pagination > li > span {
    padding: 3px 8px;
}


.custom-outline-btn-primary,
.custom-outline-btn-primary:focus,
.custom-outline-btn-primary:visited,
.custom-outline-btn-primary:active,
.custom-outline-btn-primary.disabled,
.custom-outline-btn-primary.disabled:focus,
.custom-outline-btn-primary.disabled:hover,
.custom-outline-btn-primary.disabled:visited,
.custom-outline-btn-primary.disabled:active {
    background-color: #FFFFFF !important;
    color: #208DDC !important;
    border: 1px solid #208DDC !important;
}

    .custom-outline-btn-primary:not(.disabled):hover {
        background-color: #208DDC !important;
        color: #FFFFFF !important;
        border: 1px solid #208DDC !important;
    }

/* #region Bulk Reassignment*/

.bulk-reassignment-button {
    float: right;
    background: #208ddc;
    border-color: #208ddc;
    border-style: solid;
    padding: 0 12px;
    line-height: 1.3;
    border-radius: 3px;
    margin-left: 5px;
}

.bulk-reassignment-button:disabled {
    opacity: 0.5;
}

    .bulk-reassignment-button:disabled .hyperlink {
        cursor: default;
    }

.bulk-reassignment-checkbox:disabled {
    cursor: default !important;
}

.bulk-reassignment-select-all {
    margin-left: 20px !important;
    margin-top: 8px !important;
    float: left;
}

.bulk-rassignment-select-all-label {
    float: left;
    margin-left: 8px;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
}

.confirmation-modal-header.reassignment-success {
    text-align: center;
    padding: 18px 50px 20px 50px;
}

confirmation-modal-message.reassignment-success {
    padding-bottom: 10px;
}

button.reassignment-success {
    margin-left: -160px;
}
    }

/*#region External Credit Information modal*/
.manually-enter-credit-button-disabled {
    background-color: #f1f0f0;
    border-color: #7f7f7f;
    color: #7f7f7f;
    opacity: .7;
}

.manually-entered-credit {
    color: black;
    width: 12%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 20px;
    background: #f2f2f2
}

.run-credit-button .imp-button-hm-wm-hollow:disabled {
    background-color: #f1f0f0 !important;
    border-color: #7f7f7f !important;
    color: #7f7f7f !important;
}

.credit-info-modal {
    display: table !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .credit-info-modal .modal-dialog,
    .credit-info-modal .modal-content,
    .credit-info-modal-content {
        vertical-align: middle;
        width: 380px;
    }

    .credit-info-modal .modal-content {
        padding: 20px;
    }

.credit-info-modal-content .credit-info-header-content-container {
    display: flex;
    flex-flow: column;
    margin-bottom: 15px;
}

    .credit-info-modal-content .credit-info-header-content-container .credit-info-header-container {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid lightgray;
        padding-bottom: 5px;
    }

        .credit-info-modal-content .credit-info-header-content-container .credit-info-header-container .header {
            text-align: left;
            font-size: 16px;
            font-weight: bold;
            display: flex;
        }

.credit-info-modal-main-content {
    padding-bottom: 15px;
}

    .credit-info-modal-main-content .section {
        margin-top: 15px;
    }

    .credit-info-modal-main-content .section-title {
        font-weight: bold;
        color: #000000;
        font-size: 12px;
    }

    .credit-info-modal-main-content .invalid-message {
        color: red;
    }

    .credit-info-modal-main-content .credit-row {
        margin-top: 0px;
    }

    .credit-info-modal-main-content .section .credit-scores-section {
        display: flex;
        min-height: 32px;
        text-align: left;
        align-items: center;
        width: inherit;
        margin-bottom: 10px;
    }

    .credit-info-modal-main-content .section .credit-scores-fields {
        display: flex;
        width: inherit;
        margin-bottom: 10px;
    }


.credit-info-modal-content .button-container {
    text-align: right;
}
    .credit-info-modal-content .button-container .imp-button-hm-wl-sec {
        margin-right: 5px;
    }
    .credit-info-modal-content .button-container .imp-button-hm-wl-sec,
    .credit-info-modal-content .button-container .imp-button-hm-wl-prim {
        width: 85px;
    }
/*#region External Credit Information modal*/
/*#region Loan Scenario*/
.loan-scenario-grid-container {
    margin-top: 60px;
}

.loan-scenario-grid {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #DEDEDE;
    border-radius: 7px;
    opacity: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.loan-scenario-grid .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loan-scenario-grid .loan-scenario-row {
    height: 30px;
    width: 99.5%;
    margin: auto;
    padding-top: 7.5px;
    padding-bottom: 2.5px;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    border-left: #FFFFFF solid 6px;
    display: flex;
    justify-content: space-between;
}

.loan-scenario-grid .loan-scenario-row.selected {
    background: #C7FDFF 0% 0% no-repeat padding-box;
    border-left: #208DDC solid 6px;
}

.loan-scenario-grid .loan-scenario-row.first-row {
    color: #9D9D9D;
}

.loan-scenario-grid .loan-scenario-row .imp-icon-pen {
    display: inline-flex;
    transform: scale(0.6);
}

.loan-scenario-grid .loan-scenario-row .scenario-name-container {
    display: inline-flex;
}

.loan-scenario-grid .loan-scenario-row .scenario-name {
    font: normal normal bold 15px/17px Arial;
    width: 180px;
}

.loan-scenario-grid .loan-scenario-row .imp-input.scenario-name {
    width: 175px;
    height: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 4px;
    margin: -4px 0 0 15px;
}

.loan-scenario-grid .loan-scenario-row .col-xl {
    width: 19%;
}

.loan-scenario-grid .loan-scenario-row .col-l {
    width: 15%;
}

.loan-scenario-grid .loan-scenario-row .col-m {
    width: 10%;
}

.loan-scenario-grid .loan-scenario-row .col-s {
    width: 6%;
}

.loan-scenario-grid .loan-scenario-row .col-xl,
.loan-scenario-grid .loan-scenario-row .col-l,
.loan-scenario-grid .loan-scenario-row .col-m,
.loan-scenario-grid .loan-scenario-row .col-s {
    margin: auto;
}

.loan-scenario-grid .loan-scenario-row .btn-view {
    width: 35px;
    margin: -4px 0 0 0;
}

.loan-scenario-grid .loan-scenario-row .retire-icon-container {
    width: 0px;
    position: relative;
    left: 40px;
    cursor: pointer;
}

.loan-information-header {
    height: unset;
    margin-left: -20px;
    margin-top: 10px;
}

.loan-information-header.tall {
    height: 130px;
}

.loan-information-header .btn-container {
    float: none;
    display: inline-flex;
    padding-left: 15px;
    padding-top: 25px;
}

.loan-information-header .btn-container .btn-loan-purpose {
    width: 129px;
    height: 38px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 124px;
    opacity: 1;
    display: inline-flex;
    justify-content: space-evenly;
    margin-right: 10px;
    cursor: pointer;
}

.loan-information-header .btn-container .btn-loan-purpose.selected {
    background: #208DDC 0% 0% no-repeat padding-box;
    border: 1px solid #208DDC;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose.inactive {
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose.selected.inactive {
    background: #797979 0% 0% no-repeat padding-box;
    border: 1px solid #797979;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose .checkbox {
    width: 20px;
    height: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    opacity: 1;
    border-radius: 10px;
    margin: auto;
}

.loan-information-header .btn-container .btn-loan-purpose.selected .checkbox {
    width: 10px;
    height: 10px;
    background: #208DDC 0% 0% no-repeat padding-box;
    border: 5px solid #FFFFFF;
}

.loan-information-header .btn-container .btn-loan-purpose.selected.inactive .checkbox {
    width: 10px;
    height: 10px;
    background: #797979 0% 0% no-repeat padding-box;
    border: 5px solid #FFFFFF;
}

.loan-information-header .btn-container .btn-loan-purpose .label {
    width: 72px;
    height: 17px;
    text-align: left;
    font: normal normal normal 15px/17px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
    padding: 0;
    margin-left: 0;
    margin: auto auto auto 0;
}

.loan-information-header .btn-container .btn-loan-purpose.selected .label {
    font-weight: bold;
    color: #FFFFFF;
}

.loan-scenario-retire-confirmation-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-retire-confirmation-modal .modal-content {
    width: 400px;
    height: 180px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.loan-scenario-borrower-name-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-borrower-name-modal .modal-content {
    width: 400px;
    height: 320px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.select-a-vendor-modal .modal-content {
    width: 400px;
    height: 170px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.select-a-vendor-modal .modal-dialog {
    top: 20%;
    left: 6%;
}

.evox-require-more-info-modal .modal-content {
    width: 400px;
    height: 380px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.evox-require-more-info-modal .modal-dialog {
    top: 20%;
    left: 7%;
}

.credential-input-modal .modal-content {
    width: 400px;
    height: 240px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.credential-input-modal .modal-dialog {
    top: 20%;
    left: 7%;
}

.loan-scenario-convert-confirmation-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-convert-confirmation-modal .modal-content {
    width: 400px;
    height: 230px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.loan-scenario-retire-confirmation-modal .header,
.loan-scenario-borrower-name-modal .header,
.loan-scenario-convert-confirmation-modal .header{
    justify-content: space-between;
    display: flex;
    height: 30px;
    border-bottom: 1px solid #D6D6D6;
}

.loan-scenario-retire-confirmation-modal .header .title,
.loan-scenario-borrower-name-modal .header .title,
.loan-scenario-convert-confirmation-modal .header .title {
    width: 250px;
    height: 17px;
    color: var(--body-font);
    text-align: left;
    font: normal normal bold 15px/17px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
}

.loan-scenario-retire-confirmation-modal .header .close-btn,
.loan-scenario-borrower-name-modal .header .close-btn,
.loan-scenario-convert-confirmation-modal .header .close-btn {
    cursor: pointer;
}

.loan-scenario-retire-confirmation-modal .content {
    height: 80px;
}

.loan-scenario-borrower-name-modal .content {
    height: 225px;
}

.loan-scenario-convert-confirmation-modal .content {
    height: 125px;
}

.loan-scenario-convert-confirmation-modal .content .emphasize {
    display: contents;
    font-weight: bold;
}

.loan-scenario-retire-confirmation-modal .content .row,
.loan-scenario-borrower-name-modal .content .row,
.loan-scenario-convert-confirmation-modal .content .row {
    display: flex;
    flex-wrap: wrap;
    margin: unset;
    min-height: 38px;
}

.loan-scenario-convert-confirmation-modal .content .row {
    padding-top: 15px;
}

.loan-scenario-borrower-name-modal .content .row .input-label {
    display: flex;
    width: 150px;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #A4A4A4;
}

.loan-scenario-borrower-name-modal .content .row .input-label .imp-icon-asterisk {
    margin-top: -7px;
}

.loan-scenario-borrower-name-modal .content .row .input-container {
    flex: 1;
}

.loan-scenario-borrower-name-modal .content .row .input-validation-message {
    text-align: left;
    font: italic normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #EF1126;
    padding: 4px 0 15px 0;
}

.loan-scenario-borrower-name-modal .content input {
    width: 200px;
    height: 21px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #666666;
}

.loan-scenario-convert-confirmation-modal .content input[type='checkbox'] {
    width: 16px;
    height: 15px;
    background: #208DDC 0% 0% no-repeat padding-box;
}

.loan-scenario-convert-confirmation-modal .content label {
    display: inline-block;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    margin-left: 5px;
}

.loan-scenario-retire-confirmation-modal .content .subtitle,
.loan-scenario-borrower-name-modal .content .subtitle {
    width: 100%;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
    padding: 8px 0 20px 0;
}

.loan-scenario-retire-confirmation-modal .footer,
.loan-scenario-borrower-name-modal .footer,
.loan-scenario-convert-confirmation-modal .footer {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.loan-scenario-retire-confirmation-modal .footer .btn-cancel,
.loan-scenario-borrower-name-modal .footer .btn-cancel,
.loan-scenario-convert-confirmation-modal .footer .btn-cancel {
    width: 80px;
    margin: 0;
    padding: 0;
    font: normal normal normal 13px/15px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    cursor: pointer;
}

.loan-scenario-retire-confirmation-modal .footer .btn-save,
.loan-scenario-borrower-name-modal .footer .btn-save,
.loan-scenario-convert-confirmation-modal .footer .btn-save {
    width: 80px;
    margin: 0;
    padding: 0;
    font: normal normal normal 13px/15px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    cursor: pointer;
}
/*#region Loan Scenario*/
/*#region External Credit Information modal*/
/*#region Loan Scenario*/
.loan-scenario-grid-container {
    margin-top: 60px;
}

.loan-scenario-grid {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border: 1px solid #DEDEDE;
    border-radius: 7px;
    opacity: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.loan-scenario-grid .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loan-scenario-grid .loan-scenario-row {
    height: 30px;
    width: 99.5%;
    margin: auto;
    padding-top: 7.5px;
    padding-bottom: 2.5px;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    border-left: #FFFFFF solid 6px;
    display: flex;
    justify-content: space-between;
}

.loan-scenario-grid .loan-scenario-row.selected {
    background: #C7FDFF 0% 0% no-repeat padding-box;
    border-left: #208DDC solid 6px;
}

.loan-scenario-grid .loan-scenario-row.first-row {
    color: #9D9D9D;
}

.loan-scenario-grid .loan-scenario-row .imp-icon-pen {
    display: inline-flex;
    transform: scale(0.6);
}

.loan-scenario-grid .loan-scenario-row .scenario-name-container {
    display: inline-flex;
}

.loan-scenario-grid .loan-scenario-row .scenario-name {
    font: normal normal bold 15px/17px Arial;
    width: 180px;
}

.loan-scenario-grid .loan-scenario-row .imp-input.scenario-name {
    width: 175px;
    height: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 4px;
    margin: -4px 0 0 15px;
}

.loan-scenario-grid .loan-scenario-row .col-xl {
    width: 19%;
}

.loan-scenario-grid .loan-scenario-row .col-l {
    width: 15%;
}

.loan-scenario-grid .loan-scenario-row .col-m {
    width: 10%;
}

.loan-scenario-grid .loan-scenario-row .col-s {
    width: 6%;
}

.loan-scenario-grid .loan-scenario-row .col-xl,
.loan-scenario-grid .loan-scenario-row .col-l,
.loan-scenario-grid .loan-scenario-row .col-m,
.loan-scenario-grid .loan-scenario-row .col-s {
    margin: auto;
}

.loan-scenario-grid .loan-scenario-row .btn-view {
    width: 35px;
    margin: -4px 0 0 0;
}

.loan-scenario-grid .loan-scenario-row .retire-icon-container {
    width: 0px;
    position: relative;
    left: 40px;
    cursor: pointer;
}

.loan-information-header {
    height: unset;
    margin-left: -20px;
    margin-top: 10px;
}

.loan-information-header.tall {
    height: 130px;
}

.loan-information-header .btn-container {
    float: none;
    display: inline-flex;
    padding-left: 15px;
    padding-top: 25px;
}

.loan-information-header .btn-container .btn-loan-purpose {
    width: 129px;
    height: 38px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 124px;
    opacity: 1;
    display: inline-flex;
    justify-content: space-evenly;
    margin-right: 10px;
    cursor: pointer;
}

.loan-information-header .btn-container .btn-loan-purpose.selected {
    background: #208DDC 0% 0% no-repeat padding-box;
    border: 1px solid #208DDC;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose.inactive {
    background: #EFEFEF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose.selected.inactive {
    background: #797979 0% 0% no-repeat padding-box;
    border: 1px solid #797979;
    cursor: default;
}

.loan-information-header .btn-container .btn-loan-purpose .checkbox {
    width: 20px;
    height: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    opacity: 1;
    border-radius: 10px;
    margin: auto;
}

.loan-information-header .btn-container .btn-loan-purpose.selected .checkbox {
    width: 10px;
    height: 10px;
    background: #208DDC 0% 0% no-repeat padding-box;
    border: 5px solid #FFFFFF;
}

.loan-information-header .btn-container .btn-loan-purpose.selected.inactive .checkbox {
    width: 10px;
    height: 10px;
    background: #797979 0% 0% no-repeat padding-box;
    border: 5px solid #FFFFFF;
}

.loan-information-header .btn-container .btn-loan-purpose .label {
    width: 72px;
    height: 17px;
    text-align: left;
    font: normal normal normal 15px/17px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
    padding: 0;
    margin-left: 0;
    margin: auto auto auto 0;
}

.loan-information-header .btn-container .btn-loan-purpose.selected .label {
    font-weight: bold;
    color: #FFFFFF;
}

.loan-scenario-retire-confirmation-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-retire-confirmation-modal .modal-content {
    width: 400px;
    height: 180px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.loan-scenario-borrower-name-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-borrower-name-modal .modal-content {
    width: 400px;
    height: 320px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}
.loan-scenario-convert-confirmation-modal {
    position: fixed;
    left: 10.25%;
    top: 30%;
}

.loan-scenario-convert-confirmation-modal .modal-content {
    width: 400px;
    height: 230px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #25252529;
    border-radius: 3px;
    padding: 0;
}

.loan-scenario-retire-confirmation-modal .header,
.loan-scenario-borrower-name-modal .header,
.loan-scenario-convert-confirmation-modal .header{
    justify-content: space-between;
    display: flex;
    height: 30px;
    border-bottom: 1px solid #D6D6D6;
}

.loan-scenario-retire-confirmation-modal .header .title,
.loan-scenario-borrower-name-modal .header .title,
.loan-scenario-convert-confirmation-modal .header .title {
    width: 250px;
    height: 17px;
    color: var(--body-font);
    text-align: left;
    font: normal normal bold 15px/17px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
}

.loan-scenario-retire-confirmation-modal .header .close-btn,
.loan-scenario-borrower-name-modal .header .close-btn,
.loan-scenario-convert-confirmation-modal .header .close-btn {
    cursor: pointer;
}

.loan-scenario-retire-confirmation-modal .content {
    height: 80px;
}

.loan-scenario-borrower-name-modal .content {
    height: 225px;
}

.loan-scenario-convert-confirmation-modal .content {
    height: 125px;
}

.loan-scenario-convert-confirmation-modal .content .emphasize {
    display: contents;
    font-weight: bold;
}

.loan-scenario-retire-confirmation-modal .content .row,
.loan-scenario-borrower-name-modal .content .row,
.loan-scenario-convert-confirmation-modal .content .row {
    display: flex;
    flex-wrap: wrap;
    margin: unset;
    min-height: 38px;
}

.loan-scenario-convert-confirmation-modal .content .row {
    padding-top: 15px;
}

.loan-scenario-borrower-name-modal .content .row .input-label {
    display: flex;
    width: 150px;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #A4A4A4;
}

.loan-scenario-borrower-name-modal .content .row .input-label .imp-icon-asterisk {
    margin-top: -7px;
}

.loan-scenario-borrower-name-modal .content .row .input-container {
    flex: 1;
}

.loan-scenario-borrower-name-modal .content .row .input-validation-message {
    text-align: left;
    font: italic normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #EF1126;
    padding: 4px 0 15px 0;
}

.loan-scenario-borrower-name-modal .content input {
    width: 200px;
    height: 21px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BDBEBE;
    border-radius: 4px;
    opacity: 1;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #666666;
}

.loan-scenario-convert-confirmation-modal .content input[type='checkbox'] {
    width: 16px;
    height: 15px;
    background: #208DDC 0% 0% no-repeat padding-box;
}

.loan-scenario-convert-confirmation-modal .content label {
    display: inline-block;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    margin-left: 5px;
}

.loan-scenario-retire-confirmation-modal .content .subtitle,
.loan-scenario-borrower-name-modal .content .subtitle {
    width: 100%;
    text-align: left;
    font: normal normal normal 12px/14px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    opacity: 1;
    padding: 8px 0 20px 0;
}

.loan-scenario-retire-confirmation-modal .footer,
.loan-scenario-borrower-name-modal .footer,
.loan-scenario-convert-confirmation-modal .footer {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.loan-scenario-retire-confirmation-modal .footer .btn-cancel,
.loan-scenario-borrower-name-modal .footer .btn-cancel,
.loan-scenario-convert-confirmation-modal .footer .btn-cancel {
    width: 80px;
    margin: 0;
    padding: 0;
    font: normal normal normal 13px/15px Arial;
    letter-spacing: 0px;
    color: #3D3D3D;
    cursor: pointer;
}

.loan-scenario-retire-confirmation-modal .footer .btn-save,
.loan-scenario-borrower-name-modal .footer .btn-save,
.loan-scenario-convert-confirmation-modal .footer .btn-save {
    width: 80px;
    margin: 0;
    padding: 0;
    font: normal normal normal 13px/15px Arial;
    letter-spacing: 0px;
    color: #FFFFFF;
    cursor: pointer;
}
/*#region Loan Scenario*/
/*#region External Credit Information modal*/

/*Estimated Closing Date Invalid modal*/
.estimate-closing-date-modal {
    display: table !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px !important;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

.estimate-closing-date-modal-from-shop-for-rates {
    display: table !important;
    position: absolute;
    top: 75%;
    left: 50%;
    width: 250px !important;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

    .estimate-closing-date-modal .modal-dialog,
    .estimate-closing-date-modal .modal-content,
    .estimate-closing-date-modal-from-shop-for-rates .modal-dialog,
    .estimate-closing-date-modal-from-shop-for-rates .modal-content,
    .estimate-closing-date-modal-content {
        vertical-align: middle;
        width: 500px !important;
        height: 150px !important;
    }

    .estimate-closing-date-modal .modal-content,
    .estimate-closing-date-modal-from-shop-for-rates .modal-content {
        padding: 20px;
        height: inherit;
    }

    .estimate-closing-date-modal-content .estimate-closing-date-header-content-container,
    .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-header-content-container {
        display: flex;
        flex-flow: column;
    }

        .estimate-closing-date-modal-content .estimate-closing-date-header-content-container .estimate-closing-date-header-container,
        .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-header-content-container .estimate-closing-date-header-container {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid lightgray;
            padding-bottom: 5px;
        }

            .estimate-closing-date-modal-content .estimate-closing-date-header-content-container .estimate-closing-date-header-container .header,
            .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-header-content-container .estimate-closing-date-header-container .header {
                text-align: left;
                font-size: 16px;
                font-weight: bold;
            }

    .estimate-closing-date-modal-content .estimate-closing-date-subheader,
    .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-subheader {
        padding-top: 10px;
    }

        .estimate-closing-date-modal-content .estimate-closing-date-subheader .body-text,
        .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-subheader .body-text {
            font-size: 14px;
        }

    .estimate-closing-date-modal-content .estimate-closing-date-body-container .estimate-closing-date-body,
    .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-body-container .estimate-closing-date-body {
        padding-top: 10px;
        padding-bottom: 20px;
    }

        .estimate-closing-date-modal-content .estimate-closing-date-body-container .estimate-closing-date-body .left-column,
        .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-body-container .estimate-closing-date-body .left-column {
            font-size: 14px;
            color: #767676;
            width: 35%;
            float: left;
            padding-top: 5px;
        }

        .estimate-closing-date-modal-content .estimate-closing-date-body-container .estimate-closing-date-body .right-column,
        .estimate-closing-date-modal-from-shop-for-rates .estimate-closing-date-body-container .estimate-closing-date-body .right-column {
            width: 64%;
            float: left;
        }

    .estimate-closing-date-modal-content .button-container,
    .estimate-closing-date-modal-from-shop-for-rates .button-container {
        padding-top: 20px;
    }

        .estimate-closing-date-modal-content .button-container .ok,
        .estimate-closing-date-modal-from-shop-for-rates .button-container .ok {
            width: 150px;
            margin-left: 237px;
        }

        .estimate-closing-date-modal-content .button-container .cancel,
        .estimate-closing-date-modal-from-shop-for-rates .button-container .cancel {
            margin-left: -3px;
        }
/*End Estimated Closing Date Invalid modal*/

.pricing-unsuccess-modal {
    margin: auto;
    width: 30%;
    height: 30%;
    z-index: 3100 !important;
}

    .pricing-unsuccess-modal .modal-content {
        height: 117%;
        width: 100%;
    }

    .pricing-unsuccess-modal .modal-dialog {
        height: 76%;
        width: 95%;
    }

    .pricing-unsuccess-modal .modal-window {
        height: 30%;
    }
/*End Estimated Closing Date Invalid modal*/

.pricing-unsuccess-modal {
    margin: auto;
    width: 30%;
    height: 30%;
    z-index: 3100 !important;
}

.pricing-unsuccess-modal .modal-content {
    height: 117%;
    width: 100%;
}

.pricing-unsuccess-modal .modal-dialog {
    height: 76%;
    width: 95%;
}

.pricing-unsuccess-modal .modal-window {
    height: 30%;
}
/*End Estimated Closing Date Invalid modal*/

/* Broker Compensation modal*/

.broker-compensation-container {
    width: 214px;
    padding: 14px;
}

    .broker-compensation-container .broker-compensation-header {
        font-weight: bold;
        text-align: left;
    }

    .broker-compensation-container .separator {
        height: 4px;
    }

    .broker-compensation-container .pra-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }

        .broker-compensation-container .pra-row .plus-symbol {
            color: #999999;
            font-size: 16px;
            line-height: 21px;
        }

    .broker-compensation-container .form-input input {
        width: 80px;
        height: 15px;
    }

    .broker-compensation-container .form-input-disabled input {
        width: 56px;
        height: 15px;
        color: #767676 !important;
    }

    .broker-compensation-container .pra-row .amount {
        font-weight: bold;
        line-height: 24px;
    }

    .broker-compensation-container .pra-row .description {
        color: #7E7E7E;
        font-size: 11px;
        text-align: left;
    }

    .broker-compensation-container .pra-row .text {
        color: #7E7E7E;
        width: 100%;
        text-align: left;
        line-height: 20px;
    }

    .broker-compensation-container .product-type {
        color: #008820;
        width: 100%;
        text-align: right;
        letter-spacing: -0.5px;
        margin-top: -5px;
    }

    .broker-compensation-container .pra-row .imp-lb-checkbox {
        padding-right: 0 !important;
    }

    .broker-compensation-container .buttons {
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }

        .broker-compensation-container .buttons button {
            padding: 0 !important;
            width: 60px;
            height: 21px !important;
            font-size: 12px !important;
        }
/* End Broker Compensation modal*/

.ng-animate.no-animate {
    display: none !important;
    transition: 0s none;
    -webkit-transition: 0s none;
    animation: 0s none;
    -webkit-animation: 0s none;
}

/*#region Loan Status History*/
.loan-status-history-icon {
    clip-path: inset(2px 3px 2px 0);
    margin-right: 3px;
}

.loan-status-history-modal {
    display: table !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px !important;
    z-index: 3100 !important;
    transform: translate(-50%, -50%);
}

    .loan-status-history-modal .modal-dialog,
    .loan-status-history-modal .modal-content,
    .loan-status-history-modal-content {
        vertical-align: middle;
        width: 400px;
        height: 85%;
    }

    .loan-status-history-modal .modal-content {
        padding: 22px;
    }

    .loan-status-history-modal .main-container {
        overflow: hidden;
        vertical-align: middle;
    }

    .loan-status-history-modal .milestone-status {
        padding-left: 0;
    }

    .loan-status-history-modal .header {
        font-size: 15px;
        border-bottom: 1px solid #bcbebe;
        font-weight: bold;
        height: 25px;
    }

    .loan-status-history-modal .title-section {
        color: #767676;
        margin-top: 15px;
        margin-top: 12px;
        width: 95%;
    }

    .loan-status-history-modal .row {
        float: left;
        width: 100%;
        margin: 5px 0 3px;
    }

    .loan-status-history-modal .button-section {
        margin-top: 15px;
        margin-left: 0px;
    }

.loan-history-content {
    width: 98%;
    max-height: 180px;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scroll-snap-type: y proximity;
}

    .loan-history-content .testLOs {
        width: 100%;
    }

    .loan-history-content > #test .testLOs:last-child {
        scroll-snap-align: end;
        color: red;
    }

    .loan-history-content::-webkit-scrollbar {
        width: 7px;
    }

    .loan-history-content::-webkit-scrollbar-thumb {
        background: #DDDDDD;
        border-radius: 10px;
    }

    .loan-history-content .section {
        padding: 3px 0;
        font-weight: bold;
        background-color: #F5F5F5;
    }
/*#region Loan Status History*/

/*revise lock terms*/
.revise-lock-products .product-group .category-row {
    min-height: 21px;
    line-height: 20px;
    font-size: 10px;
    color: #1fb25a;
    border-bottom: 1px solid #414141;
    padding-top: 10px;
}

.revise-lock-products .product-group .product-list .exp-label {
    padding-left: 4px;
    color: #ef1126;
    font-size: 12px;
    flex-basis: 25px !important;
    padding-left: 0px !important;
    text-align: left;
}

.revise-lock-products .product-group .product-list .evoa-label {
    color: #1fb25a;
    font-size: 12px;
    flex-basis: 45px !important;
    padding-left: 0px !important;
    text-align: left;
}

.revise-lock-products .product-group .product-list .product-name-title {
    width: 238px;
    flex-grow: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.revise-tooltip .tooltip-arrow{
    display: none;
}

.revise-lock-products .product-group .product-list .product-identifier {
    flex-basis: 150px !important;
    text-align: left !important;
    color: #767676;
    cursor:pointer;
}

.revise-lock-products .product-group .product-list .no-padding-left, .revise-lock-products .products .header .no-padding-left {
    padding-left: 0px !important;
    padding-top: 8px;
}

.revise-lock-products .product-group .product-list .no-padding-right, .revise-lock-products .products .header .no-padding-right {
    padding-right: 0px !important;
    padding-top: 8px;
}

.revise-lock-products .expanded-product-table {
    width: 705px;
    padding-left: 18px;
}

.revise-lock-products .expanded-product-table .second-part-cell {
    width: 65px;
}

.revise-lock-products .expanded-product-table .table-content-rows {
    align-items: center;
    height: 30px;
    padding-left: 20px;
    display: flex;
    justify-content: flex-start;
    width: 380px;
}

.revise-lock-products .expanded-product-table .table-content-rows .rows-left-part {
    padding-right: 20px;
    display: flex;
    justify-content: flex-start;
    width: 110px;
}

.revise-lock-products .expanded-product-table .table-content-rows .rows-right-part {
    display: flex;
    justify-content: flex-start;
    margin-right: 17px;
    align-items: center;
}

.revise-lock-products .expanded-product-table .table-content-rows .rows-right-part.selected {
    display: flex;
    justify-content: flex-start;
    margin-right: 17px;
    align-items: center;
    font-weight: bold;
    color: #000000 !important;
}

.revise-lock-products .expanded-product-table .row {
    margin-left: 0px;
    margin-right: 0px;
}

.revise-lock-products .expanded-product-table .row .apply a:link {
    color: blue !important;
    background-color: transparent;
    text-decoration: none;
}

.revise-lock-products .expanded-product-table .row .apply a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}

.revise-lock-products .vertical-line-right::after {
    content: "";
    background-color: #c3c3c3;
    opacity: 0.3;
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0px;
    left: 15%;
    display: block;
}

.change-animation {
    -webkit-transition: background-color 1s ease-in-out;
    -moz-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
}

.change-animate {
    background-color:yellow;
}

/*#region Loan Status History*/

.product-code-mi {
    margin-left: 8px;
}

.primary-callback-button {
    color: white;
    background: #208DDC;
    border: none; 
    font-size: 12px;
}

.secondary-callback-button {
    margin-right: 15px;
    border: 0.2px solid #208DDC;
    background: none;
    font-size: 12px;
}

.disclose-in-los-error-message {
    padding-left: 0px !important
}
  

.admin-settings-dropdopwn-toggle:focus {
    outline:auto !important;
}

@media only screen and (max-width: 1366px) {
    .contact-us-btn {
        margin-bottom: 2.8em;
    }
}


/*#region Net Tangible Benefits Admin*/
.ntb-admin-title {
    margin-top: 40px;
    margin-bottom: 10px;
}

.ntb-admin-column-content,
.ntb-admin-column-header {
    width: 33%;
    color: #767676;
}

.ntb-admin-column-content {
    color: black;
    padding-top: 20px;
}

.ntb-admin-row {
    display: flex;
    padding-top: 30px;
    position: relative;
    padding-left: 15px;
}

.missing-ntb-header {
    display: flex;
    border-bottom: 1px solid #d3d3d3;
    font-size: 14px;
    font-weight: bold;
}

.missing-ntb-body {
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding-top: 10px;
}

.ntb-missing-modal-window .modal-dialog .modal-content {
    margin: auto auto;
    width: 440px;
    height: 100px;
}
.missing-ntb-modal {
    text-align: left;
    padding: 20px !important;
    width: 400px !important;
}

.overflow-hidden {
    overflow: hidden !important;
}