@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Ubuntu:400,500|Raleway');

/* Global */
html, body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 100%;
}

body {
    color: #676767;
    position: relative;
    z-index: 1;
}

body > #wrapper {
    min-height: 100%;
    position: relative;
    z-index: -1;
}

#content {
    padding-bottom: 200px
}

footer {
    background: #EEEEEE;
    bottom: 0;
    height: 100px;
    left: 0;
    margin-top: 90px;
    position: absolute;
    width: 100%;
}

footer img {
    height: auto;
    width: 100px;
}

[v-cloak] {
    display: none
}

.uk-margin-left-remove {
    margin-left: 0 !important
}

.message-template-placeholders hr:last-child {
    display: none
}

.contact-cell-bar {
    margin: 0 5px
}

/* Alert Resets */
.uk-alert {
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 10px;
}

.uk-alert-warning {
    background: #ff9673;
    color: #FFFFFF;
}

/* Badge Resets */
.uk-badge {
    font-size: 16px;
    line-height: 20px;
}

.uk-badge-notification {
    background: #35B2CD
}

/* Button Resets */
.uk-button {
    border-radius: 5px;
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 5px 20px;
    text-transform: uppercase;
}

.uk-button-primary {
    background-color: #35B2CD;
}

.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: #49bad2;
}

.uk-button-primary:hover:disabled {
    background: #f5f5f5;
    color: #999;
}

.uk-button-link {
    color: #35B2CD
}

.uk-button-link:hover {
    color: #2ea1ba
}

.uk-button-small {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: inherit;
    padding: 3px 10px;
    text-transform: none;
}

/* Dropdown reset */
.uk-nav.uk-nav-dropdown {
    padding-left: 0;
}

.uk-nav.uk-nav-dropdown > li > a {
    padding: 15px
}

.uk-open > .uk-dropdown-search {
    -webkit-animation: uk-slide-top-fixed .2s ease-in-out;
    animation: uk-slide-top-fixed .2s ease-in-out;
}

.uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank {
    display: block;
    -webkit-animation: uk-fade .2s ease-in-out;
    animation: uk-fade .2s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.uk-dropdown-search {
    width: 300px;
    margin-top: 0;
    background: #fff;
    color: #444;
}

.uk-dropdown {
    padding: 0 15px;
    background: #fff;
    color: #444;
    font-size: 1rem;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.uk-dropdown, .uk-dropdown-blank {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 200px;
}

.uk-nav-dropdown > li > a:focus,
.uk-nav-dropdown > li > a:hover {
    background: #35B2CD;
}

/* Links reset */
a {
    color: #35B2CD
}

a:hover {
    color: #2ea1ba
}

/* Tabs reset */
.uk-tab {
    background: url('/customer-dashboard/img/tabs-bg.png') no-repeat;
    background-size: cover;
}

.uk-tab > li > a {
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999999;
}

.uk-tab > li.uk-open > a,
.uk-tab > li > a:focus,
.uk-tab > li > a:hover {
    background: #FFFFFF;
    border-top: 1px solid transparent;
    color: #8a8a8a;
    outline: 0;
}

.uk-tab > li > a:hover {
    background: none
}

.uk-tab > li.uk-active > a {
    color: #35B2CD;
    border-top: 1px solid transparent;
    border-left: 1px solid #E3E3E3;
}

.uk-tab > li.uk-active > a:hover {
    background: #FFFFFF;
    border-color: #E3E3E3;
    border-top: 1px solid transparent;
    color: #35B2CD;
}

.uk-tab > li:first-child.uk-active > a {
    border-left: 1px solid transparent;
}

.uk-tab > li:first-child.uk-active > a:hover {
    border-left: 1px solid transparent
}

.uk-tab > li:nth-child(n+2) > a {
    margin-left: 0
}

/* Typography resets */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

em {
    color: inherit
}

.uk-text-small {
    font-size: 12px
}

small {
    font-size: 14px
}

.uk-text-danger {
    color: #ff7a4e !important;
}

/* Form Resets */
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
    font-size: 20px;
    height: 44px;
    padding: 8px 0 0;
}

.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
    background: none !important;
    border-bottom: 2px solid #BBBBBB;
}

.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
    border-left: 2px solid #BBBBBB
}

.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
    background-color: initial;
}

/* Nav Resets */
.uk-nav-side > li > a:focus, .uk-nav-side > li > a:hover {
    background: none;
    color: inherit;
    outline: inherit;
}

@media screen and (max-width: 767px) {
    .uk-navbar-brand {
        height: initial
    }
}

.uk-nav-side > li.uk-active > a {
    color: #35B2CD;
    background: none;
}

/* Notify Resets */
.uk-notify-message {
    border-radius: 5px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .25);
    color: #FFFFFF;
}

.uk-notify-message-success {
    background: #62AA46
}

.uk-notify-message-danger {
    background: #ff9673
}

.uk-notify-message span {
    margin-right: 10px
}

/* Buttons */
.input-helper-button {
    position: absolute;
    right: 0;
    top: 8px;
    padding: 0 6px;
    font-size: 12px;
}

#threads.thread {
    border-bottom: 1px solid #E3E3E3;
    color: #676767;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

#threads.thread:first-child {
    font-weight: 700
}

#threads.thread:hover {
    text-decoration: none;
}

#threads.thread .date .month {
    font-size: 20px
}

#threads.thread .date .day {
    font-size: 34px
}

#threads.thread .link {
    margin-right: 10px;
    position: relative;
    transition: margin-right .25s ease-in-out;
}

#threads.thread:hover .link {
    color: #35B2CD;
    margin-right: 0;
}

#messages {
    height: 350px;
    overflow-y: auto;
    padding: 10px 20px;
    resize: none;
}

#messages.message {
    font-size: 14px;
    margin-bottom: 10px;
}

#messages.message .content {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#messages.message.user-sent {
    border-left: 5px solid #E3E3E3;
    padding-left: 20px;
    max-width: 70%;
}

#messages.message.lo-sent {
    align-self: flex-end;
    background: #f8f8f8;
    border-right: 5px solid #E3E3E3;
    padding-left: 10px;
    padding-right: 20px;
    max-width: 30%;
}

#messages.message.lo-sent,
#messages.name.lo-sent {
    text-align: right;
}

#messages.attachment-form button {
    background: none;
    border: none;
    color: #35B2CD;
    cursor: pointer;
    margin-bottom: 10px;
    outline: none;
}

.uk-button-mini {
    border-radius: 5px;
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    min-height: 20px;
    padding: 0 6px;
    line-height: 20px;
    font-size: 11px;
}

.uk-button-mini.uk-button-link {
    font-size: 14px
}

.uk-button-link {
    cursor: pointer
}

.uk-button-link:active,
.uk-button-link:focus {
    color: #2ea1ba;
    outline: none;
}

.uk-button-warning {
    background: #ff9673;
    color: #fff;
}

.uk-button-warning:hover,
.uk-button-warning:active,
.uk-button-warning:focus {
    background: #ff8860;
    color: #fff;
}

.uk-button-warning:disabled:hover,
.uk-button-warning:disabled:active,
.uk-button-warning:disabled:focus {
    background: #f5f5f5;
    color: #999;
}

.uk-button-inverse {
    background: #fff;
    border: 2px solid #49bad2;
    color: #49bad2;
}

.uk-button-inverse:active,
.uk-button-inverse:focus,
.uk-button-inverse:hover {
    background: #fff;
    border-color: #49bad2;
    color: #49bad2;
}

.uk-button-inverse:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #999;
}

.copy-clipboard-button {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
}

.wysiwyg-editor {
    border: 1px solid #E3E3E3;
    border-radius: 2px;
    height: 300px;
    overflow-y: auto;
    padding: 5px;
}

.wysiwyg-editor.mce-edit-focus {
    outline: none
}

.wysiwyg-editor:focus {
    border-color: #35b2cd;
    outline: none;
}


#message {
    overflow-y: auto;
    padding: 5px;
    border-width: 2px;
    border-radius: 5px;
    height: 150px;
}

.disclosure-name {
    width: 50%
}

.disclosure-status {
    color: #ff9673;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.disclosure-status.in-process {
    color: #62AA46
}

.pipeline-button {
    border: 1px solid;
    border-radius: 2px;
}

.pipeline-button-danger {
    background: #ff9673;
    border-color: #ff9673;
    color: #FFFFFF;
    cursor: pointer;
}

.search-button, .search-box, .filter-button, .download-button {
    max-height: 30px;
    margin-left: 5px;
}

#pipeline-tabs-container {
    width: 100%;
}

#loans-search-container {
    width: 100%;
}

#loans-search-content {
    width: 70%;
}

#loans-search-buttons {
    width: 30%;
}

#loans-search {
    color: #b2b2b2;
    width: 95%;
    border-color: #e6e6e6;
    border-style: double;
    border-top: none;
    border-left: none;
}

#loans-search::placeholder {
    color: #b2b2b2;
}

#loans-search:focus {
    border-top: #e6e6e6 double !important;
    border-left: #e6e6e6 double !important;
    outline: none!important;
}

@media screen and (max-width: 1024px) {
    #loans-search-content, #loans-search-buttons {
        width: 100%;
    }

    .filter-input-min, .filter-input-max {
        width: 50%!important;
    }
}

@media screen and (max-width: 650px) {
    #loans-search-container {
        display: flex;
        flex-direction: column;
    }

    #loans-search-buttons {
        margin-top: 0.5rem;
        justify-content: center;
    }
}

@media screen and (min-width: 750px) and (max-width: 1024px) {
    #filter-modal-body {
        left: 30%!important;
    }
}

@media screen and (min-width: 550px) and (max-width: 750px) {
    #filter-modal-body {
        left: 15%!important;
        width: 70%!important;
        padding: 1rem!important;
    }
}

@media screen and (min-width: 400px) and (max-width: 550px) {
    #filter-modal-body {
        left: 5%!important;
        width: 90%!important;
        padding: 1rem!important;
    }
}

@media screen and (max-width: 400px) {
    #filter-modal-body {
        left: 0!important;
        width: 100%!important;
        padding: 1rem!important;
    }
}

button.loans-search {
    background-color: #fff;
    border-color: #fff;
    color: #e6e6e6;
    width: 1.5rem;
    max-height: 30px;
    padding-left: 0;
    padding-top: 0;
}

div.btn-pipeline-reset {
    background-color: #fa8564;
    color: #fff;
}

div.filter-button {
    padding: 3px 6px;
}

div.filter-button > * {
    margin-bottom: 2px;
}

img.pipeline-icons {
    max-height: 60%;
}

div#btn-pipeline-columns-div {
    border: #eee 1px solid;
    background-color: #fff;
}

div.btn-pipeline-reset > span::before,
div.btn-pipeline-filters > span::before,
div.csv-download > span::before {
    color: #fff;
}

div.btn-pipeline-columns > span::before {
    color: #000;
}

div.btn-pipeline-reset:hover,
div.btn-pipeline-reset:active,
div.btn-pipeline-reset:focus {
    background-color: #fa977a;
    color: #fff;
}

div.csv-download {
    background-color: #70b75a
}

div.csv-download:hover,
div.csv-download:active,
div.csv-download:focus {
    background-color: #179a52
}

.pipeline-table {
    overflow-x: scroll
}

.pipeline-table::-webkit-scrollbar {
    height: 10px;
}

.pipeline-table::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.pipeline-table::-webkit-scrollbar-thumb {
    background: #35B2CD;
    border-radius: 10px;
}

.pipeline-table::-webkit-scrollbar-thumb:hover {
    background: #35b2cd;
}

#filter-modal-content {
    overflow-y: scroll
}

#filter-modal-content::-webkit-scrollbar,
#columns-modal-content::-webkit-scrollbar {
    width: 8px;
}

#filter-modal-content::-webkit-scrollbar-track,
#columns-modal-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

#filter-modal-content::-webkit-scrollbar-thumb,
#columns-modal-content::-webkit-scrollbar-thumb {
    background: #35B2CD;
    border-radius: 8px;
}

#filter-modal-content::-webkit-scrollbar-thumb:hover,
#columns-modal-content::-webkit-scrollbar-thumb:hover {
    background: #35b2cd;
}

.pipeline-row {
    width: 100%;
    border-bottom: #eee 2px solid;
}


.pipeline-column-hidden,
.pipeline-row-hidden {
    display: none;
}

.pipeline-cell {
    text-align: center;
    font-size: 12px;
    width: 140px;
    padding: 6px 0;
}

@media screen and (max-width: 750px) {
    .pipeline-cell {
        text-align: left;
    }
}

.pipeline-cell.pipeline-header-column {
    font-size: 14px!important;
}

.pipeline-header-column.pipeline-cell-wide,
.pipeline-cell.pipeline-cell-wide {
    width: 200px!important;
}

.pipeline-filter-hidden {
    display: none;
}

.pagination {
    cursor: pointer;
}

#filter-modal-background {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 50%);
}

#filter-modal-body {
    position: fixed;
    z-index: 2;
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    border-radius: 7px;
    top: 10%;
    left: 40%;
    width: 450px;
    padding: 1rem 1.5rem 1.5rem;
}

#filter-modal-body > * {
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, serif;
}

#filter-modal-body > hr {
    margin-top: 5px;
}

#filter-modal-header > * {
    color: #b2b2b2;
}

#filter-modal-content {
    padding: 0 5px 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 515px;
}

.filter-item {
    height: 50px;
    margin-bottom: 2rem;
}

.filter-name {
    margin-bottom: 10px;
}

.filter-input,
.filter-input::placeholder,
.filter-input:focus {
    color: #b2b2b2;
    border: 0!important;
    outline: none!important;
    max-width: 100%;
}

.filter-input:focus::placeholder {
    color: transparent;
}

.filter-input-year {
    width: 60px;
    text-align: center;
}

.filter-input-day, .filter-input-month {
    width: 40px;
    text-align: center;
    border-color: #fff;
}

.filter-input-text,
.filter-input-date,
.filter-input-min,
.filter-input-max,
.filter-input-select {
    border: 2px solid #e6e6e6;
}

.filter-input-max,
.filter-input-min {
    width: 45%;
}

.filter-text-between {
    width: 10%;
    text-align: center;
    color: #b2b2b2;
}

.filter-slash {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
    color: #b2b2b2;
}

#filter-modal-apply {
    margin-right: 0.5rem;
    height: 35px;
    width: 110px;
}

#filter-modal-close {
    font-size: 28px;
    position: relative;
    left: 0.25rem;
    bottom: 0.25rem;
}

#columns-modal-full-background {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#columns-modal-background {
    position: absolute;
}

#columns-modal-header, #columns-modal-footer {
    background-color: #eee;
    padding: 1rem;
}

#columns-search,
#columns-search:focus {
    width: 100%;
    border: #fff;
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, serif;
    font-size: 16px;
    color: #adaaaa;
    outline: none;
}

#columns-search-placeholder {
    position: absolute;
    left: 26px;
    padding-top: 5px;
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, serif;
    font-size: 16px;
}

#columns-search-placeholder:before {
    font-family: FontAwesome, serif;
    margin-right: 5px;
    color: #adaaaa;
}

#columns-modal-body {
    position: relative;
    z-index: 3;
    background-color: #eee;
    border-radius: 4px;
    margin-top: 40px;
    right: 40%;
    width: 260px;
    height: auto;
}

@media screen and (max-width: 768px) {
    #columns-modal-body {
        right: 0!important;
    }
}

@media screen and (min-width: 768px) {
    .uk-navbar-brand {
        right: 5% !important;
    }
}

#columns-modal-body > div#columns-modal-content {
    padding: 0 5px 15px;
    max-height: 350px;
    overflow-y: scroll;
    display: flex;
    justify-content: flex-start;
}

#columns-default-checkbox {
    margin-bottom: 8px;
    margin-right: 5px;
}

.column-filter-item {
    background-color: #FFFFFF;
    padding: 0.25rem;
    margin-bottom: 0.25rem;
    display: inline;
}


.column-filter-item > input,
#columns-default-checkbox {
    transform: scale(1.3);
    filter: invert(25%) hue-rotate(-18deg) brightness(1.3);
    margin-left: 2px;
}

.column-filter-item > span {
    font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-left: 10px;
}


#apply-column-filters {
    background-color: #fa8564;
    width: 50%;
}

#apply-column-filters:active,
#apply-column-filters:focus,
#apply-column-filters:hover {
    background-color: #fa977a;
}

/* Icons */
.uk-icon-chevron-left-double:before {
    content: "\f054\f054"
}

.uk-icon-chevron-right-double:before {
    content: "\f054\f054"
}

@media screen and (max-width: 650px) {
    .pipeline-title-container {
        justify-content: center!important;
    }
}

.pipeline-title, .pipeline-header-column {
    color: #35B2CD;
    font-weight: 400;
}

.pipeline-title {
    font-size: 20px;
}

.pipeline-title > span {
    margin: 0 3px;
    font-size: 40px;
    position: relative;
    bottom: 3px;
}

#loans-title > span {
    margin: 0 5px;
}

#pending-clock {
    color: #35B2CD;
    padding: 0.25rem 0 0 0.25rem;
}

.pagination-container {
    font-size: 14px;
}

/* Links */
a.npb-page-link {
    font-size: 14px;
    text-decoration: underline;
}

a#dequeueing-conditions-link {
    cursor: default;
    opacity: .5;
}

/* Nav */
.uk-navbar.navbar-blue {
    background: #35B2CD;
    margin-bottom: 30px;
    padding: 15px 0 22px;
}

.uk-navbar.navbar-blue > * {
    color: #FFFFFF
}

@media screen and (min-width: 768px) {
    .uk-navbar-brand {
        margin-left: -7px;
        padding-left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .uk-navbar.navbar-blue {
        margin-bottom: 0
    }
}

.username {
    color: #FFFFFF
}

.username .uk-icon-chevron-down {
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 5px;
}

.full-width-oc-nav {
    left: -40px;
    position: absolute;
    text-transform: none;
    top: 11px;
}

.full-width-oc-nav > a {
    color: #35B2CD;
    font-size: 20px;
}

#nav-arrow-wrapper {
    height: 40px;
    margin: auto;
    position: fixed;
    width: 80%;
    max-width: 600px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .25s ease-in-out;
}

#nav-arrow-wrapper.scrolled {
    opacity: 0
}

.nav-arrow {
    background: none;
    display: block;
    height: 40px;
    position: relative;
    top: 0;
    width: 40px;
    transform: rotate(45deg);
    transition: all .25s ease-in-out;
}

.nav-arrow.prev {
    border-left: 3px solid #35B2CD;
    border-bottom: 3px solid #35B2CD;
    border-bottom-left-radius: 5px;
    left: -20px;
}

.nav-arrow.next {
    border-right: 3px solid #35B2CD;
    border-top: 3px solid #35B2CD;
    border-top-right-radius: 5px;
    right: -20px;
}

#nav-arrow-wrapper.scrolled .nav-arrow.prev {
    left: -30px;
}

#nav-arrow-wrapper.scrolled .nav-arrow.next {
    right: -30px;
}

.uk-nav-offcanvas > li > a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.uk-nav-side span[class*='uk-icon'] {
    color: #E5E5E5;
    font-size: 20px;
    margin-right: 5px;
}

.uk-nav-side > li > a {
    border-bottom: 2px dotted #EEEEEE;
    color: #676767;
    margin: 10px 15px 10px 0;
    padding: 6px 2px;
}

.uk-nav-side > li:last-child > a {
    border-bottom: none
}

.uk-nav-side > li > a:hover {
    color: #35B2CD;
}

.uk-nav-side > li > a:hover > span {
    color: #e2e2e2;
}

.uk-offcanvas .uk-search {
    display: block;
    margin: 20px 15px;
}

.uk-nav-offcanvas .uk-nav-sub a {
    margin-left: 20px
}

/* Forms */
.uk-form-row {
    position: relative
}

.uk-form-label.float-label {
    font-size: 14px;
    font-weight: 400;
    left: 5px;
    position: absolute;
    top: 18px;
    transition: top .25s ease-in-out;
}

.uk-form-label.float-label.out {
    top: -10px
}

.uk-form-label.float-label.blur {
    color: #BBBBBB
}

.uk-form-controls > select,
.uk-form-controls > input[type="text"],
.uk-form-controls > input[type="number"],
.uk-form-controls > input[type="password"],
.uk-form-controls > input[type="email"] {
    border: none;
    border-bottom: 2px solid #E3E3E3;
    font-size: 16px;
    padding-left: 6px;
    width: 100%;
}

.uk-form-controls > input[type="email"]:focus {
    border-bottom: 2px solid #35B2CD;
    outline: none;
}

.uk-form-controls.uk-form-controls-thin > select,
.uk-form-controls.uk-form-controls-thin > input[type="text"],
.uk-form-controls.uk-form-controls-thin > input[type="number"],
.uk-form-controls.uk-form-controls-thin > input[type="password"],
.uk-form-controls.uk-form-controls-thin > input[type="email"] {
    border-bottom-width: 1px;
}

.uk-form-controls > textarea {
    border: 2px solid #E3E3E3;
    border-radius: 5px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 8px;
    resize: none;
    height: 150px;
    width: calc(100% - 16px);
}

.uk-form-controls > textarea:focus {
    outline: none
}

.uk-form-controls label + textarea {
    margin-top: 5px
}

.uk-form-controls input.slider {
    width: 100%
}

#registration-form .float-label,
#login-form .float-label {
    left: 0
}

#registration-form .uk-form-controls > input,
#login-form .uk-form-controls > input {
    padding-left: 0;
}

#bundle-illustrations {
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    transition: all .2s linear;
    transition-property: border, background, color, box-shadow, padding;
    border-radius: 4px;
}

.uk-search {
    display: inline-block;
    position: relative;
    margin: 0;
}

.uk-offcanvas .uk-search-field {
    width: 100%;
    border-color: transparent;
    background: #1a1a1a;
    color: #ccc;
}

.uk-search:before {
    content: "\f002";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 14px;
    color: rgba(0, 0, 0, .2);
}

.uk-offcanvas .uk-search:before {
    color: #777
}

.uk-search-field {
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    -webkit-appearance: none;
    width: 100%;
    height: 30px;
    padding: 0 0 0 30px;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle;
}

.uk-search-field:focus {
    outline: 0
}

.uk-form .uk-form-row .loan-illustration-search-field {
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    font-size: 14px;
    height: 32px;
    padding: 0 5px;
}

#invite-form {
    margin-right: 15px;
}

#invite-form input {
    background: none;
    position: relative;
    z-index: 1;
}

#invite-form.validation-error {
    color: #ff9673;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    position: absolute;
    right: 3px;
    text-transform: uppercase;
    top: 3px;
}

.uk-offcanvas #invite-form {
    margin-left: 10px;
}

.uk-offcanvas #invite-form label {
    color: #BBBBBB !important
}

.uk-offcanvas #invite-form input {
    color: #fff
}

.uk-offcanvas #invite-form a {
    color: #fff
}

.form-control + .uk-dropdown {
    width: 100%;
    margin-top: 5px;
}

.form-control + .uk-dropdown li {
    padding: 2px 5px
}

.form-control + .uk-dropdown li:hover {
    background: #35b2cd
}

.form-control + .uk-dropdown li:hover a {
    color: #fff
}

#prequal-letter-form label {
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
}

#prequal-letter-form input, #prequal-letter-form select {
    height: 34px;
}

#form-1003.uk-accordion-title,
#form-1003-URLA-addendum.uk-accordion-title {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#form-1003.uk-accordion-title + hr,
#form-1003-URLA-addendum.uk-accordion-title + hr {
    margin-top: 0
}

#form-1003.section-title-icon,
#form-1003-URLA-addendum.section-title-icon {
    color: #35B2CD;
    font-size: 16px;
}

#form-1003.uk-active .section-title-icon,
#form-1003-URLA-addendum.uk-active .section-title-icon {
    transform: rotate(180deg)
}

#form-1003 label,
#form-1003-URLA-addendum label {
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#form-1003 input.inline,
#form-1003-URLA-addendum input.inline {
    width: auto
}

#form-1003 .uk-active .section-title-icon,
#form-1003-URLA-addendum .uk-active .section-title-icon {
    transform: rotate(180deg)
}

#form-1003 label,
#form-1003-URLA-addendum label {
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#form-1003 label.inline,
#form-1003-URLA-addendum label.inline {
    display: inline;
    margin-right: 10px;
}

#form-1003 input.inline,
#form-1003-URLA-addendum input.inline {
    width: auto
}

#form-1003 input[type=text], select,
#form-1003-URLA-addendum input[type=text], select {
    color: #676767;
    width: 100%;
}

#form-1003 input[type=text]:disabled,
#form-1003-URLA-addendum input[type=text]:disabled {
    background-color: #fff;
    border: 1px solid #a9a9a9;
}

#form-1003 select,
#form-1003-URLA-addendum select {
    padding: 1px 0
}

#form-1003.uk-modal-dialog,
#form-1003-URLA-addendum.uk-modal-dialog {
    width: 700px
}

#form-1003.uk-modal-dialog label,
#form-1003-URLA-addendum.uk-modal-dialog label {
    display: inline
}

#form-1003-URLA-addendum.addendum-section-title p {
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    line-height: 1;
}

input.link-order-input {
    border: 1px solid #e3e3e3;
    text-align: center;
    width: 20px;
}

input.link-order-input:focus {
    border-color: #35b2cd;
    outline: none;
}

label.toggler {
    cursor: pointer;
}

input[type=checkbox].toggler {
    display: none
}

input[type=checkbox].toggler + label.toggler {
    background: #eaeaea;
    border-radius: 20px;
    display: block;
    height: 20px;
    width: 40px;
}

input[type=checkbox].toggler + label.toggler span {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    border-radius: 50%;
    display: block;
    height: 20px;
    transform: translateX(0);
    transition: transform .25s;
    width: 20px;
}

input[type=checkbox].toggler:checked + label.toggler {
    background: #62AA46
}

input[type=checkbox].toggler:checked + label.toggler span {
    transform: translateX(20px);
}

input[type=checkbox].toggler:disabled + label.toggler {
    opacity: .5
}

form.uk-search .uk-icon-spin {
    background: #fff;
    left: 8px;
    position: absolute;
    top: 7px;
}

#oc-aside form.uk-search .uk-icon-spin {
    background: #1a1a1a;
    color: #fff;
}

/* Tables */
.stats-table tr:not(:last-child) td {
    border-bottom: 1px solid #E3E3E3;
}

.stats-table td,
.stats-table th {
    padding: 5px 2px;
}

.stats-table th:not(:first-child) {
    color: #999999;
    font-size: 13px;
}

.stats-table td {
    font-size: 14px
}

.stats-table td:first-child {
    color: #999999
}

.loan-data-table-heading {
    font-size: 16px;
    font-weight: 600;
}

.loan-data-table > thead > tr > th {
    font-size: 14px;
    padding: 5px 0;
}

.loan-data-table > thead > tr > th:first-child {
    color: #999999
}

.loan-data-table > tbody > tr > td {
    border-top: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    padding: 5px 0;
}

.illustration-table {
    table-layout: fixed
}

.illustration-table td {
    border-bottom: 1px solid #E3E3E3;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 0;
}

.illustration-table td:first-child {
    width: 170px
}

.illustration-table td.nowrap {
    white-space: nowrap
}

.illustration-table td input {
    border: 1px solid #35B2CD;
    background: #DCF1F6;
    width: 98%;
}

.illustration-table td input:focus {
    outline: none
}

@media screen and (max-width: 320px) {
    .illustration-table td:first-child {
        width: 140px;
    }
}

.illustration-table table td {
    border: none;
    padding: 0;
}

.illustration-table tr:last-child td {
    border-bottom: none;
}

.illustration-table .escrow-table {
    table-layout: fixed;
}

.illustration-table .escrow-table tr:last-child td {
    vertical-align: middle;
}

.illustration-table .escrow-table td:first-child {
    width: 180px;
}

.illustration-table .summary-total td {
    padding: 5px 0;
    border-bottom: none;
}

.illustration-table .summary-total td:first-child {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.illustration-table .summary-total td:last-child {
    color: #35B2CD;
    font-size: 28px;
    font-weight: 300;
    line-height: .8;
    width: 160px;
}

.illustration-table .summary-total td:last-child p {
    font-size: 13px;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

.loan-illustration-sum-table tr:first-child {
    height: 24px;
    background: #EEEEEE;
}

.loan-illustration-sum-table tr:first-child td {
    font-weight: bold;
    padding: 0 8px;
    vertical-align: middle;
}

.loan-illustration-sum-table:first-child {
    border-left: 1px solid transparent;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    padding-right: 0;
    width: 20px;
}

.loan-illustration-sum-table tr:last-child a {
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.loan-illustration-sum-table .uk-badge {
    border: 3px solid transparent;
    margin-top: -5px;
    margin-bottom: -3px;
    margin-left: -10px;
}

td.border-dark {
    border-bottom: 1px solid #333
}

#pipeline-table {
    font-size: 14px
}

.sort-table th,
.sort-table-style th {
    color: #2fa5be;
    cursor: pointer;
    text-decoration: underline;
}

.loan-details-table > tbody > tr > td {
    border-bottom: 1px dotted #E3E3E3;
    max-width: 100px;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#disclosures-modal table > thead > tr > th:nth-child(1) {
    width: 100px
}

#disclosures-modal table > thead > tr > th:nth-child(4) {
    width: 120px
}

#disclosures-modal table > thead > tr > th:nth-child(5) {
    width: 120px
}

#disclosures-modal table > tbody > tr > td {
    border-bottom: 1px dotted #E3E3E3;
    max-width: 100px;
    overflow: hidden;
    padding: 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#disclosures-modal table > tbody > tr > td > .uk-icon {
    font-size: 16px
}

.action-items-table > thead > tr > th,
.action-items-table > tbody > tr > td,
.conditions-table > thead > tr > th,
.conditions-table > tbody > tr > td,
.loan-illustrations-table > thead > tr > th,
.loan-illustrations-table > tbody > tr > td,
.uk-table > thead > tr > th,
.uk-table > tbody > tr > td {
    font-size: 14px;
    padding-left: 0;
}

.conditions-table > tbody > tr > td {
    border-bottom: 1px solid #E3E3E3;
}

.conditions-table > tbody > tr > td:first-child {
    width: 120px
}

.conditions-table > tbody > tr:last-child > td {
    border-bottom: none
}

.action-items-table > thead > tr > th,
.action-items-table > tbody > tr > td {
    border-bottom: 1px solid #E3E3E3 !important;
}

.action-items-table > thead > tr > th {
    padding-right: 10px !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.uk-button-custom-npb {
    border-radius: 3px;
    font-size: 12px;
    padding: 0px 12px;
    text-transform: none;
    line-height: 24px;
    min-height: 24px;
    letter-spacing: 0px;
}

#resend-email-icon {
    width: 10%;
    margin-top: 20px;
    margin-bottom: 20px;
}

span.disclosure-signer-popover {
    cursor: pointer !important;
}

.form-control:focus {
    box-shadow: none !important;
}

.conditions-table > thead > tr > th {
    text-decoration: underline
}

.loan-details-table {
    font-size: 14px;
}

.loan-illustrations-table td,
.uk-table td {
    vertical-align: middle
}

.loan-illustrations-table > tbody > tr:not(:last-child) > td,
.uk-table > tbody > tr:not(:last-child) > td {
    border-bottom: 1px solid #E3E3E3
}

.loan-illustrations-table > tbody > tr:not(:last-child) > td.uk-flex,
.uk-table > tbody > tr:not(:last-child) > td.uk-flex {
    margin-bottom: -1px
}

.loan-illustrations-table > tbody > tr.loan-illustration-revision:not(:last-child) > td,
.uk-table > tbody > tr.loan-illustration-revision:not(:last-child) > td {
    border-bottom: none;
}

.loan-illustrations-table > tbody > tr.loan-illustration-revision + tr:not(.loan-illustration-revision) > td,
.loan-illustrations-table > tbody > tr.loan-illustration-revision + tr:not(.loan-illustration-revision) > td {
    border-top: 1px solid #e3e3e3;
}

td.centered * {
    vertical-align: middle
}

td > span[class*='uk-icon'] {
    font-size: 22px
}

.invites-table .not-registered {
    padding: 0
}

.invites-table .registered:before,
.invites-table .not-registered:before {
    background: url('/customer-dashboard/img/sprite-main.png');
    content: '';
    display: inline-block;
    height: 20px;
    margin-bottom: -4px;
    width: 20px;
}

.invites-table .registered:before {
    background-position: -141px -173px
}

.invites-table .not-registered:before {
    background-position: -141px -92px
}

#amortization-schedule-preview #schedule-overlay .schedule-overlay-column {
    width: calc(50% - 15px)
}

@media screen and (max-width: 767px) {
    #amortization-schedule-preview #schedule-overlay .schedule-overlay-column {
        width: 100%
    }
}

#form-1003 .uk-table td {
    border-bottom: none
}

#form-1003 .uk-table thead > tr > th > small {
    font-size: 12px
}

#form-1003 .uk-table tr.push-down td {
    padding-bottom: 30px
}

#form-1003 .uk-table .uk-table > tbody > tr > td:last-child {
    padding-right: 0
}

.uk-table-fixed {
    table-layout: fixed
}

.uk-table > thead > tr > th.uk-text-right {
    padding-left: 10px;
    padding-right: 0;
}

#conditions-modal table > thead > tr > th:nth-child(2) {
    width: 150px
}

#conditions-modal table > thead > tr > th:last-child {
    width: 60px
}

/* Typography */
h1.page-title {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 3px;
}

h1.page-title + p {
    margin-top: 0
}

p.lead {
    font-size: 18px;
    font-weight: 300;
}

p.greeting {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
}

p.section-title {
    color: #999999;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 1px;
}

p.section-title > span {
    text-transform: none;
    letter-spacing: initial;
    font-family: 'Open Sans', sans-serif;
}

/* Custom Styles */
.shadow-left {
    box-shadow: inset 7px 0 10px -9px rgba(0, 0, 0, .2)
}

.page-header {
    background-color: #eee;
    border: 1px solid #ddd;
    height: 42px;
    margin-left: -24px;
    margin-bottom: 20px;
    padding-left: 10px;
    position: relative;
    text-transform: uppercase;
    z-index: -1;
}

@media screen and (max-width: 959px) {
    .page-header {
        margin-left: 0
    }
}

@media screen and (min-width: 1220px) {
    .page-header {
        margin-left: -34px
    }
}

.page-header p {
    color: #999999;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 1px;
}

#loan-illustration-placeholder {
    position: relative;
}

#loan-illustration-placeholder img {
    display: block;
    opacity: .12;
    margin: 0 auto;
}

#loan-illustration-placeholder p {
    color: #35B2CD;
    font-size: 1.8em;
    position: absolute;
    text-align: center;
    top: 300px;
    left: 0;
    right: 0;
}

#loan-illustration-preview,
#amortization-schedule-preview,
#loan-comparison-preview {
    background: #fff;
    border-top: 20px solid #35B2CD;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, .1);
    margin: 0 auto;
    padding: 15px;
    max-width: 600px;
}

#amortization-schedule-preview {
    margin-bottom: 50px;
    max-width: 800px;
}

#loan-comparison-preview {
    margin-bottom: 50px;
    max-width: 800px;
}

#loan-comparison-data {
    border: 3px solid #BBBBBB;
    border-radius: 5px;
    margin: 10% 0 3%;
    padding: 40px 30px;
}

#loan-comparison-data.uk-table {
    table-layout: fixed;
    overflow-x: scroll;
}

#loan-comparison-data.uk-table > thead > tr > th:first-child {
    width: 205px
}

#loan-comparison-data.uk-table > thead > tr > th {
    padding-bottom: 30px;
    text-align: right;
    width: 150px;
}

#loan-comparison-data.uk-table > thead > tr > th > a {
    text-decoration: underline
}

#loan-comparison-data.uk-table > thead > tr > th,
#loan-comparison-data.uk-table > tbody > tr > td {
    font-size: 16px;
}

#loan-comparison-data.uk-table > tbody > tr:not(:last-child) > td {
    border-bottom: 2px solid #e3e3e3
}

#loan-comparison-data.uk-table > tbody > tr > td:not(:first-child) {
    text-align: right
}

#amortization-schedule-preview .illustration-table td:last-child {
    width: 60px
}

#amortization-schedule-preview #schedule-chart-meta a {
    text-decoration: underline
}

#amortization-schedule-preview #chart-wrapper {
    height: 350px
}

#amortization-schedule-preview #schedule-table tr.current {
    background: #35B2CD;
    color: #fff;
}

#amortization-schedule-preview #schedule-table tr td > span {
    display: none
}

#amortization-schedule-preview #schedule-table tr.current td > span {
    display: block;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}

#loan-illustration .validation-error {
    position: absolute;
    right: 20px;
    top: 5px;
}

#loan-illustration .uk-width-1-2 .validation-error {
    right: 5px;
    top: 30px;
}


#loan-comparison #loan-comparison-meta {
    max-width: 370px;
    padding-right: 10px;
}

#loan-comparison #loan-comparison-meta #wrapper {
    margin: 30px 0 0 20px;
}

#loan-comparison #loan-comparison-meta #wrapper p {
    font-size: 14px;
}

#loan-comparison #loan-comparison-meta #wrapper #interest-rate-loan-amount {
    max-width: 260px;
}

#loan-comparison #loan-comparison-meta #wrapper #interest-rate-loan-amount p {
    border-bottom: 1px solid #BBBBBB;
    display: flex;
    font-size: initial;
    justify-content: space-between;
    margin: 5px 0;
}

#loan-comparison #loan-comparison-meta {
    max-width: initial;
    padding-right: initial;
}

#loan-illustration #loan-illustration-lo-data #wrapper,
#loan-comparison #loan-comparison-lo-data #wrapper {
    height: 100%;
    width: 100%;
}

#loan-illustration #loan-illustration-lo-data #lo-avatar-wrapper,
#loan-comparison #loan-comparison-lo-data #lo-avatar-wrapper {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 100px;
    justify-content: center;
    overflow: hidden;
    width: 100px;
}

#loan-illustration #loan-illustration-lo-data #lo-avatar,
#loan-comparison #loan-comparison-lo-data #lo-avatar {
    height: 100%;
    width: auto;
}

#loan-illustration #loan-illustration-lo-data #name,
#loan-comparison #loan-comparison-lo-data #name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
}

#loan-illustration #loan-illustration-lo-data #title,
#loan-comparison #loan-comparison-lo-data #title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

#loan-illustration #loan-illustration-lo-data #nmls,
#loan-comparison #loan-comparison-lo-data #nmls {
    color: #c7c7c7;
    font-size: 12px;
    margin-top: 0;
}

#loan-illustration #loan-illustration-lo-data #email,
#loan-comparison #loan-comparison-lo-data #email {
    margin: 0
}

#loan-illustration #loan-illustration-lo-data #phone,
#loan-comparison #loan-comparison-lo-data #phone {
    margin: 0;
    font-size: 16px
}

#loan-illustration #loan-illustration-lo-data #email,
#loan-comparison #loan-comparison-lo-data #email {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    #loan-illustration #loan-illustration-lo-data img {
        display: none
    }

    #loan-comparison #loan-comparison-lo-data img {
        display: none
    }

    #loan-illustration #loan-illustration-lo-data #wrapper,
    #loan-comparison #loan-comparison-lo-data #wrapper {
        border-top: 1px solid #BBBBBB;
        margin-top: 30px;
    }
}

#loan-illustration #loan-illustration-meta #wrapper #product-type-title,
#loan-comparison #loan-comparison-meta #wrapper #product-type-title {
    margin-bottom: 10px;
}

#loan-illustration #loan-illustration-meta #wrapper #product-type-title h3,
#loan-comparison #loan-comparison-meta #wrapper #product-type-title h3 {
    line-height: 1.2;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    margin: 0;
}

#loan-illustration #loan-illustration-meta #wrapper #product-type-title p,
#loan-comparison #loan-comparison-meta #wrapper #product-type-title p {
    color: #BBBBBB;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}


#loan-illustration #loan-illustration-summary {
    border: 3px solid #BBBBBB;
    border-radius: 5px;
    margin-left: 5%;
    padding: 10px 20px;
    max-width: 590px;
}

@media screen and (max-width: 767px) {
    #loan-illustration #loan-illustration-summary {
        border: none;
    }
}

@media screen and (max-width: 959px) {
    #loan-illustration #main-buttons {
        flex-direction: column;
    }

    #loan-illustration #main-buttons .uk-button {
        margin: 3px 0
    }
}

@media screen and (min-width: 1220px) {
    #loan-illustration #loan-illustration-summary {
        margin-left: 40px;
    }
}

.sync-button,
.undo-button {
    color: #e6e6e6;
    text-decoration: underline;
}

.sync-button:hover,
.undo-button:hover {
    color: #FFFFFF
}

.undo-button {
    text-decoration: none;
}

.undo-button .uk-icon {
    font-size: 12px;
    cursor: pointer;
}

.sum-explanation p {
    margin: 0;
    font-size: 12px;
}

#loan-number {
    margin-bottom: 20px;
    margin-left: 5px;
}

.border-left {
    border-left: 1px solid #EEEEEE
}

.border-right {
    border-right: 1px solid #EEEEEE
}

.calendar {
    min-width: 1100px;
    width: calc(100% - 2px);
}

.calendar .event td {
    font-size: 14px;
    line-height: 1;
    max-width: 80px;
    overflow: hidden;
    padding-bottom: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar .event td:first-child {
    color: #999999;
    padding-right: 5px;
}

.calendar thead {
    margin-bottom: 10px
}

.calendar th {
    text-align: center;
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 1.5px;
}

.calendar .see-more {
    font-family: 'Ubuntu', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: underline;
    text-transform: uppercase;
}

.calendar > tbody > tr > td {
    color: #6B6B6B;
    border: 1px solid #EEEEEE;
    font-weight: normal;
    font-size: 14px;
    height: 105px;
    line-height: 1.2;
    padding: 8px;
    text-align: right;
    top: 0;
    vertical-align: top;
    width: calc(100% / 7);
}

.calendar > tbody > tr > td > .day {
    color: #676767;
    text-align: right;
    font-family: 'Rockwell', serif;
}

.calendar > tbody > tr > td > .day.inactive {
    color: #3e3e3e
}

.calendar .event {
    text-align: left;
}

.calendar .event > td {
    padding: 5px 0;
    font-size: 13px;
}

.calendar .event:first-child td {
    padding-top: 20px;
}

.month-day {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

.month-nav > a {
    font-size: 18px;
    padding: 5px;
}

.month-nav > a:first-child {
    border-right: 1px solid #E3E3E3;
    padding-left: 0;
}

.calendar-list {
    list-style: none;
    padding: 0;
}

.calendar-list-item {
    border-bottom: 1px solid #E3E3E3;
    padding: 20px 0;
}

.calendar-list-item:first-child {
    border-top: 1px solid #E3E3E3
}

.calendar-list-item:last-child {
    border-bottom: none
}

.calendar-list-item-contact {
    width: 50%;
}

@media screen and (max-width: 1024px) {
    .calendar-list-item-contact {
        width: initial
    }
}

#lending-guide-sections .section-title,
#marketing-resources-sections .section-title {
    border-top: none;
}

#lending-guide-sections .section-title:not(:first-child),
#marketing-resources-sections .section-title:not(:first-child) {
    margin: 20px 0 10px;
    padding: 0;
}

#lending-guide-sections .section-title + li,
#marketing-resources-sections .section-title + li {
    border-top: none
}


#lending-guide-sections li:not(.section-title),
#marketing-resources-sections li:not(.section-title) {
    font-size: 14px
}

#attach-loan-illustrations .uk-modal-body {
    max-height: 300px;
    overflow-y: auto;
}

#non-production-environment-banner #links p {
    border-left: 1px solid #cccccc;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    padding: 0 10px;
}

#non-production-environment-banner #links p:first-child {
    border: none;
    padding-left: 0;
}

#non-production-environment-banner a {
    color: #fff;
    text-decoration: underline;
}

#non-production-environment-banner {
    background: #ff7649;
    color: #fff !important;
    padding: 3px;
}

.marketing-document-category {
    margin-bottom: 35px;
}

.marketing-document-category a {
    text-decoration: underline
}

#mfa_iframe {
    min-width: 304px;
    max-width: 620px;
    height: 330px;
    border: none;
}

ul#loan-action-tabs > li > a {
    font-size: 13px !important;
}

.blue-text {
    color: #35B2CD;
}

p.view-appraisal-link {
    font-size: 14px !important;
}

p.view-appraisal-link > a {
    text-decoration: underline !important;
}

/* Print */
@media print {
    body {
        margin: 0
    }

    .uk-container {
        max-width: 8.5in;
        width: 100%;
    }

    #loan-illustration-preview {
        max-width: 100% !important
    }

    #loan-illustration #loan-illustration-meta {
        max-width: 50% !important
    }

    #loan-illustration #loan-illustration-lo-data {
        max-width: 50% !important
    }

    #loan-illustration #loan-illustration-summary {
        margin-left: 20px !important;
        max-width: 100% !important;
    }

    .uk-width-medium-1-2 {
        max-width: 50% !important;
    }

    .uk-grid-divider > [class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
        border-left: 1px solid #ddd !important;
    }

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