/* Variables */

/* @gray-background */
/* @white-background */
/* @white-background */
/* @faint-gray */
/* @white-text */
.list-reset {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-font {
    text-transform: capitalize;
    font-weight: bold;
}

.footer-font {
    text-transform: capitalize;
    font-weight: bold;
}

.text-primary {
    color: #082538;
}
/* Base */

/**
  * The base application styles  
  *
  * @author: Jon Bergman
  * @updated: October 30, 2013
  */

html {
    height: 100%;
}

body {
    color: #6a6f81;
    font-size: 17px;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    text-transform: capitalize;
    font-weight: bold;
}

    h1.no-margin,
    h2.no-margin,
    h3.no-margin,
    h4.no-margin,
    h5.no-margin,
    h6.no-margin {
        margin: 0;
    }

    h1.underline,
    h2.underline,
    h3.underline,
    h4.underline,
    h5.underline,
    h6.underline {
        border-bottom: 1px solid #b5bbc4;
    }

    h1.indented,
    h2.indented,
    h3.indented,
    h4.indented,
    h5.indented,
    h6.indented {
        padding-left: 25px;
    }

p {
    line-height: 1.6em;
    margin-bottom: 1.6em;
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.125em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.875em;
}

hr {
    margin: 60px 0;
}

a {
    color: #006ba6;
}

    a:hover {
        color: #006ba6;
        text-decoration: none;
    }

    a:active {
        color: #006ba6;
    }

.no-border-left {
    border-left-width: 0 !important;
    *border-left-width: 1px !important;
}

.no-border-right {
    border-right-width: 0 !important;
    *border-right-width: 1px !important;
}

.no-border-top {
    border-top-width: 0 !important;
    *border-top-width: 1px !important;
}

.no-border-bottom {
    border-bottom-width: 0 !important;
    *border-bottom-width: 1px !important;
}

.add-row-padding .row-fluid {
    margin-top: 5px;
}

    .add-row-padding .row-fluid:first-child {
        margin-top: 0;
    }

.need-help {
    color: #6a6f81;
}

    .need-help h3 {
        margin-bottom: 0;
    }

.finance-manager-info {
    line-height: 25px;
}

    .finance-manager-info span {
        color: #6a6f81;
        display: block;
    }

    .finance-manager-info .phone-number {
        font-size: 20px;
    }

.term-conditions {
    height: 155px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 1em;
    border: 1px solid #f2f2f2;
    margin-bottom: 2em;
}

.padded-container {
    padding: 20px;
}

.row.same-height,
.row-fluid.same-height {
    overflow: hidden;
}

    .row.same-height > div,
    .row-fluid.same-height > div {
        margin-bottom: -2000px;
        padding-bottom: 2000px;
    }

table.checkbox-row-table {
    width: 100%;
}

    table.checkbox-row-table td {
        vertical-align: top;
        padding-top: 3px;
        color: #6a6f81;
    }

        table.checkbox-row-table td:first-child {
            padding-top: 5px;
            width: 25px;
        }

        table.checkbox-row-table td span {
            display: block;
            color: #082538;
        }

.icon-info-sign {
    color: #006ba6;
}

.popover-content {
    line-height: 1.5em;
}

.container-fluid {
    padding: 0em 2em;
}

.bullets > li {
    margin-bottom: 10px;
}

.header-ribbon-link {
    color: white;
    margin-top: .25em;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: underline;
}

.header-apple-link {
    color: #006ba6;
    margin-top: .25em;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: underline;
    font-size: 30px;
}

.lead {
    font-weight: normal;
}

.dropcap {
    font-size: 2em;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: -12px;
    color: #006ba6;
    text-transform: capitalize;
    font-weight: bold;
}

.break-word {
    word-wrap: break-word;
}
/* DCC.COM Template, Main Content Area*/

.main {
    padding: 60px 0;
    background: white;
}

@media (max-width: 767px) {
    .no-border-left {
        border-left-width: 1px !important;
        *border-left-width: 1px !important;
        margin-top: 1em;
    }
}
/**
  * Less spacing styles
  *
  * @author: Jon Bergman
  * @updated: May 7th, 2013
  */

.spacer-top {
    padding-top: 7px;
}

.spacer-top-dashname {
    margin-top: 10px;
    padding-top: 10px;
}

.spacer-bottom-dashname {
    padding-bottom: 0px;
}

.spacer-top-40 {
    padding-top: 40px;
}

.spacer-top-60 {
    padding-top: 60px;
}

.spacer-bottom {
    padding-bottom: 7px;
}

.spacer-inline-narrow {
    padding: 4px 0;
    min-height: 32px;
}

.spacer-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.spacer-top-10 {
    padding-top: 10px;
}

.spacer-bottom-10 {
    padding-bottom: 10px;
}

.spacer-14 {
    padding-top: 14px;
    padding-bottom: 14px;
}

.spacer-top-14 {
    padding-top: 14px;
}

.spacer-bottom-14 {
    padding-bottom: 14px;
}

.spacer-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.spacer-top-20 {
    padding-top: 20px;
}

.spacer-bottom-20 {
    padding-bottom: 20px;
}

.spacer-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.spacer-top-30 {
    padding-top: 30px;
}

.spacer-bottom-30 {
    padding-bottom: 30px;
}

.spacer-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.spacer-top-40 {
    padding-top: 40px;
}

.spacer-bottom-40 {
    padding-bottom: 40px;
}

.spacer-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.spacer-top-50 {
    padding-top: 50px;
}

.spacer-bottom-50 {
    padding-bottom: 50px;
}
/**
  * Additional bootstrap grid additions or overides.
  *
  * @author: Jon Bergman
  * @updated: Created 09, 2013
  */

.row .no-gutter {
    padding: 0;
}

    .row .no-gutter:first-child {
        padding-left: 15px;
    }

    .row .no-gutter:last-child {
        padding-right: 15px;
    }

@media (min-width: 1200px) {
    .no-gutter-lg {
        padding: 0;
    }

        .no-gutter-lg:first-child {
            padding-left: 15px;
        }

        .no-gutter-lg:last-child {
            padding-right: 15px;
        }
}

@media (min-width: 992px) and (max-width: 1999px) {
    .no-gutter-md {
        padding: 0;
    }

        .no-gutter-md:first-child {
            padding-left: 15px;
        }

        .no-gutter-md:last-child {
            padding-right: 15px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .no-gutter-sm {
        padding: 0;
    }

        .no-gutter-sm:first-child {
            padding-left: 15px;
        }

        .no-gutter-sm:last-child {
            padding-right: 15px;
        }

    .no-padding-sm {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .row .no-gutter {
        padding-left: 15px;
        padding-right: 15px;
    }

    .no-padding-xs {
        padding: 0 !important;
    }

    .no-gutter-xs {
        padding: 0;
    }

        .no-gutter-xs:first-child {
            padding-left: 15px;
        }

        .no-gutter-xs:last-child {
            padding-right: 15px;
        }
}
/* Widgets */

/**
* The base styles for the application header.
*/

.site-header {
    color: #003a61;
    background: white;
    height: 60px;
    border-radius: 0px;
    border: none;
    margin: 0;
    /* Simple header co-brand*/
    /* user controls */
}

    .site-header .dropdown-fullname a {
        color: #006ba6;
        background: white;
    }

        .site-header .dropdown-fullname a:hover {
            cursor: pointer;
        }

    .site-header .dropdown-fullname .dropdown-menu {
        border-top: 0;
        right: 0;
        left: auto;
        width: 100%;
    }

        .site-header .dropdown-fullname .dropdown-menu > li > a {
            color: #006ba6;
            font-weight: bold;
        }

            .site-header .dropdown-fullname .dropdown-menu > li > a:hover {
                background: #006ba6;
                color: white;
            }

        .site-header .dropdown-fullname .dropdown-menu .logout-link {
            text-transform: capitalize;
            font-weight: bold;
        }

    .site-header .dropdown-fullname .dropdown-toggle {
        min-width: 250px;
        text-align: right;
    }

    .site-header .dropdown--wallet--availability h4 {
        margin: 0 0 10px;
        color: #082538;
    }

    .site-header .dropdown--wallet--availability p {
        font-size: 12px;
        margin: 0 0 10px;
        padding-left: 10px;
        color: #082538;
    }

    .site-header .dropdown--wallet--availability a {
        color: inherit;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #e5e5e5;
    }

        .site-header .dropdown--wallet--availability a:hover {
            border-bottom-color: #006ba6;
        }

            .site-header .dropdown--wallet--availability a:hover p,
            .site-header .dropdown--wallet--availability a:hover span,
            .site-header .dropdown--wallet--availability a:hover h4 {
                color: white;
            }

    .site-header .wallet--amount {
        font-weight: bold;
        color: #007255;
    }

    .site-header.simple {
        background: white;
        border-bottom: 8px solid #082538;
        height: 68px;
    }

        .site-header.simple .dropdown-toggle-sep {
            color: #007255;
            margin: 0 10px;
        }

        .site-header.simple .sidebar-toggle .bar {
            background: #6a6f81;
        }

        .site-header.simple .dropdown-simple a {
            color: #007255;
        }

            .site-header.simple .dropdown-simple a:hover,
            .site-header.simple .dropdown-simple a:focus {
                color: #007255;
            }

    .site-header .logo {
        margin-top: 20px;
        float: left;
    }

        .site-header .logo .main-logo {
            max-width: 240px;
            float: left;
            margin-top: -20px;
            max-height: 120px;
        }

        .site-header .logo .main-cobranded-logo {
            max-width: 300px;
            max-height: 20px;
            float: left;
            margin-top: 7px;
        }

        .site-header .logo .partner-logo {
            margin-right: 30px;
            padding-right: 30px;
            border-right: 1px solid #b5bbc4;
            max-width: 300px;
            max-height: 30px;
            float: left;
        }

    .site-header .contact-number {
        float: right;
        margin-top: 36px;
        font-weight: bold;
        color: #6a6f81;
    }

        .site-header .contact-number .icon {
            color: #006ba6;
        }

    .site-header .menu-toggle {
        position: relative;
        margin-top: 35px;
        font-size: 1.52em;
        color: #082538;
        float: right;
        font-weight: 700;
    }

        .site-header .menu-toggle a {
            color: inherit;
        }

            .site-header .menu-toggle a.open:after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -7px;
                content: "";
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 7px solid #006ba6;
                border-top: 7px solid transparent;
            }

            .site-header .menu-toggle a.open:hover:after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -7px;
                content: "";
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 7px solid #006ba6;
                border-top: 7px solid transparent;
            }

            .site-header .menu-toggle a:hover {
                text-decoration: none;
            }

                .site-header .menu-toggle a:hover:after {
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    margin-left: -7px;
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 7px solid transparent;
                    border-right: 7px solid transparent;
                    border-top: 7px solid #006ba6;
                }

    .site-header .user-settings {
        background: #006ba6;
        color: #e8f5fa;
        width: 220px;
    }

        .site-header .user-settings .v-card {
            display: inline-block;
            padding: 20px;
        }

            .site-header .user-settings .v-card .avatar {
                float: left;
                margin: -5px 20px 0 0;
                height: 30px;
                width: 30px;
                background: white;
            }

    .site-header .contact {
        color: #6a6f81;
        text-align: right;
    }

        .site-header .contact .contact-message .message-header,
        .site-header .contact .contact-info .message-header,
        .site-header .contact .contact-message .business-hours,
        .site-header .contact .contact-info .business-hours,
        .site-header .contact .contact-message .rep-name,
        .site-header .contact .contact-info .rep-name,
        .site-header .contact .contact-message .phone-number,
        .site-header .contact .contact-info .phone-number {
            display: block;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: bold;
            font-weight: 200;
        }

        .site-header .contact .contact-info {
            margin-top: 40px;
        }

            .site-header .contact .contact-info .rep-name {
                font-size: 18px;
            }

            .site-header .contact .contact-info .phone-number {
                font-size: 20px;
            }

.navbar-nav {
    margin: 0;
}

    .navbar-nav > li > a {
        /*color: @FCB-Success;
            background-color: @FCB-White;*/
        text-transform: capitalize;
        padding: 20px;
    }

        .navbar-nav > li > a .fa {
            margin-left: .5em;
        }

.navbar-collapse {
    padding: 0;
}

.contact-controls {
    margin-top: 20px;
    color: #6a6f81;
    text-transform: capitalize;
    font-weight: bold;
    font-weight: 700;
}

    .contact-controls a,
    .contact-controls i {
        color: #006ba6;
    }

.dropdown-header {
    text-transform: capitalize;
    font-size: inherit;
}

.menu-wrapper {
    float: left;
    height: 100%;
    width: 60px;
    background: #082538;
    color: white;
}

#toggle-area {
    position: absolute;
    top: 0px;
    left: 240px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
}
/*
 * Apple Financial Services specific styles
 */

.afs #site-header #logo {
    margin: 12px 0;
    line-height: 1em;
}

    .afs #site-header #logo > img {
        height: 36px;
        max-width: 315px;
    }

.afs #site-header .phone-number {
    line-height: 1em;
    margin-top: 22px;
}

.le-header-logo {
    float: left;
    margin-right: 2em !important;
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.le-header-main-logo {
    height: 30px !important;
    width: auto !important;
}

.le-header-phone-number {
    float: left;
    height: 12px !important;
    margin: 20px 0 0 0 !important;
}

.afs-header-logo {
    float: left;
    margin-right: 1em !important;
}

.afs-header-phone-number {
    float: left;
    padding: 13px 0 0 0;
    display: none;
}

.afs-header-main-logo {
    height: 55% !important;
    width: 55% !important;
}

.alt-header-phone-number {
    position: relative;
    font-size: 12px;
    padding-top: 36px;
}
/**
 * Header styles for external secutiy pages
 * to look like DCC.com for release 3.3
 */

#site-header {
    position: relative;
    background: white;
    z-index: 999;
    width: 100%;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    #site-header #logo {
        float: left;
        display: block;
        margin: 16px 0 20px;
    }

        #site-header #logo img {
            width: 240px;
        }

#main-nav {
    float: right;
}

    #main-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
        text-transform: capitalize;
    }

        #main-nav ul > li {
            position: relative;
            float: left;
        }

            #main-nav ul > li .sep {
                margin: 0 10px;
            }

            #main-nav ul > li.user-links {
                padding-left: 25px;
                color: #006ba6;
            }

                #main-nav ul > li.user-links > a {
                    display: inline;
                    padding: 0;
                    color: #006ba6;
                }

                    #main-nav ul > li.user-links > a:hover,
                    #main-nav ul > li.user-links > a:active {
                        color: #006ba6;
                        background: white;
                        text-decoration: none !important;
                        outline: none;
                    }

            #main-nav ul > li:first-child {
                border-right: 1px solid whitesmoke;
            }

            #main-nav ul > li:last-child {
                border-right: none;
            }

            #main-nav ul > li.dropdown {
                cursor: pointer;
            }

                #main-nav ul > li.dropdown.open > a {
                    color: white;
                    background: #006ba6;
                    text-decoration: none !important;
                    outline: none;
                }

                #main-nav ul > li.dropdown.open:hover,
                #main-nav ul > li.dropdown.open:active {
                    text-decoration: none !important;
                    outline: none;
                }

            #main-nav ul > li > a {
                display: block;
                padding: 0 25px;
                line-height: 60px;
                color: inherit;
                -webkit-transition: all 100ms;
                -moz-transition: all 100ms;
                transition: all 100ms;
            }

                #main-nav ul > li > a i {
                    color: #006ba6;
                }

                #main-nav ul > li > a.login-link {
                    color: #006ba6;
                }

                    #main-nav ul > li > a.login-link:hover {
                        color: #006ba6;
                        background-color: white;
                    }

                #main-nav ul > li > a.apply-link {
                    background: #006ba6;
                    color: white;
                    padding: 0 15px;
                    border-bottom: 1px solid #006ba6;
                }

                    #main-nav ul > li > a.apply-link:hover {
                        background-color: #006ba6 !important;
                        border-bottom: 1px solid #006ba6;
                        color: white;
                    }

                #main-nav ul > li > a:hover,
                #main-nav ul > li > a:active {
                    color: #006ba6;
                    background-color: white;
                    text-decoration: none;
                }

            #main-nav ul > li.dropdown.open > a {
                background: #006ba6 !important;
            }

            #main-nav ul > li .dropdown-menu {
                width: 201px;
                padding: 10px 0;
                border-bottom: 5px solid #006ba6;
                border-top: 0;
            }

                #main-nav ul > li .dropdown-menu > li {
                    float: none;
                    border: none;
                }

                    #main-nav ul > li .dropdown-menu > li > a {
                        background: white;
                        color: #006ba6;
                        padding: 10px 15px;
                        line-height: 1em;
                        text-transform: none;
                        font-weight: normal;
                    }

                        #main-nav ul > li .dropdown-menu > li > a:hover {
                            background: #e8f5fa;
                        }

            #main-nav ul > li .dropdown-menu-hr {
                padding: 0px 15px 0px 15px;
            }

                #main-nav ul > li .dropdown-menu-hr div {
                    border-bottom: 1px solid #b5bbc4;
                }

#mobile-nav,
#mobile-footer-nav {
    display: none;
    width: 100%;
    background: #f2f2f2;
}

    #mobile-nav ul,
    #mobile-footer-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #mobile-nav ul > li > a,
        #mobile-footer-nav ul > li > a {
            position: relative;
            display: block;
            padding: 17px 20px;
            line-height: 1.4em;
            text-transform: capitalize;
            font-weight: bold;
            font-size: 20px;
            color: inherit;
            border-bottom: 1px solid #dadce1;
            cursor: pointer;
        }

            #mobile-nav ul > li > a > i,
            #mobile-footer-nav ul > li > a > i {
                float: right;
                font-size: 1.5em;
                line-height: 21px;
                margin-top: 5px;
                color: #b5bbc4;
            }

            #mobile-nav ul > li > a:hover,
            #mobile-footer-nav ul > li > a:hover,
            #mobile-nav ul > li > a:active,
            #mobile-footer-nav ul > li > a:active {
                background: #007255;
                color: white;
                border-color: #007255;
                text-decoration: none;
            }

                #mobile-nav ul > li > a:hover > i,
                #mobile-footer-nav ul > li > a:hover > i,
                #mobile-nav ul > li > a:active > i,
                #mobile-footer-nav ul > li > a:active > i {
                    color: white;
                }

        #mobile-nav ul > li.mobile-phone-number > a,
        #mobile-footer-nav ul > li.mobile-phone-number > a {
            color: #006ba6;
        }

            #mobile-nav ul > li.mobile-phone-number > a:hover,
            #mobile-footer-nav ul > li.mobile-phone-number > a:hover,
            #mobile-nav ul > li.mobile-phone-number > a:active,
            #mobile-footer-nav ul > li.mobile-phone-number > a:active {
                background: inherit;
                color: #006ba6;
                border-color: #dadce1;
            }

        #mobile-nav ul.mobile-phone-number > a,
        #mobile-footer-nav ul.mobile-phone-number > a {
            color: #006ba6;
        }

            #mobile-nav ul.mobile-phone-number > a:hover,
            #mobile-footer-nav ul.mobile-phone-number > a:hover,
            #mobile-nav ul.mobile-phone-number > a:active,
            #mobile-footer-nav ul.mobile-phone-number > a:active {
                background: inherit;
                color: #006ba6;
                border-color: #dadce1;
            }

    #mobile-nav .dropdown-menu,
    #mobile-footer-nav .dropdown-menu {
        position: relative;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        float: none;
        background: #e5e5e5;
        top: 0px;
        left: 0px;
        font-size: inherit;
        z-index: auto;
        color: #6a6f81;
    }

        #mobile-nav .dropdown-menu > li > a,
        #mobile-footer-nav .dropdown-menu > li > a {
            background: #e5e5e5;
        }

#menu-toggle,
.sidebar-toggle,
.settings-toggle {
    display: none;
    float: left;
    padding: 20px;
    cursor: pointer;
    margin-left: -20px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    transition: all 500ms;
}

    #menu-toggle .bar,
    .sidebar-toggle .bar,
    .settings-toggle .bar {
        display: block;
        width: 20px;
        margin-bottom: 5px;
        height: 3px;
        background: #6a6f81;
    }

        #menu-toggle .bar:last-child,
        .sidebar-toggle .bar:last-child,
        .settings-toggle .bar:last-child {
            margin: 0;
        }

    #menu-toggle.active,
    .sidebar-toggle.active,
    .settings-toggle.active {
        -webkit-transform-origin: 50% 51%;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

.settings-toggle {
    margin: 0 -20px 0 0;
    float: right;
    padding: 18px 20px;
}

    .settings-toggle i {
        font-size: 23px;
        color: white;
        height: 20px;
    }

.sidebar-toggle .bar {
    background: white;
}

.dropdown-toggle-sep {
    color: white;
    margin: 0 10px;
}

@media (max-width: 992px) {
    #main-nav ul > li > a {
        padding: 0 25px;
        font-size: 14px;
    }

    #site-header #logo {
        display: inline-block;
        float: none;
    }

        #site-header #logo img {
            width: 240px;
        }
}

@media (min-width: 769px) {
    #mobile-nav {
        display: none !important;
    }
}

@media (max-width: 768px) {
    #site-header #logo img {
        width: 240px;
    }

    .site-header {
        text-align: left;
    }

        .site-header .logo {
            display: inline-block;
            float: none;
        }

            .site-header .logo .main-logo {
                max-width: 240px;
                max-height: 45px;
                margin-top: -15px;
            }

        .site-header.affix {
            position: relative !important;
            top: 0px;
            left: 0px;
        }

        .site-header .phone-number {
            margin: 0;
        }

    #menu-toggle,
    .sidebar-toggle,
    .settings-toggle {
        display: block;
    }

    #main-nav {
        display: none;
    }

        #main-nav ul > li > a {
            font-size: 14px;
        }

    .navbar-nav .dropdown {
        display: block;
    }

    .navbar-nav > li.mobile-menu-toggle {
        display: block;
    }
}
/**
  * Styles for the main sidebar navigation within the login portal of the LendEdge application.
  *
  * @author: Jon Bergman
  * @created: May 6th, 2014
  */

.page-navigation {
    position: fixed;
    width: 235px;
    float: left;
    margin-right: -100%;
    z-index: 5;
}

    .page-navigation.closed {
        width: 50px;
    }

        .page-navigation.closed .title {
            display: none;
        }

        .page-navigation.closed .sub-menu {
            display: none;
        }

        .page-navigation.closed .page-menu .toggle:hover {
            width: 50px !important;
        }

        .page-navigation.closed .page-menu > li > a.arrow:after {
            content: "" !important;
        }

        .page-navigation.closed .page-menu > li:hover {
            width: 260px;
            z-index: 999;
            display: block;
        }

            .page-navigation.closed .page-menu > li:hover span {
                display: inline;
                padding-left: 1.6em;
            }

            .page-navigation.closed .page-menu > li:hover .sub-menu {
                position: absolute;
                top: 100%;
                width: 210px;
                left: 50px;
                display: block !important;
                border-left: 1px solid rgba(216, 229, 234, 0.2);
            }

                .page-navigation.closed .page-menu > li:hover .sub-menu > li > a {
                    padding: .3em 1em;
                }

.page-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-weight: bold;
}

    .page-menu .toggle {
        display: block;
        padding: 0;
        color: #d8e5ea;
        line-height: 1em;
        text-align: center;
    }

        .page-menu .toggle > a {
            padding: 8px;
            margin: 10px;
            background: rgba(0, 0, 0, 0.3);
            display: block;
            float: right;
        }

            .page-menu .toggle > a i {
                margin: 0;
            }

    .page-menu > li {
        position: relative;
        border-bottom: 1px solid rgba(216, 229, 234, 0.2);
    }

        .page-menu > li.open > a.arrow:after {
            content: "\f078";
        }

        .page-menu > li:hover > a {
            background-color: #003a61;
            color: #d8e5ea;
        }

        .page-menu > li.active > a {
            background-color: #d8e5ea;
            color: #082538;
        }

            .page-menu > li.active > a:hover {
                background-color: #d8e5ea;
                color: #082538;
            }

        .page-menu > li > a {
            color: white;
            display: block;
            padding: .74em 1em;
            cursor: pointer;
        }

            .page-menu > li > a.arrow {
                position: relative;
            }

                .page-menu > li > a.arrow:after {
                    position: absolute;
                    font-family: FontAwesome;
                    content: "\f054";
                    right: 10px;
                    font-size: inherit;
                    font-weight: normal;
                }

            .page-menu > li > a:hover {
                background-color: #003a61;
                color: #d8e5ea;
            }

            .page-menu > li > a.sidebar-toggle .fa {
                margin: 0;
            }

            .page-menu > li > a > i,
            .page-menu > li > a .fa {
                color: inherit;
                width: 1em;
                font-size: 1em;
                margin-right: .3em;
            }

        .page-menu > li .sub-menu {
            background: #082538;
            list-style: none;
            margin: 0;
            padding: 0;
            display: none;
        }

            .page-menu > li .sub-menu > li > a {
                color: #b5bbc4;
                display: block;
                padding: .3em 1em .3em 2.4em;
                cursor: pointer;
            }

                .page-menu > li .sub-menu > li > a > i {
                    position: relative;
                    top: -3px;
                    font-size: .5em;
                    width: .5em;
                    color: #00bf8e;
                    margin-right: .5em;
                }

                .page-menu > li .sub-menu > li > a:hover {
                    background: #006ba6;
                    color: white;
                }
/* Tablet & Phones */

@media (max-width: 991px) {
    .page-navigation {
        background: #082538;
        width: 100%;
        float: left;
        margin-right: 0;
    }

        .page-navigation.closed {
            display: none;
        }

    .page-menu .toggle {
        display: none;
    }
}
/**
  * The styles for the footer 
  */

#application-footer {
    background: white;
    color: #b5bbc4;
    padding-top: 30px;
    font-size: 0.875em;
}

    #application-footer.thank-you {
        background: whitesmoke;
    }

    #application-footer a {
        color: inherit;
    }

    #application-footer .about {
        float: left;
        max-width: 40%;
    }

    #application-footer .copyright {
        float: right;
        text-align: right;
    }

.site-footer {
    padding: 2em 0;
    font-size: .875em;
    clear: both;
    overflow: hidden;
}

    .site-footer .lendedge-logo {
        max-width: 60px;
        display: inline-block;
        margin: 0 0 20px;
    }

    .site-footer .footer-fcb-logo {
        max-width: 240px;
        padding-left: 10px;
    }

    .site-footer h4 {
        margin: 0;
    }

    .site-footer .social-links {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .site-footer .social-links > li {
            float: left;
        }

            .site-footer .social-links > li > a {
                display: block;
                line-height: 40px;
                width: 40px;
                text-align: center;
                color: white;
            }

                .site-footer .social-links > li > a:hover {
                    text-decoration: none;
                }

                .site-footer .social-links > li > a.facebook {
                    background: #3b5998;
                }

                    .site-footer .social-links > li > a.facebook:hover {
                        background: #4264aa;
                    }

                .site-footer .social-links > li > a.twitter {
                    background: #4099ff;
                }

                    .site-footer .social-links > li > a.twitter:hover {
                        background: #5aa7ff;
                    }

                .site-footer .social-links > li > a.linkedin {
                    background: #4875b4;
                }

                    .site-footer .social-links > li > a.linkedin:hover {
                        background: #5982bd;
                    }

                .site-footer .social-links > li > a.google {
                    background: #6a6f81;
                }

                    .site-footer .social-links > li > a.google:hover {
                        background: #767b8e;
                    }

                .site-footer .social-links > li > a.rss {
                    background: #007255;
                }

                .site-footer .social-links > li > a.email {
                    background: #6a6f81;
                }

    .site-footer .copyright {
        color: #6a6f81;
        font-size: 15px;
    }

        .site-footer .copyright a {
            color: inherit;
        }

        .site-footer .copyright .sep {
            margin: 0 10px;
        }

    .site-footer .footer-links {
        text-align: right;
    }

.minimal-footer {
    padding: 60px 0;
    clear: both;
}

    .minimal-footer .footer-logo {
        margin-right: 40px;
        float: left;
    }

        .minimal-footer .footer-logo img {
            max-height: 25px;
        }

    .minimal-footer .copyright {
        display: inline-block;
        margin-top: 9px;
    }
/*
 * Media queries
 */

@media (max-width: 980px) {
}

@media (max-width: 769px) {
}

@media (max-width: 767px) {
}

@media (max-width: 500px) {
}

@media (max-width: 320px) {
}

@media (min-width: 1200px) {
}
/**
 * Footer styles for external secutiy pages
 * to look like DCC.com for release 3.3
 */

.site-footer {
    padding: 60px 0;
    font-size: .875em;
    background: whitesmoke;
}

    .site-footer.site-external {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .site-footer #footer-logo {
        margin: 0 0 20px;
    }

        .site-footer #footer-logo img {
            height: 33.3px;
        }

    .site-footer h3 {
        font-size: 1.5em;
        margin: 0 0 10px;
    }

        .site-footer h3 a {
            color: inherit;
        }

    .site-footer a:hover {
        text-decoration: underline;
    }

    .site-footer ul.site-links {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .site-footer ul.site-links > li {
            line-height: 1em;
            margin: 15px 0;
        }

    .site-footer .company-links {
        margin-bottom: 5px;
    }

        .site-footer .company-links .reading {
            padding-top: 6px;
        }

            .site-footer .company-links .reading .sep {
                margin: 0 10px;
                color: #b5bbc4;
            }

            .site-footer .company-links .reading > a {
                font-size: 1.2em;
                text-transform: capitalize;
                font-weight: bold;
            }

    .site-footer .social-links {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-right: 15px;
    }

        .site-footer .social-links > li {
            float: left;
            margin-right: 1px;
        }

            .site-footer .social-links > li > a {
                display: block;
                line-height: 35px;
                width: 35px;
                font-size: 26px;
                text-align: center;
                color: white;
                -webkit-transition: background 200ms;
                -moz-transition: background 200ms;
                transition: background 200ms;
            }

                .site-footer .social-links > li > a.facebook {
                    background: #3b5998;
                }

                    .site-footer .social-links > li > a.facebook:hover {
                        background: #4264aa;
                    }

                .site-footer .social-links > li > a.twitter {
                    background: #4099ff;
                }

                    .site-footer .social-links > li > a.twitter:hover {
                        background: #5aa7ff;
                    }

                .site-footer .social-links > li > a.linkedin {
                    background: #4875b4;
                }

                    .site-footer .social-links > li > a.linkedin:hover {
                        background: #5982bd;
                    }

                .site-footer .social-links > li > a.google {
                    background: #6a6f81;
                }

                    .site-footer .social-links > li > a.google:hover {
                        background: #767b8e;
                    }

                .site-footer .social-links > li > a.rss {
                    background: #007255;
                }

                .site-footer .social-links > li > a.email {
                    background: #6a6f81;
                }

    .site-footer .footer-copyright {
        padding-top: 30px;
    }

    .site-footer .phone-number {
        font-size: 26px;
    }

        .site-footer .phone-number a {
            text-transform: capitalize;
            font-weight: bold;
            color: #6a6f81;
        }

        .site-footer .phone-number i {
            color: #6a6f81;
        }

    .site-footer .footer-row .first {
        border-right: 1px solid #b5bbc4;
        padding-right: 15px;
        height: 140px;
    }

    .site-footer .footer-row .third,
    .site-footer .footer-row .forth {
        border-left: 1px solid #b5bbc4;
        padding-left: 30px;
        height: 140px;
    }

    .site-footer .footer-links {
        text-align: right;
    }

        .site-footer .footer-links .sep {
            margin: 0 5px;
        }

    .site-footer #table-terms-social {
        padding-top: 5px;
    }
/*external footer*/

.site-external {
    padding-top: 2em;
}

    .site-external .external-copyright-container {
        padding-top: 18px;
    }

    .site-external span {
        font-size: 12px;
    }

.external-container-copyright {
    padding-left: 15px;
    display: inline-block;
}

.container-error p {
    display: inline-block;
    font-size: 12px;
    padding-left: 25px;
}
/*internal footer*/

.site-internal {
    font-size: 30px 0;
    padding: 2em 0;
}

    .site-internal .copyright {
        display: inline-block;
        margin: 1em 0 0 2em;
        font-size: 12px;
    }

    .site-internal .site-internal-copyright {
        padding-left: 25px;
        padding-top: 20px;
        display: inline-block;
    }

    .site-internal .footer-logo-cit img {
        max-width: 260px;
        padding-left: 7px;
        float: left;
    }

    .site-internal .footer-links .container-term {
        text-align: right;
    }

    .site-internal .footer-links .site-internal-copyright {
        text-align: left;
    }

.container-copyright-image {
    margin: -18px 0px 0px 15px !important;
    width: 200px;
}

.container-term-social {
    text-align: right;
}

.container-term {
    font-size: 12px;
    padding-top: 20px;
    padding-right: 25px;
    display: inline-block;
}

    .container-term .sep {
        margin: 0 5px;
    }

    .container-term a {
        color: #6a6f81;
    }

.container-link {
    font-size: 14px;
}
/*end external*/

/*Less than ipad */

@media (max-width: 991px) {
    .site-footer {
        text-align: left;
    }

        .site-footer #footer-logo {
            margin-top: 30px;
            text-align: center;
        }

        .site-footer .social-links {
            margin: 30px 0;
            text-align: center;
            float: none;
            display: inline-block;
        }

        .site-footer .footer-links {
            text-align: center;
        }

        .site-footer .copyright {
            text-align: center;
            margin: 0 0 10px;
        }

    #mobile-footer-nav {
        display: block;
        background: none;
        font-size: 17px;
        text-transform: capitalize;
        font-weight: bold;
    }

        #mobile-footer-nav .dropdown-menu li a {
            color: #6a6f81;
        }

        #mobile-footer-nav a:hover {
            text-decoration: none !important;
        }
}

@media (max-width: 991px) {
    .sidebar {
        height: auto !important;
    }

    .site-footer.site-external {
        position: relative !important;
    }

    .site-footer .social-links {
        /* margin: 30px 0; */
        text-align: center;
        float: none;
        /* display: inline-block; */
        width: 100%;
        display: block;
        clear: none;
        position: relative;
        width: 108px;
        height: 40px;
        margin: 30px auto;
    }

    .footer-logo-mobile {
        max-width: 240px;
    }
}

@media (max-width: 767px) {
    .site-footer .footer-links {
        font-size: 12px;
        margin-top: 20px;
        text-align: center;
    }

        .site-footer .footer-links .sep {
            margin: 0px;
            display: none;
        }

        .site-footer .footer-links a {
            display: block;
            padding: 5px;
        }
}

@media (max-width: 767px) {
    .site-footer .footer-links {
        font-size: 12px;
        margin-top: 20px;
        text-align: center;
    }

        .site-footer .footer-links .sep {
            margin: 0px;
            display: none;
        }

        .site-footer .footer-links a {
            display: block;
            padding: 5px;
        }
}

@media (max-width: 430px) {
    .footer-logo-mobile {
        max-width: 185px;
    }
}

footer#footer {
    border-top: none;
    background: #f3f3f3;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
/**
  * The base styles for the application forms.
  *
  * @author: Jon Bergman
  * @created: October 28, 2013
  */

.login-form {
    padding: 60px 0px;
    background: #e8ebed;
}

    .login-form .form-title {
        color: #006ba6;
    }

label {
    font-weight: normal;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    color: #6a6f81;
    padding: 0px 1.2em;
    height: 40px;
    border: 1px solid #6a6f81;
    width: 100%;
    background: url(images/field-caret-fcb.png) -25px center no-repeat;
    background-color: white;
    -webkit-transition: background-position 0.25s ease, padding 0.17s ease;
    -moz-transition: background-position 0.25s ease, padding 0.17s ease;
    -o-transition: background-position 0.25s ease, padding 0.17s ease;
    transition: background-position 0.25s ease, padding 0.17s ease;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        border-color: #b5bbc4;
        outline: 0;
        padding-left: 1.4em;
        background-position: 0 center;
    }

input::-webkit-input-placeholder {
    color: #b5bbc4;
    font-style: italic;
}

input:-moz-placeholder {
    color: #b5bbc4;
    font-style: italic;
}

input::-moz-placeholder {
    color: #b5bbc4;
    font-style: italic;
}

input:-ms-input-placeholder {
    color: #b5bbc4;
    font-style: italic;
}

.applicant {
    border: 1px solid #b5bbc4;
    padding-top: 10px;
}

.ownership-percentage {
    font-size: 1.1em;
}

.sufficient-ownership {
    color: #007255;
}
/* The ":root" is to hide these styles from IE7 and IE8 */

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    border-radius: 0;
    border-color: #b5bbc4;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 17px;
}

    input[type="text"].inline-editor,
    input[type="password"].inline-editor,
    input[type="datetime"].inline-editor,
    input[type="datetime-local"].inline-editor,
    input[type="date"].inline-editor,
    input[type="month"].inline-editor,
    input[type="time"].inline-editor,
    input[type="week"].inline-editor,
    input[type="number"].inline-editor,
    input[type="email"].inline-editor,
    input[type="url"].inline-editor,
    input[type="search"].inline-editor,
    input[type="tel"].inline-editor,
    input[type="color"].inline-editor {
        height: 30px;
        margin-bottom: 0;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus {
        outline: 0;
        border-color: #007255;
    }
/* was previously within Root to hide these styles from IE7 and IE8  */

select {
    position: relative;
    background: url(images/arrow-down-fcb.png) no-repeat right -40px;
    background-color: white;
    border-radius: 0;
    border: solid 1px #b5bbc4;
    color: #6a6f81;
    font-family: inherit;
    display: inline-block;
    padding: 6px 40px 6px 10px;
    height: 40px;
    line-height: initial;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-overflow: '';
    text-indent: 0.01px;
    overflow: hidden;
    width: 100%;
    /* Removes IE styling */
}

    select::-ms-expand {
        display: none;
    }

    select.selected {
        color: #082538;
        font-style: normal;
    }

    select.inline-editor {
        height: 30px;
        background: white url(images/arrow-down-inline.png) no-repeat right 0px;
        margin-bottom: 0;
        padding: 3px 30px 3px 6px;
    }

        select.inline-editor:focus {
            outline: 0;
            border-color: #007255;
            background-position: right -30px;
        }

        select.inline-editor.invalid {
            outline: 0;
            color: #d8000c;
            border-color: #d8000c;
            background-position: right -60px;
        }

    select:focus {
        outline: 0;
        border-color: #007255;
        background-position: right -40px;
    }

    select.invalid {
        outline: 0;
        color: #d8000c;
        border-color: #d8000c;
        background-position: right -80px;
    }

    select option {
        color: #082538;
        font-style: normal !important;
    }

        select option[value=""] {
            color: #6a6f81;
        }

    select.error {
        color: #d8000c;
        border-color: #d8000c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

@-moz-document url-prefix() {
    .inline-editor {
        background-color: #fdfeff;
    }
}

@-moz-document url-prefix() {
    select {
        background-color: #fdfeff;
    }
}
/*TODO Scott*/

.button-select {
    background-color: white;
    background: white url(images/arrow-down-fcb.png) no-repeat right -40px;
    border: 1px solid #007255;
    color: #6a6f81;
    cursor: pointer;
    height: 40px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 50px;
    padding-top: 6px;
    text-align: start;
    width: 100%;
}

    .button-select:focus {
        outline: 0;
        border-color: #007255;
        background-position: right -40px;
    }

.button-select-small {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    height: 32px;
    background: #fdfeff url(images/arrow-down-inline.png) no-repeat right 0px;
    border: 1px solid #b5bbc4;
    width: 100%;
    padding: 0 50px 0 10px;
    text-align: left;
}

    .button-select-small:focus {
        outline: 0;
        border-color: #007255;
        background-position: right -90px;
    }

.remove-owner-link {
    cursor: pointer;
    float: right;
    color: #082538;
    margin-right: 35px;
}

    .remove-owner-link:hover {
        color: #006ba6;
    }

label.error {
    color: #d8000c;
}

span.invalid-form-msg {
    display: block;
    margin-top: 12px;
}

textarea {
    background: whitesmoke;
    border: 1px solid #b5bbc4;
    padding: 10px;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
}

    textarea:focus {
        outline: none;
        box-shadow: none;
    }

    select.error,
    textarea.error {
        color: #d8000c;
        border-color: #d8000c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

.tooltip {
    text-transform: none;
}

input[disabled][type="image"] {
    background-color: transparent;
}

.secure-field:last-child {
    position: relative;
    top: -20px;
    margin-bottom: 20px;
}

.form-field-container .highlighted {
    margin: 0 -20px;
    padding: 20px;
    background: #dadce1;
}

    .form-field-container .highlighted ~ .highlighted {
        margin-top: -3em;
        margin-bottom: 2em;
    }

        .form-field-container .highlighted ~ .highlighted .spacer {
            padding-bottom: 0px;
        }

        .form-field-container .highlighted ~ .highlighted .godaddy-seal {
            display: none;
        }

.branch-option {
    color: #082538;
    margin: 1em 0 0 0;
}

    .branch-option label {
        font-weight: bold;
    }

    .branch-option p {
        margin-left: 1.1em;
        margin-top: .3em;
        line-height: 1em;
    }

.spacer {
    padding: 0px 2em 2em 1em;
}

.form-label {
    line-height: 40px;
    margin: 0px;
    color: #082538;
}

    .form-label span,
    .form-label label {
        display: inline;
    }

    .form-label .fa-info-circle {
        color: #006ba6;
    }

        .form-label .fa-info-circle:hover {
            color: #006ba6;
        }

.form-message {
    color: #6a6f81;
    text-transform: capitalize;
    font-weight: bold;
}

.why-required {
    font-size: 12px;
    font-weight: bold;
    float: right;
    line-height: 40px;
}

.additional-owners {
    margin-left: 10px;
    margin-right: 30px;
}

.form-group {
    margin-bottom: 1em;
}

.small-select-group {
    font-size: .9em;
    position: relative;
    padding-top: 0;
    margin-top: 0;
    width: auto;
}

    .small-select-group span {
        float: left;
        margin-top: 1em;
    }

        .small-select-group span select {
            margin-top: -0.5em;
            padding-left: 0;
            width: 5em !important;
        }

    .small-select-group a:hover {
        cursor: pointer;
    }

.small-select-box {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-appearance: none;
    height: 28px;
    background: #fdfeff url(images/arrow-down-inline-blue.png) no-repeat right -90px;
    margin-bottom: 0;
    padding: 2px 30px 2px 7px;
    border: none;
    text-overflow: '';
}

    .small-select-box:focus {
        outline: 0;
        background-position: right -60px;
    }

    .small-select-box.invalid {
        outline: 0;
        color: #d8000c;
        background-position: right -30px;
    }

@-moz-document url-prefix() {
    .small-select-box {
        padding: 0;
        background-color: #fdfeff;
        height: 1.5em;
    }
}

.small-select-box-border {
    border: 1px solid #6a6f81;
    height: 32px;
}

@-moz-document url-prefix() {
    .small-select-box-border {
        height: 2em;
    }
}

.small-select-light {
    background: white url(images/arrow-down-inline-blue.png) no-repeat right -62px;
}

    .small-select-light:focus {
        outline: 0;
        background-position: right -32px;
    }

@-moz-document url-prefix() {
    .small-select-light {
        background-color: #fdfeff;
    }
}

.url-box {
    position: relative;
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 30px;
}

    .url-box .btn {
        position: absolute;
        top: 15px;
        right: 15px;
        padding-left: 30px;
        padding-right: 30px;
        background: #006ba6;
    }

    .url-box .link {
        display: block;
        color: #006ba6;
        padding: 5px 120px 5px 0px;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

input[type=text].mobile-search-box {
    background: rgba(216, 229, 234, 0.9);
    border: none;
    color: white;
}

    input[type=text].mobile-search-box::-webkit-input-placeholder {
        color: white;
        font-style: italic;
    }

    input[type=text].mobile-search-box:-moz-placeholder {
        color: white;
        font-style: italic;
    }

    input[type=text].mobile-search-box::-moz-placeholder {
        color: white;
        font-style: italic;
    }

    input[type=text].mobile-search-box:-ms-input-placeholder {
        color: white;
        font-style: italic;
    }

.search-box {
    position: relative;
    width: auto;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    height: 1.75em;
    background-color: #fdfeff;
    color: #082538;
    overflow: hidden;
    border: 1px solid gray;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .search-box .search-blue {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #006ba6;
        color: #fdfeff;
        margin: 0;
        padding: 0;
        width: 1.75em;
        height: 100%;
        overflow: hidden;
        text-align: center;
        border: none;
    }

        .search-box .search-blue:hover {
            cursor: pointer;
            background-color: #006ba6;
        }

    .search-box input {
        position: absolute;
        left: 0;
        top: 0;
        overflow: auto;
        margin: 0 1.76em 0 0;
        padding: .1em;
        width: 100%;
        height: 100%;
        color: #082538;
        border: none;
    }

@media (max-width: 1280px) {
    .city-state-zip-block .col-sm-5,
    .city-state-zip-block .col-sm-4,
    .city-state-zip-block .col-sm-3 {
        position: static;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: none;
        display: block;
        width: 100%;
    }

        .city-state-zip-block .col-sm-5 .col-sm-12,
        .city-state-zip-block .col-sm-4 .col-sm-12,
        .city-state-zip-block .col-sm-3 .col-sm-12 {
            margin-bottom: 1em;
        }

        .city-state-zip-block .col-sm-5 .no-border-left,
        .city-state-zip-block .col-sm-4 .no-border-left,
        .city-state-zip-block .col-sm-3 .no-border-left {
            border-width: 1px !important;
        }

    .city-state-zip-block .no-gutter {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .spacer {
        padding: 0 0 1em;
    }

    .login-form {
        padding: 60px 0px;
        background: white;
    }

    .city-state-zip-block .col-sm-5 .col-sm-12,
    .city-state-zip-block .col-sm-4 .col-sm-12,
    .city-state-zip-block .col-sm-3 .col-sm-12 {
        margin-bottom: 0;
    }
}

.secure-fields {
    background: #dadce1;
    padding: 20px 20px 1px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 15px;
}

.customer-apply .secure-fields .form-field-container .highlighted {
    margin: 0;
    padding: 10px 0;
}
/**
  * CSS animations and transforms for the LE loading gears.
  *
  * @author: Mark Johnson
  * @created: October 09, 2013
  */

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateReverse {
    from {
        -webkit-transform: rotate(360deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes rotateReverse {
    from {
        -moz-transform: rotate(360deg);
    }

    to {
        -moz-transform: rotate(0deg);
    }
}

@-ms-keyframes rotateReverse {
    from {
        -ms-transform: rotate(360deg);
    }

    to {
        -ms-transform: rotate(0deg);
    }
}

@-o-keyframes rotateReverse {
    from {
        -o-transform: rotate(360deg);
    }

    to {
        -o-transform: rotate(0deg);
    }
}

@keyframes rotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.csstransitions .animated-gears {
    display: none;
}

.no-csstransitions .large-gear,
.no-csstransitions .small-gear,
.no-csstransitions .splash-logo {
    display: none;
}

.data-loading-container {
    position: relative;
}

    .data-loading-container .data-loading {
        margin-top: 100px;
        position: absolute;
        left: 50%;
        z-index: 9999;
    }

        .data-loading-container .data-loading .splash-container {
            position: relative;
            left: -50%;
        }

.splash-body {
    width: 500px;
    height: 1000px;
    margin: 0 auto;
    padding-top: 240px;
}

.splash-container {
    width: 140px;
    height: 106px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

    .splash-container .large-gear {
        width: 106px;
        height: 106px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-animation-name: rotate;
        -moz-animation-name: rotate;
        -o-animation-name: rotate;
        animation-name: rotate;
        -webkit-animation-duration: 6s;
        -moz-animation-duration: 6s;
        -o-animation-duration: 6s;
        animation-duration: 6s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    .splash-container .splash-logo {
        width: 106px;
        height: 106px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        background: url('images/LE_Logo.png') no-repeat left top;
    }

    .splash-container .small-gear {
        width: 45px;
        height: 45px;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 3px;
        right: 0;
        -webkit-animation-name: rotateReverse;
        -moz-animation-name: rotateReverse;
        -o-animation-name: rotateReverse;
        animation-name: rotateReverse;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
    }
/**
  * The base form validation styles.
  *
  * @author: Jon Bergman
  * @updated: October 09, 2013
  */

label.invalid,
span.invalid {
    color: #d8000c !important;
}

i.invalid-icon {
    color: #d8000c !important;
    cursor: pointer;
    margin-right: 7px;
}

    i.invalid-icon + .popover {
        color: #fae8e8;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-color: #d8000c;
        background-color: #d8000c;
    }

        i.invalid-icon + .popover .arrow {
            border-top-color: #d8000c;
        }

            i.invalid-icon + .popover .arrow:after {
                border-top-color: #d8000c;
            }

input.invalid,
textarea.invalid {
    border: solid 1px #d8000c !important;
    color: #d8000c !important;
}

    input.invalid[type="text"],
    textarea.invalid[type="text"],
    input.invalid[type="password"],
    textarea.invalid[type="password"] {
        background: url(images/field-caret-error.png) -25px center no-repeat;
        background-color: white;
    }

    input.invalid::-webkit-input-placeholder,
    textarea.invalid::-webkit-input-placeholder,
    input.invalid:-moz-placeholder,
    textarea.invalid:-moz-placeholder,
    input.invalid::-moz-placeholder,
    textarea.invalid::-moz-placeholder,
    input.invalid:-ms-input-placeholder,
    textarea.invalid:-ms-input-placeholder {
        color: #d8000c !important;
    }

    input.invalid:focus,
    textarea.invalid:focus {
        background-position: 0 center;
    }

span.error,
span.after {
    position: relative;
    display: block;
    text-align: center;
    color: white;
    font-size: 12px;
    font-weight: normal;
    background: #d8000c;
    padding: 3px 5px;
}

    span.error:after,
    span.after:after {
        content: "";
        position: absolute;
        top: -5px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #d8000c;
    }
/**
  * Less file contains styeless for the sidebar  
  *
  * @author: Jon Bergman
  * @updated: Jan 28, 2014
  */

#sticky-sidebar.affix {
    top: 1px;
    /* Chrome fix */
    width: 100%;
    position: fixed !important;
    background: whitesmoke;
}

.external .sidebar ul.headers {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .external .sidebar ul.headers > li.finance {
        padding-top: 2.8em;
    }

.sidebar {
    position: relative;
    background: whitesmoke;
    height: 100%;
    min-height: 100%;
    min-width: 375px;
    color: #082538;
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

    .sidebar ul.headers {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .sidebar ul.headers > li {
            position: relative;
            display: block;
            color: #082538;
            text-transform: capitalize;
            font-weight: bold;
            font-weight: 700;
            line-height: 1.3em;
            padding: 30px 20px;
            font-size: 1.875em;
        }

            .sidebar ul.headers > li p {
                font-weight: normal;
            }

            .sidebar ul.headers > li.apply {
                /*background: @FCB-Blue;*/
                position: relative;
            }

            .sidebar ul.headers > li.help {
                text-transform: none;
                font-weight: normal;
                font-size: 1em;
                padding: 30px 20px;
                overflow: hidden;
                xxposition: relative;
            }

            .sidebar ul.headers > li.secure,
            .sidebar ul.headers > li.quick-link-header {
                position: relative;
                color: #082538;
                font-size: 1.5em;
                padding: 3em 1em 1em;
            }

                .sidebar ul.headers > li.secure p,
                .sidebar ul.headers > li.quick-link-header p {
                    text-transform: none;
                    line-height: 20px;
                }

            .sidebar ul.headers > li.quick-link-header {
                top: 0;
            }

    .sidebar .quick-links {
        display: block;
    }

        .sidebar .quick-links > li {
            display: block;
            font-size: 1.5em;
        }

            .sidebar .quick-links > li span {
                color: #007255;
            }

            .sidebar .quick-links > li.help {
                text-transform: none;
                font-weight: normal;
                font-size: 1em;
                padding: 2em 3.5em;
            }

                .sidebar .quick-links > li.help h4 {
                    margin: 0 0 5px;
                }

            .sidebar .quick-links > li > i {
                font-size: 1.225em;
                margin-right: 10px;
            }

            .sidebar .quick-links > li > a {
                display: block;
                padding: .5em 2em;
                font-size: 1.225em;
                font-weight: bold;
                border-bottom: none;
                color: white;
                line-height: 1.3em;
            }

                .sidebar .quick-links > li > a.invalid {
                    background: #d8000c;
                }

                    .sidebar .quick-links > li > a.invalid span {
                        color: white;
                    }

                .sidebar .quick-links > li > a:hover {
                    color: white;
                    text-decoration: none;
                    background-color: #007255;
                }

                    .sidebar .quick-links > li > a:hover span {
                        color: white;
                    }

    .sidebar .content {
        padding: 30px;
    }

.sidebar-container {
    margin-top: 60px;
    padding-right: 20px;
}

.secure-disclaimer {
    max-width: 250px;
    margin: 0 auto;
}

    .secure-disclaimer .icon {
        font-size: 80px;
        float: left;
        margin-right: 20px;
        color: #6a6f81;
    }

    .secure-disclaimer p {
        color: #082538;
    }

        .secure-disclaimer p strong {
            font-size: 17px;
            text-transform: capitalize;
            font-weight: bold;
        }

.promotion {
    max-width: 300px;
    margin: 0 auto;
}

    .promotion .image-wrapper {
        text-align: center;
        border-bottom: 1px solid #6a6f81;
        margin-bottom: 30px;
    }

        .promotion .image-wrapper img {
            display: inline-block;
            height: 100px;
            margin-bottom: 30px;
        }

    .promotion h3 {
        color: #6a6f81;
        text-transform: capitalize;
        font-weight: bold;
        font-weight: 200;
        margin: 0;
    }

.quickformhelp {
    max-width: 300px;
}

    .quickformhelp h2,
    .quickformhelp h3 {
        margin: 0 0 3px;
    }

.small {
    font-size: 0.75em;
}

.smaller {
    font-size: 0.66em;
}

@media (max-width: 991px) {
    .step2 .quickformhelp,
    .step3 .quickformhelp,
    .step4 .quickformhelp {
        position: relative !important;
    }
}

@media (max-width: 1200px) {
    .sidebar .quick-links > li.help {
        padding: 2em;
    }

    .sidebar .quick-links > li a {
        font-size: 1em;
        padding: .5em 1.4em;
    }
}

.quickformhelp {
    font-size: 1.00em;
}

.quickformhelptext {
    font-size: .75em;
    font-weight: normal;
    text-transform: none;
}

.quickformhelptext1 {
    font-size: .50em;
    font-weight: normal;
    text-transform: none;
}

.representativetext {
    font-size: .75em;
}
/**
  * The base application styles  
  *
  * @author: Jon Bergman
  * @updated: November 25, 2013
  */

.recent-transactions {
    width: 100%;
}

    .recent-transactions thead {
        text-transform: capitalize;
        font-weight: bold;
        font-weight: 700;
        font-size: 1.25em;
    }

        .recent-transactions thead tr {
            border-bottom: 1px solid #b5bbc4;
        }

            .recent-transactions thead tr th {
                padding-bottom: 1em;
                text-align: left;
            }

    .recent-transactions tbody tr {
        border-bottom: 1px solid #b5bbc4;
    }

        .recent-transactions tbody tr td {
            padding: 1em .5em;
        }

            .recent-transactions tbody tr td.status {
                color: #6a6f81;
                font-weight: 800;
                text-transform: capitalize;
                font-weight: bold;
            }

.transaction-list-table {
    color: #082538;
    background: white;
    border: 1px solid #082538;
}

    .transaction-list-table thead > tr th {
        color: white;
        font-weight: normal;
        border-bottom: none;
        text-align: center;
        vertical-align: middle;
    }

        .transaction-list-table thead > tr th.application {
            background-color: #082538;
        }

        .transaction-list-table thead > tr th.amount {
            background-color: #003a61;
        }

        .transaction-list-table thead > tr th.term {
            background-color: #006ba6;
        }

        .transaction-list-table thead > tr th.dynamic {
            background-color: #dadce1;
            color: #c8cacc;
        }

    .transaction-list-table tbody > tr > td {
        border: none;
        text-align: center;
    }

        .transaction-list-table tbody > tr > td.application-number {
            text-align: left;
        }

            .transaction-list-table tbody > tr > td.application-number > a {
                font-weight: bold;
                border-bottom: 1px solid;
            }

                .transaction-list-table tbody > tr > td.application-number > a:hover {
                    text-decoration: none;
                    color: #006ba6;
                }

        .transaction-list-table tbody > tr > td.status {
            text-align: left;
        }

            .transaction-list-table tbody > tr > td.status .statusInfo {
                color: #082538;
                text-transform: capitalize;
                font-weight: bold;
            }

    .transaction-list-table td:nth-child(even) {
        background: #d8e5ea;
    }

.default {
    background: white;
    border: 1px solid #b5bbc4;
    color: #6a6f81;
    width: 100%;
}

    .default thead {
        font-weight: 200;
        background: #dadce1;
        color: #082538;
    }

        .default thead tr th {
            font-weight: 300;
            padding: 10px 20px;
            text-align: left;
            border: none;
        }

            .default thead tr th select {
                margin: 0;
                width: 150px;
            }

    .default tbody tr {
        border-bottom: none;
    }

        .default tbody tr td {
            padding: 10px 20px;
            border: none;
        }

            .default tbody tr td.checkbox {
                border-right: 1px solid #b5bbc4;
            }

            .default tbody tr td.status {
                color: #6a6f81;
                font-weight: 700;
            }

td.conversion-rate .conversion-graph {
    position: relative;
    border-top: 1px solid #b5bbc4;
    background: whitesmoke;
    padding: 13px 0;
    min-width: 250px;
}

    td.conversion-rate .conversion-graph .percentage-bar {
        background: #007255;
        height: 10px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    td.conversion-rate .conversion-graph .conversion-indicator {
        position: absolute;
        background: #003a61;
        width: 5px;
        height: 25px;
        top: 5px;
        border-radius: 5px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }

td.conversion-rate span {
    font-size: .675em;
    color: #6a6f81;
}

table select {
    position: relative;
    background: url(images/arrow-down-fcb.png) no-repeat right 0;
    background-color: white;
    border-radius: 0;
    border-color: #b5bbc4;
    color: #6a6f81;
    display: inline-block;
    padding: 6px 50px 6px 10px;
    height: 40px;
    line-height: initial;
    font-family: inherit;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 0.01px;
    text-overflow: '';
}

.table-striped tbody > tr:nth-child(even) > td {
    background: #f1f2f4;
}

.table-striped tbody > tr:nth-child(odd) > td {
    background: #f1f2f4;
}

.application-list .tabledefault {
    font-size: 14px;
    text-align: center;
}

.application-list div.complex-data-row {
    position: relative;
    height: 2em;
    width: 96%;
    clear: both;
}

    .application-list div.complex-data-row div.pull-left {
        margin-top: .25em;
    }

    .application-list div.complex-data-row div.pull-right {
        padding-bottom: .5em;
        background-color: transparent;
    }

.application-list div.tabledefault {
    margin-top: .5em;
    margin-bottom: .5em;
}

div.table-striped > div.tablebody > div.tablerow > div.tablecolumn:nth-child(odd) {
    background-color: #e8f5fa;
}

div.table-striped > div.tablebody > div.tablerow > div.tablecolumn:nth-child(even) {
    background-color: #fdfeff;
}

.status-table {
    margin: 0 0 30px 30px;
    font-size: 20px;
}

    .status-table .label {
        color: #6a6f81;
        font-size: 20px;
        vertical-align: middle;
        line-height: 1em;
    }

    .status-table tbody > tr > td {
        border: none;
        padding: 5px 0;
    }

        .status-table tbody > tr > td.status {
            color: #6a6f81;
        }

        .status-table tbody > tr > td.confirmation-number {
            font-size: 1em;
            color: #006ba6;
        }

    .status-table sub {
        bottom: 0;
        text-transform: none;
    }
/*
 * Media queries
 */

@media (max-width: 980px) {
    .default thead tr th {
        font-weight: 300;
        padding: 5px;
        text-align: left;
    }

    .default tbody tr td {
        padding: 5px;
    }

    div.columnof6 {
        font-size: .8em !important;
    }
}

@media (max-width: 768px) {
    div.tablecolumn {
        float: left !important;
        width: 33.33% !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    div.namecolumn {
        overflow: visible;
        white-space: normal;
        -moz-text-overflow: clip;
        text-overflow: clip;
    }

    div.columnof6 {
        font-size: .7em !important;
    }
}

@media (max-width: 767px) {
    div.columnof6 {
        font-size: .7em !important;
    }
}

@media (max-width: 500px) {
    div.columnof6 {
        font-size: .9em !important;
    }

    div.columnof6 {
        float: none !important;
        display: block;
    }
}

@media (max-width: 320px) {
    div.columnof6 {
        font-size: .7em !important;
    }
}

@media (min-width: 1200px) {
}

.recent-transactions-loading {
    padding-top: 150px;
    height: 283px;
    background: #edf0f2;
    border: 1px solid #b5bbc4;
    color: #6a6f81;
}

    .recent-transactions-loading h3 {
        text-align: center;
    }

.user-apps-loading {
    padding-top: 230px;
    height: 400px;
    background: #edf0f2;
    border: 1px solid #b5bbc4;
    color: #6a6f81;
}

    .user-apps-loading h3 {
        text-align: center;
    }
/**
  * Date picker styles used on the dashboard 
  * volume and conversion graph.
  */

.daterangepicker {
    position: absolute;
    background: white;
    top: 100px;
    left: 20px;
    padding: 0;
    min-width: 300px;
    margin: -1px 0px 0px 0px;
    border-radius: 0px;
    border: 1px solid #007255;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .daterangepicker.dropdown-menu {
        max-width: none;
        z-index: 3000;
    }

    .daterangepicker .ranges {
        margin: 0;
        padding: 10px;
        float: left;
        width: 295px;
    }

        .daterangepicker .ranges label {
            color: #333333;
            font-size: 11px;
            margin-bottom: 2px;
            text-transform: capitalize;
            text-shadow: 1px 1px 0 white;
        }

        .daterangepicker .ranges input {
            font-size: 11px;
            background: white;
            border-radius: 0px;
            box-shadow: none;
        }

        .daterangepicker .ranges ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .daterangepicker .ranges li {
            padding: 10px;
            font-size: 14px;
            color: #6a6f81;
            border-bottom: 1px solid #dadce1;
        }

            .daterangepicker .ranges li span {
                float: right;
                color: #b5bbc4;
                font-size: 11px;
            }

            .daterangepicker .ranges li.active,
            .daterangepicker .ranges li:hover {
                background: #006ba6;
                border-color: #006ba6;
                color: white;
            }

                .daterangepicker .ranges li.active span,
                .daterangepicker .ranges li:hover span {
                    color: #e8f5fa;
                }

    .daterangepicker .calendar {
        display: none;
        max-width: 250px;
        float: left;
        margin: 10px 10px 0 0;
    }

        .daterangepicker .calendar th,
        .daterangepicker .calendar td {
            white-space: nowrap;
            text-align: center;
        }

    .daterangepicker .calendar-date {
        border: 1px solid #dddddd;
        padding: 4px;
        border-radius: 4px;
        background: white;
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 8px auto 0 auto;
        line-height: 30px;
    }

    .daterangepicker table {
        width: 100%;
        margin: 0;
    }

    .daterangepicker td,
    .daterangepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        cursor: pointer;
        white-space: nowrap;
    }

        .daterangepicker td.available:hover,
        .daterangepicker th.available:hover {
            background: #eeeeee;
        }

        .daterangepicker td.week,
        .daterangepicker th.week {
            font-size: 80%;
            color: #cccccc;
        }

        .daterangepicker td.off {
            color: #999999;
        }

        .daterangepicker td.disabled {
            color: #999999;
        }

        .daterangepicker td.in-range {
            background: #ebf4f8;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .daterangepicker td.active,
        .daterangepicker td.active:hover {
            background-color: #006dcc;
            background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
            background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
            background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
            background-image: -o-linear-gradient(top, #0088cc, #0044cc);
            background-image: linear-gradient(top, #0088cc, #0044cc);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
            border-color: #0044cc #0044cc #002a80;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            color: white;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

    .daterangepicker select.monthselect,
    .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select.yearselect {
        width: 40%;
    }

    .daterangepicker select.hourselect,
    .daterangepicker select.minuteselect,
    .daterangepicker select.ampmselect {
        width: 60px;
        margin-bottom: 0;
    }

.range_inputs {
    margin-top: 10px;
}

    .range_inputs .button {
        margin: 5px;
    }

.daterangepicker_start_input {
    width: 50%;
}

.daterangepicker_end_input {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/**
  * Stylesheet for the internal pages of lend edge
  *
  * @author: Jon Bergman
  * @created: November 27, 2013
  */

#breadcrumbs {
    padding: 10px 0;
    font-size: .75em;
    text-transform: capitalize;
    font-weight: bold;
    color: #d8e5ea;
    background: #082538;
}

    #breadcrumbs a {
        color: white;
        border-bottom: 1px solid;
    }

        #breadcrumbs a:hover {
            text-decoration: none;
        }

#customerType {
    background: url(images/CustomerType.png);
    background-repeat: no-repeat;
}

#vendorType {
    background: url(images/PartnerType.png);
    background-repeat: no-repeat;
}

.login .form-wrapper,
.signup .form-wrapper {
    padding: 1em;
}

.login #hero,
.signup #hero {
    text-align: center;
    background: #003a61;
    color: white;
    padding: 60px 0;
}

    .login #hero .container,
    .signup #hero .container {
        text-align: left;
    }

    .login #hero h1,
    .signup #hero h1 {
        margin: 0;
        color: white;
        font-size: 3em;
    }

    .login #hero #signup-note,
    .signup #hero #signup-note {
        color: #082538;
    }

.login,
.partner-sign-up,
.signup,
.activate,
.security,
.forgot-password {
    font-size: 17px;
    background: white;
    padding-bottom: 40px;
    color: #6a6f81;
    /* TODO: Move this to a global location */
}

    .login .main-heading,
    .partner-sign-up .main-heading,
    .signup .main-heading,
    .activate .main-heading,
    .security .main-heading,
    .forgot-password .main-heading {
        color: #006ba6;
    }

    .login .sub-heading,
    .partner-sign-up .sub-heading,
    .signup .sub-heading,
    .activate .sub-heading,
    .security .sub-heading,
    .forgot-password .sub-heading {
        color: #6a6f81;
        margin: 0 0 30px;
    }

    .login h3 a,
    .partner-sign-up h3 a,
    .signup h3 a,
    .activate h3 a,
    .security h3 a,
    .forgot-password h3 a {
        font-size: .7em;
        text-decoration: underline;
    }

    .login h2,
    .partner-sign-up h2,
    .signup h2,
    .activate h2,
    .security h2,
    .forgot-password h2 {
        color: #006ba6;
    }

    .login p,
    .partner-sign-up p,
    .signup p,
    .activate p,
    .security p,
    .forgot-password p {
        margin: 0 0 30px;
    }

    .login .content-area,
    .partner-sign-up .content-area,
    .signup .content-area,
    .activate .content-area,
    .security .content-area,
    .forgot-password .content-area {
        padding-left: 0px;
        padding-right: 0px;
    }

#security-status .security-alert {
    margin: 100px 0;
}

    #security-status .security-alert .invitation-container {
        padding: 10px;
        margin-bottom: 0;
        font-size: large;
    }

.error-container .alert-warning,
.not-found .alert-warning {
    padding: 15px;
    background-color: #ffcfca;
    color: #082538;
}

    .error-container .alert-warning .fa-exclamation-triangle,
    .not-found .alert-warning .fa-exclamation-triangle {
        color: #d8000c;
    }

.error-container h3,
.not-found h3 {
    color: #6a6f81;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.75rem;
    margin: 0;
    text-transform: capitalize;
}

.error-container h1,
.not-found h1 {
    color: #006ba6;
    line-height: 1.25;
    font-family: "Neue Helvetica W01", Helvetica, sans-serif;
    font-size: 3.25rem;
    font-weight: 400;
    text-transform: none;
    widows: 3;
    orphans: 3;
}

.password_note {
    font-size: .80em;
    font-style: italic;
    line-height: 17px;
    padding-bottom: 3px;
}

#passwordLabelContainer .form-label {
    margin-bottom: 3px;
}

.form-wrapper {
    background: whitesmoke;
    padding: 2em;
}

    .form-wrapper .form-label {
        display: block;
        color: #6a6f81;
        line-height: 1em;
        margin-bottom: 10px;
    }

    .form-wrapper .form-title {
        color: #006ba6;
        margin: 0 0 20px;
    }

.signup-button {
    margin-top: 20px;
}

.partner-sign-up {
    border-top: 1px solid #b5bbc4;
}

.page-title {
    color: #006ba6;
    margin: 0 0 .5em;
}
/* DCC.COM inner wrapper for smaller pages */

.wrapper-inner {
    max-width: 940px;
    margin: 0 auto;
}
/*
 * Apple Financial Services specific styles
 */

.afs .form-wrapper {
    background: none;
    padding: 0px;
    height: auto;
}
/*
* Unsubscribe page 
*/

.unsubscribe {
    padding-top: 90px;
    padding-bottom: 40px;
    color: #6a6f81;
}
/*
 * Error text
 */

.error-text {
    font-size: 1.2em;
    line-height: 1.8em;
}
/*
 * Media queries
 */

@media (max-width: 991px) {
    #breadcrumbs {
        display: none;
    }

    .partner-sign-up,
    .activate,
    .signup,
    .forgot-password {
        padding: 0;
        margin: 0;
    }

        .partner-sign-up .body,
        .activate .body,
        .signup .body,
        .forgot-password .body {
            padding: 30px 0;
        }

        .partner-sign-up #hero,
        .activate #hero,
        .signup #hero,
        .forgot-password #hero {
            padding: 30px 0;
            background: #003a61;
        }

            .partner-sign-up #hero h1,
            .activate #hero h1,
            .signup #hero h1,
            .forgot-password #hero h1 {
                font-size: 2em;
            }

    .login {
        padding: 0;
        margin: 0;
    }

        .login .body {
            padding: 0px 0px;
        }

        .login #hero {
            padding: 60px 0px;
            background: #003a61;
        }

            .login #hero h1 {
                font-size: 2em;
            }
}
/*Start SignUp*/

.signup {
    background: none;
}

    .signup #site-header {
        position: fixed !important;
    }

    .signup #main {
        margin-top: 60px;
    }

    .signup .modal-content {
        background-color: transparent;
    }

    .signup .modal-body {
        padding: 10px 0px 20px 0px !important;
        background-color: transparent !important;
    }

        .signup .modal-body iframe {
            margin-top: 10px;
            border: none;
        }

    .signup .close {
        color: white;
        opacity: .8;
    }

        .signup .close:focus,
        .signup .close:hover {
            color: white;
            opacity: 1;
        }

    .signup .fa-large {
        font-size: 4em;
        color: white;
        padding: 50px 0 10px;
    }

    .signup .strip {
        padding: 80px 0;
        margin: 0px 0;
    }

    .signup .bg-gray {
        background: #f3f3f3;
    }

    .signup .login #hero,
    .signup .signup #hero,
    .signup #hero {
        background: #003a61 !important;
    }

    .signup .partner-tech-icons {
        text-align: center;
    }

    .signup .partner-tech-list,
    .signup .image-strip ul {
        padding-left: 20px;
    }

        .signup .partner-tech-list li,
        .signup .image-strip ul li {
            margin-bottom: 10px;
        }

    .signup a#bbblink {
        display: block;
        position: relative;
        text-align: center;
        color: #005a78;
        text-decoration: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .signup #bbblink {
        margin: 30px 0 0 !important;
    }

    .signup .trustpilot-footer img {
        max-width: 100%;
    }

    .signup a#bbblink.sehzbal,
    .signup a#bbblink.rbhzbal,
    .signup a#bbblink.sehzbul,
    .signup a#bbblink.rbhzbul {
        width: 200px;
        height: 76px;
    }

    .signup .trust-blocks {
        width: 80%;
    }

    .signup .image-strip.blue {
        background: #006ba6;
        color: white;
    }

    .signup .image-strip figure.right {
        right: 0;
        left: auto;
    }

    .signup .image-strip figure {
        position: absolute;
        width: 40%;
        left: 0;
        top: 0;
        bottom: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .signup figure {
        margin: 0;
    }

    .signup .image-strip .text {
        padding: 40px 40px 40px 0;
        width: 60%;
        float: left;
    }

    .signup .image-strip figure .video-popup {
        position: absolute;
        display: block;
        padding: 20px;
        background: rgba(4, 4, 4, 0.9);
        bottom: 0;
        width: 100%;
        color: white;
    }

        .signup .image-strip figure .video-popup i {
            position: absolute;
            right: 30px;
            font-size: 3em;
        }

        .signup .image-strip figure .video-popup p {
            float: left;
            margin: 0;
            padding-right: 100px;
        }
/*End SignUp*/

/*
 * Media queries
 */

@media (max-width: 979px) {
    #breadcrumbs {
        display: none;
    }

    .signup .form-container {
        margin-top: 60px;
        background: #f2f2f2;
        padding: 20px;
    }

    .partner-sign-up,
    .activate,
    .forgot-password {
        padding: 0;
        margin: 0;
    }

        .partner-sign-up .body,
        .activate .body,
        .forgot-password .body {
            padding: 30px 0;
        }

        .partner-sign-up #hero,
        .activate #hero,
        .forgot-password #hero {
            padding: 30px 0;
            background: #003a61;
        }

            .partner-sign-up #hero h1,
            .activate #hero h1,
            .forgot-password #hero h1 {
                font-size: 2em;
            }

    .login {
        padding: 0;
        margin: 0;
    }

        .login .body {
            padding: 0px 0px;
        }

        .login #hero {
            padding: 60px 0px;
            background: #003a61;
        }

            .login #hero h1 {
                font-size: 2em;
            }
}

@media (max-width: 768px) {
    .form-wrapper {
        background: none;
        padding: 0;
    }

    .signup #bbblink {
        margin: 30px auto !important;
    }

    .signup .image-strip.blue figure {
        position: relative;
        height: 300px;
    }

    .signup .image-strip.blue .text.left,
    .signup .image-strip.blue figure {
        display: block;
        width: 100%;
        float: none;
    }

    .signup .image-strip figure .video-popup i {
        font-size: 2em;
    }
}
/* GUI */

/**
  * The styles for our UI alerts and warnings
  */

.alert {
    color: white;
    font-weight: normal;
    border: none;
    padding: 10px 15px;
    border-radius: 0px;
    font-size: 14px;
}

    .alert.alert-success {
        background: #007255;
    }

    .alert.alert-info {
        background: #006ba6;
    }

    .alert.alert-danger {
        background: #d8000c;
    }

    .alert i {
        margin-right: .5em;
        margin-left: .5em;
    }

    .alert .close {
        font-weight: normal;
        text-shadow: none;
        opacity: 1;
        font-size: .8em;
        color: #fdfeff;
        font-weight: 100;
        margin-top: .3em;
    }

.validation-failure {
    /*display: block;*/
    /*ackground-color: @FCB-Error;*/
    color: white !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

.alert-dismissable .close {
    color: #fdfeff;
    font-size: 1em;
    font-weight: normal;
    top: 5px;
}

.alert-password-container {
    height: 45px;
}

    .alert-password-container p {
        margin-bottom: -20px !important;
    }

.alert-info-container {
    height: 70px;
}

    .alert-info-container p {
        margin-bottom: -20px !important;
    }

.warning-message {
    font-size: 18px;
}

.alert-dyod {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 22px;
    background-color: white;
    color: #007255;
    vertical-align: middle;
    padding: 15px 15px 10px 15px;
    margin-left: 0px;
    margin-right: 0px;
}

    .alert-dyod .btn {
        margin-top: -10px;
        float: right;
    }
/* Mobile */

@media (max-width: 767px) {
    .alert-dyod .btn {
        float: none;
        display: block;
        margin-top: 5px;
    }
}

@media (max-width: 1200px) {
    .alert-password-container {
        height: 110px;
    }
}

@media (max-width: 455px) {
    .alert-password-container {
        height: 160px;
    }
}
/**
  * The styles for our common buttons across the site
  */

.btn {
    display: inline-block;
    position: relative;
    border: 0;
    background: #007255;
    border-radius: 0px;
    padding: 14px 30px;
    color: white;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.5em;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    transition: background 200ms;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    line-height: 1em;
    /* Legacy - prefer call-to-action */
    /* Legacy - prefer navigate-action */
}

    .btn.area-fill {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .btn.call-to-action {
        background-color: #007255;
    }

        .btn.call-to-action.disabled {
            background-color: #082538;
            color: #fdfeff;
        }

        .btn.call-to-action:hover,
        .btn.call-to-action:focus {
            background: #008c68;
            color: #fdfeff;
        }

        .btn.call-to-action:active {
            background: #007255;
        }

        .btn.call-to-action.disabled:hover {
            background-color: #082538;
        }

    .btn.navigate-action {
        background-color: #006ba6;
    }

        .btn.navigate-action.disabled {
            background-color: #082538;
            color: #fdfeff;
        }

        .btn.navigate-action:hover,
        .btn.navigate-action:focus {
            background-color: #006ba6;
            color: #fdfeff;
            text-decoration: none;
        }

        .btn.navigate-action:active {
            background: #006ba6;
        }

        .btn.navigate-action.disabled:hover {
            background-color: #082538;
        }

    .btn.green {
        background: #007255;
    }

        .btn.green:hover,
        .btn.green:focus,
        .btn.green:active {
            background: #008c68;
            color: #fdfeff;
        }

    .btn.orange {
        background: #007255;
    }

        .btn.orange:hover,
        .btn.orange:focus,
        .btn.orange:active {
            background: #008c68;
            color: #fdfeff;
        }

    .btn.blue {
        background: #007255;
    }

        .btn.blue:hover,
        .btn.blue:focus {
            background: #008c68;
            color: #fdfeff;
        }

        .btn.blue:active {
            background: #007255;
        }

    .btn.navy-blue {
        background: #003a61;
    }

        .btn.navy-blue:hover,
        .btn.navy-blue:focus {
            background: #00497a;
            color: #fdfeff;
        }

        .btn.navy-blue:active {
            background: #003a61;
        }

    .btn.small {
        padding-top: .3em;
        padding-bottom: .8em;
        height: 2em;
        font-size: 1em;
    }

    .btn:hover {
        background: #008c68;
        color: #fdfeff;
        text-decoration: none;
    }

    .btn:active {
        background: #007255;
    }

    .btn:focus {
        outline: none;
        color: #fdfeff;
    }

    .btn.btn-sm {
        font-size: 1em;
        padding: .3em 1em;
    }

.button-open[disabled] {
    border: 3px solid #d8e5ea;
    color: #b5bbc4;
}

.upload-button {
    position: relative;
    display: block;
    height: 60px;
    width: 100%;
    cursor: pointer;
    margin-top: 20px;
    clear: both;
}

    .upload-button input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 9999;
        opacity: 0;
        cursor: pointer;
    }

.btn-morph-thin {
    padding-left: 0;
    padding-right: 0;
}

.btn-primary {
    background: #007255;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background: #008c68;
        color: #fdfeff;
    }

.edit-business-btn {
    font-size: 1em;
}

@media (max-width: 1152px) {
    .btn-morph-thin {
        font-size: 1.2em;
    }
}

@media (max-width: 991px) {
    .btn-morph-thin {
        font-size: 1.5em;
    }
}

@media (max-width: 767px) {
    .btn {
        padding: 14px;
        text-align: center;
    }
}
/**
  * The styles for our common buttons across the site
  */

input[type="text"].inline-editor,
input[type="password"].inline-editor,
input[type="datetime"].inline-editor,
input[type="datetime-local"].inline-editor,
input[type="date"].inline-editor,
input[type="month"].inline-editor,
input[type="time"].inline-editor,
input[type="week"].inline-editor,
input[type="number"].inline-editor,
input[type="email"].inline-editor,
input[type="url"].inline-editor,
input[type="search"].inline-editor,
input[type="tel"].inline-editor,
input[type="color"].inline-editor {
    height: 30px;
    margin-bottom: 0;
}

input[disabled][type="image"] {
    background-color: transparent;
}

input[type="checkbox"].hidden-check-box {
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

    input[type="checkbox"].hidden-check-box:focus + label.styled-check-box:after {
        background: url(/Content/images/field-caret-fcb.png) -25px center no-repeat;
        content: " ";
        position: absolute;
        width: 5px;
        height: 8px;
        left: -11px;
        top: 3px;
    }

    input[type="checkbox"].hidden-check-box:focus + label.styled-check-box:after {
        background-position: -13px center;
    }

    input[type="checkbox"].hidden-check-box + label.styled-check-box {
        background-image: url(/Content/images/checkbox-states.png);
        background-position: 0 -56px;
        width: 14px;
        height: 14px;
        display: inline-block;
        cursor: pointer;
        position: relative;
    }

    input[type="checkbox"].hidden-check-box:checked + label.styled-check-box {
        background-position: 0 0;
    }

    input[type="checkbox"].hidden-check-box:hover + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:focus + label.styled-check-box,
    input[type="checkbox"].hidden-check-box + label.styled-check-box:hover {
        background-position: 0 -70px;
    }

    input[type="checkbox"].hidden-check-box:hover:checked + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:focus:checked + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:checked + label.styled-check-box:hover {
        background-position: 0 -14px;
    }

    input[type="checkbox"].hidden-check-box:disabled + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:hover:disabled + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:focus:disabled + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:disabled + label.styled-check-box:hover,
    input[type="checkbox"].hidden-check-box:disabled + label.styled-check-box:hover:active {
        background-position: 0 -84px;
    }

    input[type="checkbox"].hidden-check-box:disabled:checked + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:hover:disabled:checked + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:focus:disabled:checked + label.styled-check-box,
    input[type="checkbox"].hidden-check-box:disabled:checked + label.styled-check-box:hover,
    input[type="checkbox"].hidden-check-box:disabled:checked + label.styled-check-box:hover:active {
        background-position: 0 -28px;
    }

    input[type="checkbox"].hidden-check-box + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box:hover + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box:focus + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box + label.styled-check-box.invalid:hover,
    input[type="checkbox"].hidden-check-box + label.styled-check-box.invalid:hover:active {
        background-position: 0 -98px;
    }

    input[type="checkbox"].hidden-check-box:checked + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box:hover:checked + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box:focus:checked + label.styled-check-box.invalid,
    input[type="checkbox"].hidden-check-box:checked + label.styled-check-box.invalid:hover,
    input[type="checkbox"].hidden-check-box:checked + label.styled-check-box.invalid:hover:active {
        background-position: 0 -42px;
    }
/* was previously within Root to hide these styles from IE7 and IE8  */

.input-append .add-on,
.input-prepend .add-on {
    height: 24px;
    width: 30px;
    padding-top: 10px;
    border-radius: 0;
    background: #b5bbc4;
    color: white;
    text-shadow: none;
}

input.error {
    color: #d8000c;
    border-color: #d8000c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/**
  * The styles for font-awesome and status icons throughout the LendEdge application
  */

.fa-info-circle {
    color: #006ba6;
    vertical-align: text-top;
    font-size: .75em;
    cursor: pointer;
}

.received,
.processing,
.docs-in,
.po-sent,
.order-sent,
.payment-approved {
    color: #006ba6;
}

    .received > i,
    .processing > i,
    .docs-in > i,
    .po-sent > i,
    .order-sent > i,
    .payment-approved > i {
        color: #006ba6;
    }

.transaction-complete,
.approved,
.complete,
.success-icon {
    color: #007255;
}

    .transaction-complete > i,
    .approved > i,
    .complete > i,
    .success-icon > i {
        color: #007255;
    }

.declined,
.cancelled {
    color: #d8000c;
}

    .declined > i,
    .cancelled > i {
        color: #d8000c;
    }

.docs-out,
.pending,
.sent,
.warning-icon {
    color: #007255;
}

    .docs-out > i,
    .pending > i,
    .sent > i,
    .warning-icon > i {
        color: #007255;
    }

.unknown {
    color: #6a6f81;
}

    .unknown > i {
        color: #6a6f81;
    }
/**
  * The styles used for mobile lists such as the manage user list and transaction list.
  */

.mobile-list .item {
    position: relative;
    display: block;
    color: inherit;
    background: white;
    padding: .5em 1em;
    margin: .6em 0;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.03);
    overflow: auto;
}

    .mobile-list .item.user-item {
        cursor: pointer;
    }

        .mobile-list .item.user-item.show-actions .chevron {
            color: #b5bbc4;
        }

    .mobile-list .item .name {
        margin: 0;
        padding-right: 60px;
        font-size: 1.25em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-list .item .number {
        margin: 0;
        padding-right: 60px;
        font-size: 1.35em;
        line-height: 1em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-list .item .amount,
    .mobile-list .item .username {
        padding-right: 60px;
        font-weight: bold;
        font-size: .875em;
        line-height: 1em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-list .item .status {
        font-size: 2.5em;
        width: 45px;
        text-align: center;
        float: left;
        margin-right: 20px;
    }

    .mobile-list .item .updated {
        font-size: .75em;
        line-height: 1em;
    }

    .mobile-list .item .chevron {
        color: #006ba6;
        position: absolute;
        top: .5em;
        right: .5em;
        font-size: 2em;
        padding-left: .5em;
        border-left: 1px solid #b5bbc4;
        -webkit-transition: color 100ms;
        -moz-transition: color 100ms;
        transition: color 100ms;
    }

    .mobile-list .item:hover .chevron,
    .mobile-list .item:active .chevron,
    .mobile-list .item:focus .chevron {
        color: #006ba6;
    }

.mobile-list .actions {
    position: relative;
    display: none;
    color: inherit;
    background: white;
    padding: .5em 0 0;
    margin: -0.6em 0 0;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.03);
    z-index: 2;
}

    .mobile-list .actions ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mobile-list .actions ul > li > a {
            display: block;
            color: #6a6f81;
            padding: .875em;
        }

            .mobile-list .actions ul > li > a:hover,
            .mobile-list .actions ul > li > a:active,
            .mobile-list .actions ul > li > a:focus {
                background: #007255;
                color: white;
            }

.mobile-list .action-header {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJr1679zwjjgzjBwcGMYAEYB8RmROaABADgiw8LUQZ2awAAAABJRU5ErkJggg==) repeat;
    margin: 0;
}

    .mobile-list .action-header span {
        display: inline-block;
        padding: 0 10px;
        margin-left: .33em;
        background: white;
        color: #007255;
    }
/**
  * Styling for internal page, transaction-details
  *
  * @author: John Rulli
  * @updated: May 22, 2014  jcrulli
  */

.panel {
    border-radius: 0;
}

    .panel.panel-primary {
        border-color: #082538;
    }

        .panel.panel-primary .panel-heading {
            background: #082538;
            border-color: #082538;
            color: white;
        }

    .panel.panel-info {
        border-color: #006ba6;
    }

        .panel.panel-info .panel-heading {
            color: white;
            background-color: #006ba6;
            border-color: #006ba6;
        }

    .panel.panel-tertiary {
        border-color: #006ba6;
    }

        .panel.panel-tertiary .panel-heading {
            background-color: #006ba6;
            color: white;
            border-color: #006ba6;
        }

    .panel.panel-success {
        border-color: #007255;
    }

        .panel.panel-success .panel-heading {
            color: white;
            background-color: #007255;
            border-color: #007255;
        }

    .panel .panel-title {
        font-size: 1.5em;
    }

        .panel .panel-title.approved {
            color: #007255;
            font-size: 2em;
        }

    .panel .panel-heading {
        border-radius: 0;
    }

        .panel .panel-heading h3 {
            margin: 0;
        }

            .panel .panel-heading h3 em {
                color: #d8e5ea;
                font-style: normal;
            }

.panel-header {
    padding: .5em 1em;
    color: white;
    margin: 0;
}

    .panel-header.dark {
        background: #082538;
    }

    .panel-header.active-blue {
        background: #006ba6;
    }

    .panel-header.link-blue {
        background: #006ba6;
    }

    .panel-header.with-text {
        padding: 1em;
    }

        .panel-header.with-text h3 {
            line-height: 2em;
            float: left;
            margin: 0;
            padding-right: 20px;
            border-right: 1px solid rgba(255, 255, 255, 0.3);
        }

        .panel-header.with-text span {
            line-height: 1.2em;
            font-size: .75em;
        }

.popup-panel {
    position: fixed;
    top: 200px;
    left: 200px;
    z-index: 10000;
}

.popover {
    background: #006ba6;
    font-size: 16px;
    color: white;
    border-radius: 0px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .popover .top > .arrow {
        background: #006ba6;
    }

.popover-title {
    background: #006ba6;
    color: white;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 20px;
    border-bottom: none;
    padding-bottom: 0px;
}

.popover-content {
    padding-top: 0px;
    line-height: 17px;
}

.popover.right > .arrow:after {
    border-right-color: #006ba6;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #006ba6;
}

.popover.left.arrow:after {
    border-left-color: #006ba6;
}

.popover.top > .arrow:after {
    border-top-color: #006ba6;
}

.popover.right {
    width: 400px;
}

.eol-popover {
    position: absolute;
    display: none;
    border: 1px solid #082538;
    max-width: 100%;
    margin: 0 15px 0 -15px;
    box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.05);
    background: white;
    bottom: 50px;
    z-index: 999;
}

    .eol-popover:after {
        content: "";
        position: absolute;
        bottom: -23px;
        left: 174px;
        z-index: 1000;
        height: 24px;
        width: 24px;
        background: url(/Content/images/EOL_Arrow.png);
    }

    .eol-popover .popover-header {
        background-color: #082538;
        color: white;
        padding: 10px 15px;
    }

        .eol-popover .popover-header h3 {
            margin: 0;
        }

    .eol-popover .popover-body {
        padding: 10px 15px;
    }

        .eol-popover .popover-body ul > li {
            margin: 10px 0;
        }

    .eol-popover a {
        font-weight: bold;
        border-bottom: 1px solid;
    }

        .eol-popover a:hover {
            text-decoration: none;
            color: #006ba6;
        }
/**
  * Our styles for bootstrap  tooltips
  */

.tooltip-inner {
    background-color: #006ba6;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom: 5px solid #006ba6;
}

.tooltip.top .tooltip-arrow {
    border-top: 5px solid #006ba6;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #006ba6;
}

tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #006ba6;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #006ba6;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #006ba6;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #006ba6;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #006ba6;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #006ba6;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #006ba6;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #006ba6;
}
/**
  * The styles for our boostrap dropdown overides
  */

.dropdown-menu {
    background: white;
    border-color: #006ba6;
    border-radius: 0px;
    color: white;
    padding: 10px 0;
    font-size: 14px;
    border: none;
    border-top: 5px solid #006ba6;
    box-shadow: 2px 2px 0px 3px rgba(0, 0, 0, 0.1);
}

    .dropdown-menu > li {
        float: none;
        border: none;
    }

        .dropdown-menu > li > a {
            background: white;
            color: #006ba6;
            padding: 10px 15px;
            line-height: 1em;
            text-transform: none;
            font-weight: normal;
        }

            .dropdown-menu > li > a:hover {
                background: #006ba6;
                color: white;
            }

    .dropdown-menu.first {
        width: 312px;
    }

    .dropdown-menu.second {
        width: 303px;
    }

    .dropdown-menu .calendar {
        color: #6a6f81;
    }

.dropwdown-menu-title {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    padding: 10px 15px;
}

    .dropwdown-menu-title a {
        color: #6a6f81;
    }

    .dropwdown-menu-title:hover {
        background: #006ba6;
    }

        .dropwdown-menu-title:hover a {
            color: white;
        }

.dropdown-menu-hr {
    padding: 0px 15px 0px 15px;
}

    .dropdown-menu-hr div {
        border-bottom: 1px solid #b5bbc4;
    }

.step-header h1 {
    margin: 0 0 10px 0;
    color: #082538;
    font-size: 3em;
}

.step-header.approved h1 {
    color: #007255;
}

.strong-link {
    font-weight: bold;
}

.line-header {
    margin: 0 -20px 20px;
    color: #082538;
    font-size: 3em;
    line-height: .8em;
}

    .line-header span {
        background: white;
        padding: 0 10px;
        margin-left: 10px;
    }

.ofc.thank-you-page .line-header.confirmation {
    margin: -55px -20px 20px;
}

.ofc.thank-you-page .line-header {
    padding: 0;
}

.whats-next-header {
    color: #082538;
    font-size: 2.5em;
}

.dashboard-ofc-confirmation .step-header {
    margin-top: 16px;
}

@media (max-width: 767px) {
    .line-header {
        margin: 0 -15px 20px;
        font-size: 28px;
    }

    .whats-next-header {
        font-size: 28px;
    }
}

.well {
    background: #e8ebed;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px;
}
/**
  * The styles for our UI alerts and warnings
  */

.validation-summary-errors {
    color: #d8000c;
    font-weight: bold;
}

    .validation-summary-errors > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .validation-summary-errors > ul > li:before {
            content: "\f071";
            font-family: FontAwesome;
            margin-right: 5px;
        }
/**
  * The progressbar styles
  *
  * @author: Jon Bergman
  * @created: October 30, 2013
  */

.progress-bar {
    box-shadow: none;
    font-size: inherit;
    width: auto;
    float: none;
    margin: 0 -20px 30px -20px;
    background-color: white;
}

.progress-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 0 15px;
}

    .progress-nav > li {
        float: left;
        font-weight: normal;
        font-size: 12px;
        color: black;
        text-transform: none;
        padding: .75em 0.5em;
        border-right: 1px solid white;
    }

        .progress-nav > li span {
            text-decoration: none;
            color: #b5bbc4;
        }

        .progress-nav > li.active:before {
            content: "\f0ab";
            font-family: FontAwesome;
            margin-right: 0px;
        }

        .progress-nav > li.active span {
            text-decoration: none;
            color: #6a6f81;
        }

        .progress-nav > li.complete:before {
            content: "\f058";
            font-family: FontAwesome;
            margin-right: 5px;
        }

        .progress-nav > li.complete span {
            text-decoration: underline;
            color: #006ba6;
        }

        .progress-nav > li span.arrow {
            text-decoration: none;
        }

            .progress-nav > li span.arrow:after {
                content: "\f105";
                font-family: FontAwesome;
                margin-left: 5px;
            }

@media (max-width: 992px) {
    .progress-nav {
        padding: 0 1em !important;
    }

        .progress-nav > li {
            padding: .75em 0.25em;
            text-align: center;
        }
}
/**
  * The additions or overides to bootstrap modals.
  *
  * @author: Jon Bergman
  * @updated: October 30, 2013
  */

.modal {
    border: none;
    border-radius: 0;
}

    .modal.eol-modal .modal-header {
        background: none;
        border-bottom: none;
    }

    .modal#videoModal .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        .modal#videoModal .video-wrapper iframe,
        .modal#videoModal .video-wrapper object,
        .modal#videoModal .video-wrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .modal#videoModal .modal-header {
        background: #006ba6;
    }

        .modal#videoModal .modal-header h3 {
            font-size: 1em;
        }

.modal-header {
    color: #006ba6;
    padding: 20px 30px 0 30px;
    border: none;
}

    .modal-header h1 i {
        margin-right: 10px;
    }

.modal-body {
    padding: 20px 30px 50px 30px;
}

.modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

#confirmModal .modal-dialog .modal-content {
    padding-bottom: .5em;
}

    #confirmModal .modal-dialog .modal-content .modal-header {
        background: #006ba6;
        color: #fdfeff;
        text-align: left;
        margin: 0;
        padding: 0;
    }

        #confirmModal .modal-dialog .modal-content .modal-header .close {
            padding: .25em .5em;
            font-weight: bold;
            color: #d8e5ea;
            opacity: 1;
        }

        #confirmModal .modal-dialog .modal-content .modal-header h1 {
            margin: 0;
            padding: .75em 1em .5em 1em;
        }

    #confirmModal .modal-dialog .modal-content .modal-body {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        #confirmModal .modal-dialog .modal-content .modal-body p {
            line-height: 1.5em;
            margin-bottom: 0;
            padding: 0;
        }

        #confirmModal .modal-dialog .modal-content .modal-body ul {
            margin: .5em 1em 1.5em 3em;
            padding-top: 0;
        }

    #confirmModal .modal-dialog .modal-content .modal-footer {
        position: relative;
        border: none;
        text-align: left;
        padding: 0;
        margin: 0 1.5em 2em 1.5em;
    }

        #confirmModal .modal-dialog .modal-content .modal-footer .btn {
            float: left;
            margin-right: 20px;
        }

            #confirmModal .modal-dialog .modal-content .modal-footer .btn:nth-child(1) {
                width: 250px !important;
            }

            #confirmModal .modal-dialog .modal-content .modal-footer .btn:nth-child(2) {
                width: 250px !important;
            }

.select-user-modal .modal-header {
    background: white;
    color: #006ba6;
    text-align: left;
    padding: 20px 30px 10px;
    border-bottom: none;
}

.select-user-modal .modal-body {
    padding-top: 0;
}

.select-user-modal p {
    color: #006ba6;
}

.select-user-modal .cancel-link {
    display: inline-block;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-top: 30px;
    cursor: pointer;
    font-size: 14px;
}

.user-search-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.user-search-results {
    position: absolute;
    background: white;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #b5bbc4;
    list-style: none;
    margin: -1px 0 0 0;
    padding: 10px 0;
    z-index: 10;
}

    .user-search-results > li {
        cursor: pointer;
        padding: 5px 20px;
    }

        .user-search-results > li:hover {
            color: white;
            background: #006ba6;
        }

.partner-results-scroll {
    position: relative;
    width: 100%;
    height: 0;
    overflow: auto;
    border: 1px solid #b5bbc4;
}

.partner-search-results {
    position: absolute;
    background: white;
    top: 0;
    left: 0;
    width: 100%;
    border: none;
    list-style: none;
    margin: -1px 0 0 0;
    padding: 10px 0;
    z-index: 10;
}

    .partner-search-results > li {
        cursor: pointer;
        padding: 5px 20px;
    }

        .partner-search-results > li:hover {
            color: white;
            background: #006ba6;
        }

@media (max-width: 980px) {
    #confirmModal .modal-dialog .modal-content .modal-footer .button {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .eol-modal .line-header {
        background: none;
        margin: 0;
        padding: 0;
        line-height: 1.2em;
    }

        .eol-modal .line-header span {
            background: none;
            padding: 0;
            margin: 0;
        }
}

@media (max-width: 551px) {
    .button-reset {
        padding-bottom: 65px;
    }
}

@media (min-width: 1850px) {
    html {
        font-size: 20px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1849px) {
    html {
        font-size: 16px !important;
    }
}

.legal-disclaimer .modal-backdrop {
    background-color: white !important;
    z-index: 9999;
}

    .legal-disclaimer .modal-backdrop.in {
        opacity: .9;
    }

.legal-disclaimer .modal-dialog {
    width: 37.5rem;
    margin: 30px auto;
}

.legal-disclaimer .modal-content {
    border-color: #dedfe0;
    box-shadow: none;
    width: 37.5rem;
    border-radius: 0;
    margin: 0 auto;
    top: 0;
    overflow-y: hidden;
    position: fixed;
    z-index: 10000;
    margin-top: 30px;
    max-height: 35rem;
    transition: 0.2s ease;
}

.legal-disclaimer .modal-header {
    background: #e3e4e5;
    padding: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
    min-height: 2.9375em;
    font-size: 1rem;
}

    .legal-disclaimer .modal-header .modal-title {
        font-size: 1rem;
        line-height: 1.25;
        font-family: "Proxima Nova W01", sans-serif !important;
    }

    .legal-disclaimer .modal-header h4 {
        color: #626666;
        text-transform: none;
    }

.legal-disclaimer .modal-title {
    margin: 0;
}

.legal-disclaimer .close {
    font-size: 1.25rem;
    color: #555657;
    opacity: 0.6;
}

.legal-disclaimer .modal-body {
    overflow: auto;
    max-height: 24rem;
    padding: 1.25rem;
    font-size: 1rem;
    color: #555657;
    line-height: 1.5;
    font-weight: 100;
}

    .legal-disclaimer .modal-body h5 {
        font-family: "Proxima Nova W01", sans-serif !important;
        font-size: 1.25rem;
        text-transform: none;
        color: none;
    }

    .legal-disclaimer .modal-body p {
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }

        .legal-disclaimer .modal-body p:last-child {
            margin-bottom: 0;
        }

.legal-disclaimer p {
    margin: 0 0 1rem;
}

.legal-disclaimer .btn.modal-btn {
    border: none;
    border-radius: 0;
    font-family: "Proxima Nova W01", Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1rem;
    margin-top: 0;
    text-transform: capitalize;
    transition: all .2s;
    box-shadow: none;
}

.legal-disclaimer .btn.btn-sm.modal-btn {
    font-size: 1rem;
    line-height: 1.75;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.legal-disclaimer .btn.modal-btn:hover {
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
}

.legal-disclaimer .btn-default.modal-btn:hover {
    background: #dcdcdd;
    color: #292828;
}

.legal-disclaimer .btn-primary.modal-btn {
    color: white;
    background-color: #074b7b;
    border-color: transparent;
}

.legal-disclaimer .btn-default.modal-btn {
    background: #e3e4e5;
    color: #626666;
}

.legal-disclaimer .btn-primary.modal-btn:hover {
    color: white;
    background-color: #021929;
    border-color: transparent;
}

.legal-disclaimer .btn.modal-btn,
.legal-disclaimer .btn.modal-btn:after,
.legal-disclaimer .btn.modal-btn:before {
    display: inline-block;
}

.legal-disclaimer .modal-footer {
    padding: 1rem;
    text-align: left;
}

@media (max-width: 1199px) {
    .legal-disclaimer html {
        font-size: 14px;
    }

    .legal-disclaimer .modal-content {
        width: 100%;
        margin-top: 0;
        max-height: none;
        overflow-y: scroll;
    }

    .legal-disclaimer .modal-body {
        max-height: none;
    }

    .legal-disclaimer .modal-footer {
        padding: 0;
    }

    .legal-disclaimer .btn {
        width: 100%;
        display: block;
    }

    .legal-disclaimer .modal-footer .btn + .btn {
        margin-left: 0;
    }
}

@media print {
    .site-header,
    .site-footer,
    #main,
    .breadcrumb-container,
    .btn,
    .highlight-container::before,
    .modal-open .main-container,
    .modal-open .modal-footer,
    .modal-open .modal-header,
    .modal-open footer,
    a.footer-logo::after,
    button,
    hr,
    nav {
        display: none !important;
    }

    .page-header {
        float: left;
    }

        .page-header h3 {
            margin-left: 0;
            text-align: left;
        }

        .page-header h1 {
            clear: none;
            width: 100%;
        }

    .panel {
        border: none;
    }

    .scrollable {
        height: auto;
    }

    .form-group {
        float: left !important;
        width: 40rem;
    }

    .modal-open .modal {
        display: block;
        float: none;
        height: auto !important;
        overflow: visible !important;
        position: relative;
    }

    .modal-open .modal-content {
        border: none;
        height: auto;
        width: 100%;
    }

    .modal-open h3 {
        margin-top: -20px !important;
    }

    .modal-body {
        max-height: none;
    }

    .modal-backdrop {
        display: none !important;
    }

    #site-header {
        display: none;
    }

        #site-header #logo {
            display: none;
        }

    @page {
        size: auto;
        margin: 0;
    }
}

.hierarchy-breadcrumb {
    height: 2.5em;
    padding-top: 0;
    padding-right: 2em;
    margin: 0;
    background-color: #082538;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
}

    .hierarchy-breadcrumb :first-child {
        border-bottom: 2px solid #b5bbc4;
    }

        .hierarchy-breadcrumb :first-child a {
            border-bottom: none;
            text-decoration: none;
        }

            .hierarchy-breadcrumb :first-child a i {
                border-bottom: none;
                text-decoration: none;
            }

    .hierarchy-breadcrumb li {
        font-weight: bold;
        color: #fdfeff;
        padding: 0 !important;
        margin: 0 !important;
        float: left;
        position: relative;
    }

        .hierarchy-breadcrumb li .inline-editor {
            border-width: 1px;
        }

        .hierarchy-breadcrumb li a {
            color: #fdfeff;
            text-decoration: none;
        }

        .hierarchy-breadcrumb li:before {
            padding: 0 !important;
            content: none !important;
        }

    .hierarchy-breadcrumb .breadcrumb-separator {
        color: #b5bbc4 !important;
        padding: 0 .3em !important;
        border: none !important;
    }

        .hierarchy-breadcrumb .breadcrumb-separator:after {
            content: ">";
        }

.search-text {
    color: white;
    position: relative;
    margin-top: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .search-text div {
        float: left;
        margin: 0;
        padding: 0;
    }

    .search-text .separator-text {
        width: 2em;
        text-align: center;
        margin: .25em .5em 0 .5em;
    }

    .search-text .leading-label {
        width: auto;
        text-align: left;
        margin: .25em .25em 0 0;
    }

    .search-text .search-drop-opts {
        /* drop-list-wrapper */
        position: relative;
        background-color: transparent;
        margin: 0;
        padding: 0;
        height: 30px;
    }

        .search-text .search-drop-opts select {
            width: 100%;
            border: 1px solid gray;
            height: 30px;
        }

    .search-text .search-text-entry {
        /* input-wrapper-12 */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 12em;
        margin: 0;
        padding: 0;
    }

        .search-text .search-text-entry input {
            float: left;
            overflow: auto;
            margin: 0;
            width: 100%;
            height: 30px;
            color: black;
            border: none;
            border: 1px solid gray;
        }

    .search-text .input-button-blue {
        background-color: #006ba6 !important;
        color: #fdfeff;
        margin: 0;
        padding: .1em 0 0 0;
        width: 2em;
        height: 30px;
        text-align: center;
        overflow: hidden;
    }

        .search-text .input-button-blue:hover {
            cursor: pointer;
        }

.search-header {
    height: 3em;
    background: transparent;
}

.search-detail {
    margin: 0 2em 0 1em;
}

.advanced-search {
    position: relative;
}

    .advanced-search div.complex-item-right {
        position: absolute;
        right: 2em;
        color: #fdfeff;
        bottom: 0;
        margin-bottom: 1.5em;
        padding-top: 1.5em;
        width: auto;
        font-size: 1.1em;
        font-weight: normal;
        height: 2em;
        /*div.input-wrapper-12{
            width:12em;
            margin:0;
            padding:0;
            border:1px solid gray;

            input{
                float:left;
                overflow:auto;
                margin:0;
                width:11em;
                height:1.75em;
                color:black;
                border:none;
            }
        }*/
        /*div.separator-text{
            width: 2em; 
            text-align: center; 
            margin-top: .25em;
        }*/
        /*div.drop-list-wrapper{
            position: relative; 
            background-color: transparent; 
            width: 10em; 
            margin: 0; 
            padding: 0;
            height: 30px;

            select{
                width: 100%; 
                border: 1px solid gray; 
                height: 30px;
            }
        }*/
        /*.stack-item-entry{
            background-color: @white-background;
            color: @FCB-DarkNavy;
            overflow: hidden;
            
            div.input-button-blue{
                background-color: @FCB-Blue !important;
                color: @white-text;
                float: right;
                margin: 0;
                padding: 0;
                width: 1.75em;
                height: 100%;
                overflow: hidden;
                text-align: center;

                &:hover{
                    cursor: pointer;
                }
            }

            select
            {
               padding-top: .1em;
            }
        }*/
    }

        .advanced-search div.complex-item-right div {
            float: right;
            height: 1.75em;
            margin: 0 .25em;
        }

            .advanced-search div.complex-item-right div.leading-label {
                width: 8em;
                text-align: right;
                margin-top: .25em;
            }
/*
    Created by: Claude Cannafarina
    On June 22, 2015
*/

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify;
}
/* Extra small devices (phones, less than 768px) */

@media (max-width: 767px) {
    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

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

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

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

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}
/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

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

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}
/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

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

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}
/* DYOD */

.intuit-quote-amount h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
}

.intuit-quote-amount sub {
    font-weight: bold;
    text-transform: none;
    font-size: 0.50em;
    bottom: 0;
}

.intuit-quote-amount div {
    font-size: small;
    color: #b5bbc4;
    padding-left: 145px;
}

.dyod-link {
    text-transform: none;
    border-bottom: 1px solid;
    margin-left: 10px;
    font-size: 14px;
}

    .dyod-link:hover {
        text-decoration: none;
        color: #006ba6;
    }

.thank-you hr {
    height: 2px;
    background: #dddddd;
    margin: 60px 0;
}

.application-wrapper {
    background: #b5bbc4;
}

.expired-token .line-header .container {
    max-width: 940px;
}

.expired-token .line-header h1 {
    background: none;
    margin: 0 auto;
    font-size: 1em;
    line-height: .8em;
}

    .expired-token .line-header h1 span {
        display: inline-block;
        padding: 0 10px;
        margin: -10px;
        background: white;
    }

.status {
    text-align: left;
    text-transform: capitalize;
    font-weight: bold;
    color: #003a61;
}

.approved-amount {
    color: #007255;
}

.still-available {
    margin-top: 5px;
    margin-bottom: 20px;
    font-style: italic;
    text-align: right;
    color: #007255;
}

    .still-available .invalid {
        color: #d8000c;
    }

.pipe-right {
    border-right: 1px solid #b5bbc4;
}

.monthly-payment {
    font-weight: bold;
    font-size: 2.5em;
    padding-left: 20px;
}

    .monthly-payment sub {
        bottom: 0;
        font-size: .65em;
    }

.application-summary {
    padding: 20px 40px 30px;
    background: #082538;
}

    .application-summary h3 {
        color: #8fa4b3;
    }

    .application-summary ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .application-summary ul > li {
            padding: 15px 0;
            border-bottom: 1px solid #d8e5ea;
        }

            .application-summary ul > li h4 {
                margin: 0;
                color: #8fa4b3;
            }

            .application-summary ul > li .status {
                color: white;
                font-size: 20px;
            }

            .application-summary ul > li span {
                color: white;
            }

            .application-summary ul > li:last-child {
                border-bottom: none;
            }

.contact-information {
    padding: 0 40px;
    background: #082538;
}

    .contact-information.primary {
        background: #082538;
    }

    .contact-information h2,
    .contact-information h3 {
        margin: 0;
    }

    .contact-information .note {
        font-style: normal;
        font-size: 12px;
        color: #fdfeff;
        line-height: 1.5em;
    }

.next-steps {
    padding: 40px;
}

    .next-steps p {
        color: #8fa4b3;
    }

.dyod-fields {
    padding-left: 20px;
}

.banner {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    margin-top: -220px;
}

    .banner h1 {
        color: #6a6f81;
        font-size: 3em;
    }

    .banner .wrap {
        padding: 30px 70px;
        margin: 0 auto;
        max-width: 940px;
    }

#rotate {
    position: relative;
    text-align: center;
    color: #006ba6;
    font-style: italic;
    margin-bottom: 20px;
}

.textItem {
    position: absolute;
    display: none;
    width: 100%;
    text-align: center;
}

.customer-apply .ofc--form--title {
    margin-top: 48px;
}

.customer-apply .ofc--header h1 {
    margin-bottom: 8px;
    padding-bottom: 0;
}

.customer-apply .form-field-container {
    padding-left: 8px;
    padding-right: 8px;
}

    .customer-apply .form-field-container .row.ownership .spacer {
        padding-bottom: 5px;
    }

.customer-apply .business-name-header-for {
    text-transform: none;
    font-weight: normal;
    margin-top: 0;
    padding-top: 0;
    letter-spacing: 0;
    font-size: 22px;
}

    .customer-apply .business-name-header-for .new-business-anchor {
        display: inline-block;
        font-weight: normal;
        /*text-decoration: underline;*/
        border-bottom: 2px solid #d8e5ea;
        cursor: pointer;
    }

    .customer-apply .business-name-header-for .half-size-font {
        font-size: .6em;
    }

.customer-apply .spacer {
    padding-bottom: 2.3em;
}

.customer-apply footer {
    margin-top: 24px;
}

.customer-apply .ssn-label {
    padding-left: 32px;
    margin-left: 0;
    margin-top: 0;
    text-indent: -11px;
}

    .customer-apply .ssn-label i {
        padding-left: 0px;
        padding-right: 6px;
    }

    .customer-apply .ssn-label::first-line {
        padding-left: 0;
    }

.customer-apply .form-group-accept-ssn {
    padding-bottom: 24px;
}

.customer-apply .accept-entry-group {
    padding-bottom: 12px;
}

.customer-apply .ssn-entry-group {
    padding-top: 12px;
}

.customer-apply .submit-app-button {
    margin-right: 24px;
    padding-left: 28px;
    padding-top: 32px;
}

@media (max-width: 767px) {
    .expired-token .line-header h1 {
        padding-left: 10px;
    }

        .expired-token .line-header h1 span {
            display: inline-block;
            padding: 0 10px;
            margin-left: -5px;
            background: white;
        }

    .dyod-fields .form-group {
        padding-left: 0px;
    }

    .application-wrapper .container {
        padding: 0;
    }

    .banner {
        position: relative;
        top: auto;
        margin-top: 0px;
    }

        .banner h1 {
            font-size: 1.5em;
        }

        .banner .wrap {
            padding: 30px 15px;
        }

    .intuit-quote-amount div {
        padding-left: 0px;
    }
}
/* Online Application Center - OFC */

/**
  * The base stylesheet for the external pages of lend edge
  *
  * @author: Jon Bergman
  * @created: December 31, 2013
  */
.ofc {
    background-color: white;
    /*h1 {
        padding-left: 40px;
    }

    h2 {
        padding-left: 40px;
    }*/
}

.ofc--wrapper {
    background: white;
    padding: 20px;
    padding: 0 20px 30px 20px;
    min-height: calc(100vh - 205px);
}

    .ofc--wrapper .ofc-financing {
        margin: 0 12px 0 0;
    }

        .ofc--wrapper .ofc-financing .ofc-financing-title {
            margin-top: 10px;
        }

    .ofc--wrapper .select-program .col-sm-6 {
        padding-right: 0;
        padding-left: 0;
    }

    .ofc--wrapper .select-program .col-sm-8 {
        padding-right: 0;
        padding-left: 0;
    }

    .ofc--wrapper .select-program select {
        margin-left: 0;
        margin-right: 0;
    }

.wrapper--apple {
    min-height: 800px;
}

.ofc-landing {
    padding: 0 35px 0 20px;
}

.ofc-extra-costs {
    margin: 0 -15px 0 0;
}

    .ofc-extra-costs input::-ms-clear {
        /* no IE X */
        width: 0;
        height: 0;
    }

.ofc-wrapper-cart {
    background: white;
    min-height: 800px;
    padding: 0 40px 0 40px;
}

    .ofc-wrapper-cart footer {
        padding-bottom: 2em;
    }

.ofc--header h1 {
    /*font-size: 3em;*/
    color: #082538;
    margin: 0;
    padding: 20px 0 20px 0;
}

.ofc--form--title {
    margin: 0 0 1em;
    color: #082538;
}

.ofc-row {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

    .ofc-row .no-gutters {
        padding-left: 0;
        padding-right: 0;
    }

.ofc-col {
    padding: 0;
}

@media (max-width: 767px) {
    .ofc-col {
        padding-bottom: 10px;
    }
}

.ofc-form-label {
    float: left;
    padding: 10px 0 0 0;
    width: 233px;
}

.ofc-form-field {
    float: right;
    padding: 10px 0 0 0;
}

.ofc-quote-amount h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 0.2em;
}

.ofc-quote-amount sub {
    font-weight: bold;
    text-transform: none;
    font-size: 0.55em;
    bottom: 0;
}

.ofc-quote-amount div {
    font-size: small;
    color: #b5bbc4;
    padding-left: 100px;
}

.ofc-quote-amount a {
    color: #006ba6;
    font-weight: bolder;
}

    .ofc-quote-amount a:before {
        content: "\f0da";
        font-family: FontAwesome;
        margin-right: 5px;
    }

    .ofc-quote-amount a.active:before {
        content: "\f0d7";
        font-family: FontAwesome;
        margin-right: 5px;
    }

    .ofc-quote-amount a:hover {
        cursor: pointer;
        cursor: hand;
    }

.ofc-quote-tool {
    background: #dadce1;
    padding: 10px 10px 10px 10px;
}

.ofc-classic-options {
    padding: 1.25em 0 0 0;
}

.product-list {
    margin: 0 25px 0 15px;
}

    .product-list .product-list-header {
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 10px 0 10px 0;
        border-bottom-color: #b5bbc4;
        margin: 0;
        font-weight: 300 !important;
        font-size: small;
    }

    .product-list .special-offer-description {
        padding-bottom: 40px;
    }

    .product-list .first-col {
        text-align: left;
        padding-left: 0;
    }

    .product-list .first-col-header {
        text-align: center;
        left: -50px;
    }

    .product-list .last-col {
        padding-right: 0;
        text-align: right;
    }

@media (max-width: 767px) {
    .product-list .last-col {
        text-align: left;
        padding: 0;
    }
}

.product-list .product-col-spacer input[type=number] {
    width: 60px;
    height: 2.5em;
}

@media (max-width: 767px) {
    .product-list .product-col-spacer {
        padding: 5px 0 0 0;
    }
}

@media (max-width: 767px) {
    .product-list .header-col-spacer {
        padding-left: 0;
    }
}

.product-list .product-item {
    margin: 0;
    padding-top: 30px;
}

    .product-list .product-item.total-note {
        padding-top: 0;
    }

.product-list .product-total {
    font-weight: 700;
    font-size: x-large;
}

.product-list .row {
    margin: 0;
}

.product-list .product-note {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-color: #b5bbc4;
    border-bottom-color: #b5bbc4;
    font-weight: 600;
}

.product-list .product-no-note {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid;
    border-bottom: 0px solid;
    border-top-color: #b5bbc4;
}

.product-list .product-title {
    color: #6a6f81;
    font-weight: 300 !important;
    font-size: large;
    text-align: left;
}

.product-list input[type="number"] {
    background: none;
    padding: 0;
    width: 50px;
    padding-left: 10px;
}

.product-list .product-details {
    color: #006ba6;
    font-size: small;
    font-weight: 400;
    text-decoration: underline;
}

.product-list .product-details-notes {
    line-height: 1.2;
    font-size: small;
    font-weight: 200;
    padding-top: 10px;
}

.product-list img {
    max-width: 120px;
    max-height: 80px;
}

.product-list a {
    float: left;
    padding-right: 4px;
    text-decoration: underline;
}

.product-list .totalcost-label {
    bottom: -10px;
    color: #6a6f81;
}

.product-list .totalCost {
    font-size: 2em;
    font-weight: 700;
}

.note {
    font-size: .75em;
    font-weight: 200;
    line-height: 1em;
    padding-top: 10px;
    color: #6a6f81;
}

.ofc-with-cart span[data-bind="text: notes"],
.ofc-with-cart .product-details-notes {
    word-wrap: break-word;
}

.note-decision {
    color: #fdfeff;
}

.ofc--controls {
    padding-top: 3em;
    position: relative;
}

    .ofc--controls .add-margin {
        margin-left: 21%;
        width: 85%;
    }

@media (max-width: 768px) {
    .ofc--controls .add-margin {
        margin-left: 0;
        width: 100%;
    }
}

.ofc--previous--link {
    display: block;
    margin-top: 2em;
    font-weight: bold;
    float: right;
}

.lendedge .ofc--header {
    display: none;
}

.lendedge .thank-you-page .line-header {
    padding-left: 15px;
}

.thank-you-page .content-area {
    padding-top: 1em !important;
}

.thank-you-page .sub-header h4 {
    margin-bottom: 30px;
}

.thank-you-page .info {
    font-size: 1.1em;
    color: #6a6f81;
}

.thank-you-page h4 {
    color: #6a6f81;
    margin: 0 0 10px;
}

.big-confirmation-number {
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    font-size: 3em;
    color: #006ba6;
    margin-bottom: 30px;
}
/* font override definitions */

.ofc-with-cart {
    font-size: 14px;
}

    .ofc-with-cart .ofc--header h1 {
        font-size: 48px;
    }

    .ofc-with-cart .ofc--form--title {
        font-size: 26px;
    }

    .ofc-with-cart .ofc-form-label {
        font-size: 14px;
    }

    .ofc-with-cart .col-sm-8 .select-program select {
        font-size: 14px;
        /* TODO : When image is ready:  background-image: url(images/arrow-down-fcb.png) no-repeat right -40px; */
    }

    .ofc-with-cart .special-offer-description {
        font-size: 14px;
    }

    .ofc-with-cart .product-items {
        font-size: 14px;
    }

        .ofc-with-cart .product-items .product-list-header .first-col-header {
            font-size: 12px;
        }

        .ofc-with-cart .product-items .product-list-header .header-col-spacer {
            font-size: 12px;
        }

        .ofc-with-cart .product-items .product-list-header .last-col {
            font-size: 12px;
        }

        .ofc-with-cart .product-items .product-item .product-title {
            font-size: 18px;
        }

        .ofc-with-cart .product-items .product-item .product-details {
            font-size: 12px;
        }

        .ofc-with-cart .product-items .product-item .product-details-notes {
            font-size: 16px;
        }

        .ofc-with-cart .product-items .product-item .product-col-spacer {
            font-size: 14px;
            margin-top: 5px;
        }

            .ofc-with-cart .product-items .product-item .product-col-spacer input {
                font-size: 14px;
            }

        .ofc-with-cart .product-items .product-item .product-total {
            font-size: 22px;
        }

        .ofc-with-cart .product-items .product-item .product-note {
            font-size: 14px;
        }

        .ofc-with-cart .product-items .product-item .product-no-note {
            font-size: 14px;
        }

        .ofc-with-cart .product-items .product-item .ofc-col {
            font-size: 16px;
        }

            .ofc-with-cart .product-items .product-item .ofc-col .ofc-extra-costs {
                font-size: 14px;
            }

            .ofc-with-cart .product-items .product-item .ofc-col .totalcost-label {
                font-size: 14px;
            }

            .ofc-with-cart .product-items .product-item .ofc-col .last-col.totalCost {
                font-size: 32px;
            }

            .ofc-with-cart .product-items .product-item .ofc-col .note {
                font-size: 14px;
            }

@media (max-width: 972px) {
    .wrapper--apple {
        min-height: 500px;
    }

    .progress-bar {
        margin-right: 0;
    }

    .form-label {
        line-height: none;
    }
}

@media (max-width: 767px) {
    .ofc--header {
        text-align: center;
    }

        .ofc--header h1 {
            font-size: 25px;
        }

    .wrapper--apple .ofc--form--title {
        font-size: 26px;
    }

    .thank-you-page .line-header {
        padding-left: 15px !important;
    }

    .ofc--form--title {
        margin: 0 !important;
    }

    .ofc-wrapper-cart {
        padding: 0 20px 0 20px;
    }

        .ofc-wrapper-cart footer {
            padding: 20px 0;
        }

    .product-list {
        margin: 0 25px 0 15px;
    }

        .product-list .first-col-header {
            padding: 0;
            text-align: left;
            left: 0;
        }

        .product-list .last-col {
            text-align: left;
            padding: 0;
        }

        .product-list .product-col-spacer {
            padding: 5px 0 0 0;
        }

        .product-list .header-col-spacer {
            padding-left: 0;
        }

        .product-list .product-note {
            font-size: small;
            font-weight: normal;
        }

    .progress-bar {
        margin-right: 0;
    }

    .ofc-extra-costs .col-sm-12 {
        padding-left: 0px;
    }

    .product-list .product-item {
        padding-top: 0px;
    }
}

@media (max-width: 690px) {
    .ofc-with-cart .ofc--header {
        text-align: center;
    }

        .ofc-with-cart .ofc--header h1 {
            font-size: 25px;
        }

    .ofc--wrapper .product-list {
        margin: 0;
    }

        .ofc--wrapper .product-list .special-offer-description {
            margin-top: 20px;
        }

    .ofc--wrapper .ofc-financing {
        margin: 0 -15px 0 -15px;
    }

        .ofc--wrapper .ofc-financing .ofc-financing-title {
            margin: 10px 0 5px 0;
        }

    .progress-nav > li {
        padding: 0;
    }
}

.landing-ofc .spacer-landing {
    padding: 0px 50px 2em 1em;
}

.landing-ofc .quantity-edit input[type="number"]:focus {
    width: 70px;
    border: 1px solid #b5bbc4;
    padding: 0px 0px 0px 20px;
    margin: -10px 0 0;
}

.landing-ofc .spacer-estimation {
    padding-right: 50px;
    padding-bottom: 50px;
}

.landing-ofc .title-product {
    font-weight: bold;
    font-size: 14px;
    color: #b5bbc4;
    text-transform: capitalize;
    margin-right: 10px;
}

    .landing-ofc .title-product .row {
        margin-right: 0px;
    }

.landing-ofc .product-details {
    color: #b5bbc4;
}

.landing-ofc .delete,
.landing-ofc .icon-pencil,
.landing-ofc .pencil-quantity,
.landing-ofc .icon-pencil-mobile {
    color: #006ba6;
}

.landing-ofc .icon-pencil {
    text-align: right;
}

.landing-ofc .pencil-quantity {
    display: none;
}

.landing-ofc .view-mobile {
    display: none;
}

.landing-ofc .total-price {
    padding-right: 50px;
}

    .landing-ofc .total-price div {
        font-size: 25px;
    }

@media (max-width: 767px) {
    .ofc--header h1 {
        padding: 18px 0 0 0;
    }

    .ofc--form--title {
        margin: 0 0 -2em;
    }

    .landing-ofc .title-product {
        visibility: hidden;
        padding: 0;
        margin: -20px;
    }

    .landing-ofc .spacer-landing {
        padding: 0px 0px 20px 0px;
    }

    .landing-ofc .spacer-estimation {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .landing-ofc .icon-pencil {
        visibility: hidden;
    }

    .landing-ofc .view-mobile {
        display: inline;
    }

    .landing-ofc .pencil-quantity {
        margin-left: -75px;
        display: inline;
    }

    .landing-ofc .total-price {
        padding-right: 0px;
    }

    .landing-ofc input[type="number"] {
        padding: 0px 0px;
    }
}
/* Internal app */

/**
  * Stylesheet for the internal pages of lend edge
  *
  * @author: Jon Bergman
  * @created: November 27, 2013
  */

.breadcrumbs {
    text-transform: capitalize;
    font-weight: bold;
    color: #b5bbc4;
    font-weight: 800;
}

.page-content-wrapper {
    background: #082538;
    position: relative;
}

.page-content {
    margin-left: 235px;
    min-height: 100%;
    background: whitesmoke;
    padding-bottom: 0px;
}

    .page-content.external {
        margin-left: 0px !important;
        padding-bottom: 125px;
    }

    .page-content.closed {
        margin-left: 50px;
    }

.content {
    position: relative;
    background: url(/Content/images/459091341_expFade.jpg);
    background-size: cover !important;
    background-position: center;
    min-height: 100%;
    overflow: hidden;
}

    .content.processing {
        background: url(/Content/images/business_men.jpg);
        background-position: center bottom;
    }

.content-wrapper {
    overflow: hidden;
    background-color: #b5bbc4;
    float: left;
    width: 100%;
}

.page-header {
    margin: 0px;
    padding: 60px 20px 10px;
    background: #003a61;
    border-bottom: 8px solid #003a61;
    display: none;
}

    .page-header h1 {
        color: white;
        font-size: 3em;
        margin: 0;
        padding: 20px 0 10px 0;
    }

.page-header-complex {
    position: relative;
}

    .page-header-complex div.complex-item-right {
        position: absolute;
        right: 2em;
        color: #fdfeff;
        bottom: 0;
        margin-bottom: 1.5em;
        padding-top: 1.5em;
        width: auto;
        font-size: 1.1em;
        font-weight: normal;
        height: 2em;
    }

        .page-header-complex div.complex-item-right div {
            float: right;
            height: 1.75em;
            margin: 0 .25em;
        }

            .page-header-complex div.complex-item-right div.leading-label {
                width: 8em;
                text-align: right;
                margin-top: .25em;
            }

            .page-header-complex div.complex-item-right div.input-wrapper-12 {
                width: 12em;
                margin: 0;
                padding: 0;
                border: 1px solid gray;
            }

                .page-header-complex div.complex-item-right div.input-wrapper-12 input {
                    float: left;
                    overflow: auto;
                    margin: 0;
                    width: 11em;
                    height: 1.75em;
                    color: black;
                    border: none;
                }

            .page-header-complex div.complex-item-right div.separator-text {
                width: 2em;
                text-align: center;
                margin-top: .25em;
            }

            .page-header-complex div.complex-item-right div.drop-list-wrapper {
                position: relative;
                background-color: transparent;
                width: 10em;
                margin: 0;
                padding: 0;
                height: 30px;
            }

                .page-header-complex div.complex-item-right div.drop-list-wrapper select {
                    width: 100%;
                    border: 1px solid gray;
                    height: 30px;
                }

        .page-header-complex div.complex-item-right .stack-item-entry {
            background-color: #fdfeff;
            color: #082538;
            overflow: hidden;
        }

            .page-header-complex div.complex-item-right .stack-item-entry div.input-button-blue {
                background-color: #006ba6 !important;
                color: #fdfeff;
                float: right;
                margin: 0;
                padding: 0;
                width: 1.75em;
                height: 100%;
                overflow: hidden;
                text-align: center;
            }

                .page-header-complex div.complex-item-right .stack-item-entry div.input-button-blue:hover {
                    cursor: pointer;
                }

            .page-header-complex div.complex-item-right .stack-item-entry select {
                padding-top: .1em;
            }

.content-area {
    background: white;
    padding: 40px 20px 60px;
    clear: both;
}

    .content-area.profile {
        padding-bottom: 1940px;
        margin-bottom: -1880px;
    }

    .content-area.transparent {
        background: none;
        padding-bottom: 0;
    }

.lendedge .page-header {
    display: block;
    padding: 35px 20px 5px;
}

.partner-logo-qf {
    max-width: 80%;
    max-height: 60px;
    margin-top: 30px;
    float: right;
}

.page-host {
    position: relative;
    min-height: 700px;
}

.page-title {
    color: #006ba6;
    font-size: 3em;
    margin: 0;
}

.blue-intro {
    color: #006ba6;
}

.secondary-title {
    margin: 0 0 1em;
    color: #006ba6;
}

.gray-block {
    background: whitesmoke;
    padding: 30px;
}

.paging-control {
    position: relative;
    padding-top: 30px;
    text-align: center;
    font-size: .9em;
}

    .paging-control ol {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

        .paging-control ol > li {
            float: left;
            margin: 0 .25em;
            padding: 0;
            text-align: center;
            font-weight: bold;
        }

            .paging-control ol > li a {
                background-color: #fdfeff;
                color: #006ba6;
                border: 1px solid #fdfeff;
                -moz-border-radius: .25em;
                border-radius: .4em;
                float: left;
                padding: .05em .3em;
                margin: 0;
            }

            .paging-control ol > li span {
                background-color: #f2f2f2;
                color: #082538;
                border: 1px solid #f2f2f2;
                -moz-border-radius: .25em;
                border-radius: .4em;
                float: left;
                padding: .05em .3em;
                margin: 0;
            }

                .paging-control ol > li span i {
                    color: #b5bbc4;
                }

#secondary {
    background: #082538;
    color: white;
    padding-bottom: 5000px;
    margin-bottom: -5000px;
}
/* tablets & phones */

@media (max-width: 991px) {
    .page-content {
        margin-left: 0px;
    }

        .page-content.closed {
            margin: 0px !important;
        }

    .page-header {
        padding: .5em 0;
        text-align: center;
        background: #082538;
        border-bottom: none;
    }

        .page-header h1 {
            font-size: 1.75em;
        }

        .page-header.contact-us {
            padding: .5em 0;
            text-align: center;
            background: #082538;
            border-bottom: none;
        }

            .page-header.contact-us h1 {
                font-size: 1.75em;
            }

    .content {
        background: none;
    }

    .content-area {
        padding: 1em;
        margin: 0;
    }

        .content-area.profile {
            padding: 1em 1em 8em 1em;
            margin: 0;
        }

    .container-fluid {
        padding: 0 1em;
    }

    .lendedge-logo {
        margin-left: auto;
        margin-right: auto;
    }

    .page-content-wrapper {
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .content.processing {
        background: #b5bbc4;
    }

    .content-area {
        overflow: auto;
    }

    .panel-header {
        font-size: 1.25em;
        padding: .5em 0;
        text-align: center;
    }

        .panel-header.dark {
            background: rgba(8, 37, 56, 0.9);
        }
}
/**
  * Dashboard styles
  *
  * @author: Jon Bergman
  * @updated: December 3, 2013
  */

.dashboard-hero {
    background: url(/Content/images/business_men.jpg);
    background-size: cover;
    background-position: bottom;
}

    .dashboard-hero.wallet {
        background: url(/Content/images/Warehouse_crop.jpg);
        background-position: top left;
    }

.header-callout {
    color: white;
    padding: 2em;
    background: #003a61;
    display: block;
    width: 100%;
    float: left;
    position: relative;
}

    .header-callout a {
        color: white;
        text-decoration: underline;
        font-size: 1em;
        word-wrap: break-word;
    }

    .header-callout .first-column {
        padding-right: 2.5em;
        border-right: solid 1px rgba(255, 255, 255, 0.5);
    }

    .header-callout .second-column {
        padding-left: 2.5em;
    }

    .header-callout .close {
        position: absolute;
        right: .5em;
        top: .15em;
        font-size: 2em;
        line-height: 1;
        color: white;
        opacity: .6;
    }

        .header-callout .close :hover {
            opacity: 1;
        }

@media (max-width: 991px) {
    .header-callout .first-column {
        padding: 0;
        padding-bottom: 2.5em;
        border-right: none;
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    }

    .first-column h3 {
        margin-top: 1em;
    }

    .header-callout .second-column {
        padding-left: 0;
        padding-top: 2.5em;
    }
}

@media (max-width: 767px) {
    .header-callout {
        float: none;
    }
}

.dashboard-hero__wallet {
    position: relative;
}

.wallet--title--1,
.wallet--title--2,
.wallet--title--1__customer,
.wallet--title--2__customer {
    display: inline-block;
    padding: 7px 15px 0 20px;
    color: #003a61;
    font-size: 52px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.wallet--title--1__customer,
.wallet--title--2__customer {
    background: none;
    padding: 0;
}

.wallet--access,
.wallet--access__customer {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 33px 15px 20px;
    color: #6a6f81;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.4em;
    margin: 0;
}

    .wallet--access span,
    .wallet--access__customer span {
        color: #006ba6;
    }

.wallet--access__customer {
    background: none;
    padding: 0;
    margin-top: 15px;
}

.panel__wallet--copy {
    background: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    box-shadow: none;
    border: none;
    width: 380px;
    margin: 0;
}

.panel__wallet,
.panel__wallet__customer {
    background: rgba(255, 255, 255, 0.95);
    padding: 10px;
    border: none;
    box-shadow: none;
    margin: 0;
    color: #6a6f81;
}

    .panel__wallet h4,
    .panel__wallet__customer h4 {
        font-size: 15px;
        margin: 0 0 3px;
        color: #6a6f81;
    }

    .panel__wallet h3,
    .panel__wallet__customer h3 {
        margin: 0 0 20px;
    }

    .panel__wallet .wallet--amount,
    .panel__wallet__customer .wallet--amount {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 22px;
        color: #6a6f81;
    }

    .panel__wallet .well,
    .panel__wallet__customer .well {
        position: relative;
        border: 1px solid #dadce1;
    }

        .panel__wallet .well a,
        .panel__wallet__customer .well a {
            font-size: 12px;
            font-weight: bold;
            border-bottom: 1px solid;
        }

            .panel__wallet .well a:hover,
            .panel__wallet__customer .well a:hover {
                color: #006ba6;
                text-decoration: none;
            }

.panel__wallet__customer {
    background: none;
    padding: 0;
}

    .panel__wallet__customer .panel-body {
        padding: 0;
    }

.wallet--business {
    font-size: 22px;
    font-weight: bold;
}

.wallet--amount {
    font-weight: bold;
    color: #007255;
}

.dashboard--slogan {
    margin-top: 170px;
    font-size: 3em;
    color: #082538;
    max-width: 40%;
}

    .dashboard--slogan span {
        color: #006ba6;
    }

.hero {
    background-color: #f3f3f3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

    .hero .panel {
        background: rgba(255, 255, 255, 0.9);
        max-width: 700px;
        margin: 0 auto;
    }

        .hero .panel h1 {
            font-size: 60px;
            color: #007255;
            margin: 0;
        }

        .hero .panel h3 {
            color: #6a6f81;
            font-size: 28px;
            margin: 0 0 20px;
        }

        .hero .panel p {
            color: #6a6f81;
            margin: 0 0 30px;
            font-size: 16px;
        }

    .hero .panel-body {
        padding: 40px;
    }

.side-box {
    background: rgba(255, 255, 255, 0.65);
    display: block;
    padding: 1em;
    color: #082538;
    padding: 35px;
    height: inherit;
}

.call-outs {
    background: rgba(255, 255, 255, 0.9);
    padding: 1.5em;
}

    .call-outs ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .call-outs ul > li {
            border-bottom: 1px solid #b5bbc4;
        }

            .call-outs ul > li > a {
                position: relative;
                display: block;
                padding: 1em 0;
                text-transform: capitalize;
                font-weight: bold;
                font-size: 1.5em;
                cursor: pointer;
            }

            .call-outs ul > li .fa {
                position: absolute;
                top: 50%;
                right: 0;
                margin-top: -0.5em;
            }

            .call-outs ul > li:last-child {
                border-bottom: none;
            }

    .call-outs img {
        padding-right: 5px;
    }

.dashboard-section-header {
    background: #082538;
    padding: 1em 0 0 0;
    border-left: 1px solid #006ba6;
}

    .dashboard-section-header h2 {
        color: white;
        margin: 0px 0px 12px 0px;
        float: left;
    }

        .dashboard-section-header h2 .fa {
            color: #006ba6;
            margin-right: .5em;
        }

.dashboard-search {
    padding: 1em 0 .5em 0;
}

.current-pipeline {
    background: #006ba6;
    color: #d8e5ea;
    text-align: center;
    padding: 1em .5em 0 .5em;
}

    .current-pipeline h2 {
        display: inline-block;
    }

    .current-pipeline span {
        color: white;
    }

    .current-pipeline a {
        color: #fdfeff;
        text-decoration: underline;
        padding: 5px;
    }

.recent-activity-table {
    padding: 2em 0;
    background: white;
}

    .recent-activity-table table {
        width: 100%;
        text-transform: capitalize;
        font-weight: bold;
    }

        .recent-activity-table table th {
            color: #b5bbc4;
            font-size: 18px;
        }

            .recent-activity-table table th:last-child {
                text-align: left;
            }

        .recent-activity-table table td {
            border-bottom: 1px solid #b5bbc4;
            font-size: 22px;
            padding: 1em .25em;
            color: #6a6f81;
        }

            .recent-activity-table table td:first-child {
                text-overflow: ellipsis-word;
            }

                .recent-activity-table table td:first-child a {
                    color: #006ba6;
                }

            .recent-activity-table table td:nth-child(2) {
                width: auto;
                text-transform: capitalize;
            }

            .recent-activity-table table td:nth-child(3) {
                width: auto;
                min-width: 11em;
                text-transform: capitalize;
            }

            .recent-activity-table table td:last-child {
                text-align: left;
                width: auto;
                min-width: 8.5em;
            }

            .recent-activity-table table td .seconds {
                padding-left: 5px;
                color: #b5bbc4;
            }

    .recent-activity-table i {
        padding-right: 5px;
    }

.volume-and-conversion {
    background: white;
    padding: 2em 0;
}

    .volume-and-conversion label {
        display: block;
    }

    .volume-and-conversion p {
        font-size: 1em;
        color: #b5bbc4;
    }

.visual-cue {
    line-height: 1em;
    margin: 0 0 20px;
}

    .visual-cue.static span {
        color: #006ba6;
    }

    .visual-cue.rolling span {
        color: #006ba6;
    }

.ui-toggle {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 112px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
}

    .ui-toggle .static {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: block;
        padding: 5px 40px 5px 15px;
        color: white;
        background: #007255;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle .rolling {
        position: absolute;
        top: 0px;
        left: 100%;
        width: 100%;
        display: block;
        padding: 5px 40px;
        color: white;
        background: #007255;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle.secondary {
        border-color: #007255;
    }

        .ui-toggle.secondary .switch {
            left: 0px;
        }

        .ui-toggle.secondary .static {
            left: -100%;
        }

        .ui-toggle.secondary .rolling {
            left: 0px;
        }

    .ui-toggle .switch {
        position: absolute;
        top: 1px;
        left: 81px;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        background: white;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

.transaction-status {
    color: #6a6f81;
    font-weight: 700;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.2em;
}

    .transaction-status i {
        font-size: 1.5em;
        margin-right: 6px;
    }

.funnel-percentage {
    text-transform: capitalize;
    font-weight: bold;
    color: #b5bbc4;
    font-weight: 700;
}

.funnel-total-count {
    display: block;
    margin-top: 6px;
    float: right;
    text-transform: capitalize;
    font-weight: bold;
    font-weight: 700;
    font-size: 1.25em;
}

.hierachy-inline {
    display: inline-block;
    color: white;
    text-transform: capitalize;
    vertical-align: middle;
    padding-bottom: 6px;
    padding-left: 10px;
}

@media (max-width: 1500px) {
    .dashboard--slogan {
        font-size: 2.6em;
    }
}

@media (max-width: 1199px) {
    .dashboard--slogan {
        margin-top: 60px;
        font-size: 2em;
    }

    .panel__wallet {
        padding: 0px 20px 20px 20px;
    }

        .panel__wallet .wallet--amount {
            position: static;
            margin-top: 5px;
        }

        .panel__wallet .panel-body {
            padding: 0;
        }
}

@media (max-width: 992px) {
    .graph-wrapper,
    .benchmark-datepicker {
        display: none !important;
    }

    .conversion-graph {
        position: relative;
        margin-top: 5px;
        float: left;
        height: 10px;
        background: whitesmoke;
        width: 85%;
    }

        .conversion-graph .percentage-bar {
            position: absolute;
            height: 10px;
            top: 0px;
            left: 0px;
            background: #007255;
        }
}

@media (max-width: 767px) {
    .visual-cue {
        float: none;
        font-size: 1.25em;
        line-height: 1.2em;
        margin: 0;
    }

    .hero {
        background: white;
    }

        .hero .panel h1 {
            font-size: 2em;
        }

        .hero .panel h3 {
            font-size: 1.5em;
        }

        .hero .panel-body {
            padding: 15px;
        }

    .dashboard-section-header {
        position: relative;
        text-align: center;
    }

        .dashboard-section-header:after {
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -7px;
            content: "";
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-top: 7px solid #082538;
            z-index: 99;
        }

        .dashboard-section-header h2 {
            float: none;
            font-size: 1.25em;
        }

            .dashboard-section-header h2 .fa {
                color: #006ba6;
                margin-right: .5em;
            }

    .call-outs {
        padding: 0 1.5em;
        background: white;
        margin: 10px -1em 10px -1em;
        box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
    }

        .call-outs > ul > li > a {
            padding: .5em 0;
        }

    .side-box {
        background: white;
        padding: 1.2em .75em;
    }

        .side-box p {
            font-size: 1em;
            line-height: 1.3em;
            margin-bottom: 15px;
        }

        .side-box h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }

    .panel__wallet--copy {
        position: static;
        padding: 20px;
        width: auto;
    }

    .wallet--title {
        font-size: 2em;
    }

    .wallet--title--1,
    .wallet--title--2 {
        padding: 0;
        font-size: 38px;
        display: block;
        line-height: 1em;
    }

    .wallet--access {
        padding: 0;
        font-size: 1em;
        font-size: 12px;
        margin-top: 10px;
    }
}
/**
  * Dashboard styles
  *
  * @author: Jon Bergman
  * @updated: December 3, 2013
  */

.estimate {
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

    .estimate h3 {
        margin: 0 0 20px;
        color: #6a6f81;
    }

.estimate-form .fieldset {
    margin-bottom: 1em;
    margin-left: 1em;
}

.estimate-form .form-title {
    margin: 30px 0;
}

.estimate-form label {
    margin: 10px 0;
}

.estimate-form .field-group {
    padding: 0 0 0 30px;
}

.estimate-form select {
    width: 100%;
}

.slider-wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 30px;
    color: #b5bbc4;
}

    .slider-wrapper .financing-amount {
        display: block;
        position: absolute;
        top: 15px;
        width: 150px;
        color: #006ba6;
        font-weight: bold;
        font-size: 1.5em;
        text-align: center;
        z-index: 2;
    }

    .slider-wrapper .ui-slider {
        background: #b5bbc4;
        border: 0;
        height: 7px;
        border-radius: 10px;
    }

        .slider-wrapper .ui-slider .ui-state-default {
            position: absolute;
            display: block;
            height: 25px;
            width: 25px;
            margin-left: -10px;
            -webkit-appearance: none;
            top: -10px;
            border-radius: 20px;
            border: 0;
            background: #006ba6;
            /* Old browsers */
            background: -moz-linear-gradient(top, #006ba6 50%, #006ba6 50%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #006ba6), color-stop(50%, #006ba6));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #006ba6 50%, #006ba6 50%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #006ba6 50%, #006ba6 50%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #006ba6 50%, #006ba6 50%);
            /* IE10+ */
            background: linear-gradient(to bottom, #006ba6 50%, #006ba6 50%);
            /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006BA6', endColorstr='#006BA6', GradientType=0);
            /* IE6-9 */
        }

            .slider-wrapper .ui-slider .ui-state-default:focus {
                outline: none;
            }

    .slider-wrapper .min-value,
    .slider-wrapper .max-value {
        display: block;
        float: left;
        margin-top: 0px;
        font-size: 1em;
        font-weight: 200;
    }

    .slider-wrapper .max-value {
        float: right;
    }

.estimate-description {
    line-height: 24px;
    margin: 30px 0 10px;
}

    .estimate-description .estimate-amount {
        font-weight: bold;
        font-size: 2em;
    }

    .estimate-description sub {
        bottom: 0;
        font-size: 1.5em;
    }

.estimate-summary {
    padding: 3em 2em;
    color: #003a61;
    background: #dadce1;
    overflow: hidden;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

    .estimate-summary h2 {
        color: #003a61;
        background: #dadce1;
        display: block;
    }

    .estimate-summary .copy {
        color: #003a61;
        background: #dadce1;
        font-size: 12px;
        margin-top: 200px;
        line-height: 1.4em;
    }

    .estimate-summary input[type=text] {
        color: #003a61;
        background: #dadce1;
        width: 100%;
    }

    .estimate-summary .close {
        color: #006ba6;
        opacity: 1;
        text-shadow: none;
    }

        .estimate-summary .close:hover {
            color: #d8e5ea;
        }

.share-estimate-link {
    display: inline-block;
    text-transform: capitalize;
    font-weight: bold;
    color: #006ba6;
    border-bottom: 1px solid;
    font-size: 1.2em;
    margin-bottom: 10px;
    cursor: pointer;
}

    .share-estimate-link:hover,
    .share-estimate-link.disabled {
        color: #003a61;
    }

    .share-estimate-link.disabled {
        cursor: default;
    }

.quote-amount {
    font-size: 3em;
    margin-bottom: 20px;
    line-height: 1.2em;
}

    .quote-amount sub {
        bottom: 0;
        font-weight: normal;
        text-transform: none;
        font-size: .55em;
    }

    .quote-amount i {
        font-size: 18px;
    }

#quote-details-table {
    margin-bottom: 30px;
    font-size: 1.2em;
}

    #quote-details-table .row {
        padding: 4px 0;
    }

    #quote-details-table .attribute {
        text-transform: capitalize;
        font-weight: bold;
        color: #082538;
    }

    #quote-details-table .value {
        text-align: right;
        font-weight: 400;
    }

#email-quote {
    margin-bottom: 20px;
}

    #email-quote .success-sent {
        color: #007255;
    }

.credit-label,
.business-label {
    text-align: right;
}

@media (max-width: 991px) {
    .estimate-summary {
        padding: 1em;
        margin: 0;
    }

        .estimate-summary .copy {
            margin-top: 2em;
        }

    .estimate-form .fieldset {
        margin: 0 auto 1em;
    }

    .estimate-form .field-group {
        padding: 0;
    }

    .estimate-page #main {
        background: #f2f2f2;
    }

    .estimate-tool {
        padding: 20px;
        margin: 0;
    }

        .estimate-tool h1 {
            font-size: 2em;
            margin: 0 0 50px;
        }

    #quote-details-table .attribute {
        width: 100%;
    }

    #quote-details-table .value {
        text-align: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .estimate-page #main .container {
        padding: 0;
    }

    .quote-amount {
        font-size: 2em;
    }
}

@media (max-width: 767px) {
    .credit-label,
    .business-label {
        text-align: left;
    }

    .estimate-form {
        margin: 0px;
    }

        .estimate-form label {
            margin: 0 0 5px;
        }
}
/**
  * Styling for internal page, manage-portals
  *
  * @author: Jon Bergman
  * @updated: December 5, 2013
  */

.manage-portals label {
    font-size: 1.875em;
    text-transform: capitalize;
    font-weight: bold;
    font-weight: 700;
    display: inline;
    margin-right: 30px;
}

.manage-portals .your-url {
    margin-top: 15px;
}

.manage-portals .banding.public-customer-app {
    padding: 1em 60px;
}

    .manage-portals .banding.public-customer-app h1 {
        padding: 5px 0 5px 0;
    }

.manage-portals ol {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 0 2em 2em;
}

    .manage-portals ol > li {
        margin-bottom: 20px;
    }

.manage-portals table thead tr th {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.25em;
}

.manage-portals table textarea {
    border: none;
    background: none;
    padding: 0px;
    font-size: .875em;
}

.tabLink {
    color: #006ba6;
    font-weight: bold;
    text-decoration: underline;
    text-transform: capitalize;
}

.bottonLink {
    color: #006ba6;
    font-weight: bold;
    text-transform: capitalize;
    margin-left: 20px;
}

.customLi {
    height: 50px;
}

.txtLi {
    vertical-align: center;
}
/**
  * Styling for internal page, manage-branding
  *
  * @author: Jon Bergman
  * @updated: December 16, 2013
  */

.drag-n-drop {
    padding: 10px 20px;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.1em;
    color: #007255;
    background-color: whitesmoke;
    border: 3px dashed #007255;
    margin-bottom: 20px;
}

    .drag-n-drop i {
        display: block;
        font-size: 6em;
        color: #007255;
    }

    .drag-n-drop.drag-hover {
        border: 3px solid #007255;
    }

.file-button {
    position: absolute;
    width: 100%;
    border: 1px solid black;
    height: 1.5em;
    margin-top: .25em;
}

.file-upload input.file-select {
    float: left;
    opacity: 0;
    cursor: pointer;
}

.file-upload p {
    font-size: .8em;
}

    .file-upload p strong {
        font-weight: bold;
        text-decoration: none;
    }

.file-upload h4 {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1em;
}

.file-upload-instructions {
    margin-top: 20px;
    font-size: .875em;
}

    .file-upload-instructions h4 {
        margin: 0;
    }

    .file-upload-instructions p {
        margin-bottom: 5px;
    }

.banding {
    padding: 2em 60px;
    background: white;
}

.inner {
    padding: 1.5em;
}

.interactive-options p {
    font-size: .875em;
}

.interactive-options label {
    font-weight: bold;
    color: #6a6f81;
}

.manage-display-name {
    background: white;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em;
}

    .manage-display-name .title {
        display: block;
        font-size: 1.5em;
        margin-bottom: 1em;
    }

    .manage-display-name .margined-group {
        text-align: left;
    }

        .manage-display-name .margined-group .manage-edit-name {
            width: 100%;
            height: 1.5em;
        }

        .manage-display-name .margined-group p {
            font-size: .8em;
            line-height: 1.1em;
        }

        .manage-display-name .margined-group label {
            font-size: .9em;
            font-weight: bold;
            text-transform: none;
        }

    .manage-display-name .manage-manual-action:before {
        content: "Change Display Name";
    }

.manage-display-logo {
    background: white;
    box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 2em;
}

    .manage-display-logo .preview-options {
        position: relative;
        font-size: .75em;
        margin-top: 2em;
    }

        .manage-display-logo .preview-options .preview-public {
            float: left;
            padding-right: .5em;
            border-right: 1px solid gray;
        }

        .manage-display-logo .preview-options .preview-rep {
            float: left;
            padding-left: .5em;
        }

    .manage-display-logo .manage-manual-action,
    .manage-display-logo .manage-manual-cancel {
        text-transform: capitalize;
        position: relative;
        width: 100%;
        text-align: center;
    }

        .manage-display-logo .manage-manual-action:before {
            content: "Upload a New Logo";
        }

        .manage-display-logo .manage-manual-cancel:before {
            content: "Cancel and Keep Current Logo";
        }

    .manage-display-logo .manage-preview:visited,
    .manage-display-logo .manage-preview:active {
        text-decoration: none;
    }

@media (max-width: 980px) {
    .manage-display-name .manage-manual-action:before {
        content: "Change Name";
    }

    .manage-display-logo .preview-options {
        position: relative;
        font-size: .8em;
        margin-top: 4em;
    }

        .manage-display-logo .preview-options .preview-public {
            float: none;
            border: none;
        }

        .manage-display-logo .preview-options .preview-rep {
            float: none;
            margin-top: 1em;
            padding-left: 0;
        }
}

@media (max-width: 768px) {
    .manage-display-name {
        border: none;
    }

    .interactive-options {
        float: none;
        height: auto;
    }

    .manage-display-logo {
        border: none;
    }
}

@media (max-width: 767px) {
    .banding {
        padding: 1em;
    }
}

.manage-users input[type=text]::-webkit-input-placeholder {
    color: #b5bbc4;
    font-style: italic;
    margin-left: 1em;
}

.manage-users input[type=text]:-moz-placeholder {
    color: #b5bbc4;
    font-style: italic;
    margin-left: 1em;
}

.manage-users input[type=text]::-moz-placeholder {
    color: #b5bbc4;
    font-style: italic;
    margin-left: 1em;
}

.manage-users input[type=text]:-ms-input-placeholder {
    color: #b5bbc4;
    font-style: italic;
    margin-left: 1em;
}

.manage-users a.decoratedLink {
    text-decoration: underline;
}

    .manage-users a.decoratedLink i {
        text-decoration: underline;
    }

.manage-users .centeredData {
    text-align: center;
    max-width: 5em;
}

.manage-users .alert {
    margin: 1em 0 0 0;
}

.manage-users .actions {
    margin: 20px 0;
    padding: 0;
    height: 2em;
    position: relative;
}

    .manage-users .actions .dropdown {
        width: 25%;
        height: 100%;
    }

        .manage-users .actions .dropdown .dropdown-menu {
            width: 100%;
        }

        .manage-users .actions .dropdown a.btn {
            font-size: 1em;
            padding: .35em 0;
        }

            .manage-users .actions .dropdown a.btn span {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                margin: .35em 0;
            }

            .manage-users .actions .dropdown a.btn i {
                position: absolute;
                right: .35em;
                top: .15em;
                font-weight: lighter;
                font-size: 1.5em;
            }

.manage-users td.username {
    color: #006ba6;
}

.manage-users .table-striped {
    border: 1px solid #082538;
    font-size: .75em;
}

    .manage-users .table-striped thead {
        border: none;
    }

        .manage-users .table-striped thead tr {
            border: none;
        }

    .manage-users .table-striped td,
    .manage-users .table-striped th {
        border-right: 1px solid #082538;
    }

        .manage-users .table-striped td:first-child,
        .manage-users .table-striped th:first-child {
            width: 2em;
            text-align: center;
        }

        .manage-users .table-striped td:nth-child(2),
        .manage-users .table-striped th:nth-child(2) {
            width: auto;
        }

        .manage-users .table-striped td:nth-child(3),
        .manage-users .table-striped th:nth-child(3) {
            width: auto;
        }

        .manage-users .table-striped td:nth-child(4),
        .manage-users .table-striped th:nth-child(4) {
            width: 10em;
            min-width: 10em;
            max-width: 10em;
        }

        .manage-users .table-striped td:last-child,
        .manage-users .table-striped th:last-child {
            border-right: none;
            width: 10em;
            min-width: 10em;
            max-width: 10em;
        }

        .manage-users .table-striped td:nth-child(2) {
            padding-left: 2em;
        }

        .manage-users .table-striped td:nth-child(3) {
            padding-left: 2em;
        }

        .manage-users .table-striped td:last-child {
            padding-left: 2em;
        }

        .manage-users .table-striped th i {
            margin-right: .5em;
        }

        .manage-users .table-striped th:nth-child(2) {
            padding-left: 1em;
        }

        .manage-users .table-striped th:nth-child(3) {
            padding-left: 1em;
        }

        .manage-users .table-striped th:last-child {
            padding-left: 1em;
        }

.manage-users .paging-area {
    clear: both;
    position: relative;
    width: 100%;
    padding-bottom: 2em;
}

    .manage-users .paging-area div.paging-control {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .manage-users .paging-area div.form {
        position: absolute;
        top: 0;
        right: 0;
        font-size: .8em;
    }

        .manage-users .paging-area div.form select.small-select-box {
            width: 7em;
            display: inline;
            color: #006ba6;
        }

@media (max-width: 980px) {
}

@media (max-width: 768px) {
    .manage-users .optional {
        display: none;
    }
}

@media (max-width: 767px) {
}

@media (max-width: 500px) {
    .manage-users .absolute-topleft {
        position: relative;
        display: block;
    }

    .manage-users .absolute-topright {
        position: relative;
        display: block;
    }
}

@media (max-width: 320px) {
}

@media (min-width: 1200px) {
}
/**
  * The addional styles for the thank you page.
  *
  * @author: Jon Bergman
  * @updated: October 30, 2013
  */

.settings .icon-pencil {
    cursor: pointer;
    color: #006ba6;
}

.settings .value {
    color: #082538;
}

.settings .settings-wrapper {
    position: relative;
    background: whitesmoke;
    overflow: hidden;
}

.settings-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    background: #d8e5ea;
    padding-bottom: 2000px;
    margin-bottom: -2000px;
}

    .settings-nav > li > a {
        color: #003a61;
        background: #d8e5ea;
        position: relative;
        display: block;
        text-transform: capitalize;
        font-weight: bold;
        font-weight: 800;
        padding: 1em 1em 1em 4em;
    }

    .settings-nav > li.active > a {
        color: white;
        background: #082538;
    }

        .settings-nav > li.active > a:after {
            position: absolute;
            top: 22px;
            right: -14px;
            content: "";
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #082538;
            border-right: 7px solid transparent;
            z-index: 99;
        }

@media (max-width: 991px) {
    .settings-nav {
        display: block;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJr1679zwjjgzjBwcGMYAEYB8RmROaABADgiw8LUQZ2awAAAABJRU5ErkJggg==) repeat;
        box-shadow: none;
        font-size: inherit;
        margin: 1em -15px 2em;
        padding: 0 1em;
    }

        .settings-nav > li {
            float: left;
            background: #b5bbc4;
            border-right: 1px solid white;
            width: 33.33%;
        }

            .settings-nav > li.active a:after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -7px;
                content: "";
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-top: 7px solid #082538;
                z-index: 99;
            }

            .settings-nav > li > a {
                padding: .75em 0;
                text-align: center;
            }
}
/**
  * Styling for internal page, transaction-details
  *
  * @author: Jon Bergman
  * @updated: December 9, 2013
  */

.tip {
    color: #b5bbc4;
    font-style: italic;
    margin: 20px 0;
}
/**
  * Styling for internal page, transaction-details
  *
  * @author: Jon Bergman
  * @updated: MAy 22, 2014  jcrulli
  */

.transaction-details .form-horizontal .control-label {
    padding-top: 0px;
}

.transaction-details h3 {
    font-size: 22px;
}

.transaction-details .status {
    text-align: left;
    text-transform: capitalize;
    font-weight: bold;
    color: #082538;
}

.transaction-details .value {
    color: #082538;
}

.transaction-details .alert i {
    color: #007255;
    font-size: 22px;
}

.transaction-details .btn {
    background: #007255;
    font-size: 22px;
}

    .transaction-details .btn:hover {
        background: #008b68;
    }

.transaction-details .td-content-area {
    background: transparent;
}

.transaction-details .container-fluid {
    padding: 0;
}

.transaction-details .detail-rows {
    margin-top: 0px;
    margin-bottom: 1em;
    font-size: .9em;
}

    .transaction-details .detail-rows .eachrow {
        margin-top: .85em;
        line-height: 17px;
    }

        .transaction-details .detail-rows .eachrow label {
            color: #6a6f81;
            font-size: .95em;
        }

.transaction-details .nopadding {
    padding: 0px;
}

.transaction-details .second-part {
    padding-left: 35px;
}

.transaction-details .transaction {
    background-color: #082538;
}

    .transaction-details .transaction .transaction-number {
        color: #d8e5ea;
    }

    .transaction-details .transaction .confirmation-number {
        color: white;
        display: inline;
        padding-left: 8px;
    }

    .transaction-details .transaction .statusIcon {
        padding-right: 2em;
        padding-left: .5em;
        margin-bottom: 33px;
    }

.transaction-details .panel .panel-heading {
    font-size: 1.4em;
    color: white;
    text-transform: capitalize;
    font-weight: bold;
}

.transaction-details .panel .business-info-panel {
    min-height: 235px;
}

.transaction-details .panel .representitive {
    background-color: #006ba6;
}

.transaction-details .panel .my-contact-info {
    background-color: #46b7eb;
}

.transaction-details .panel .my-business {
    background-color: #006ba6;
}

.transaction-details .panel .owners-table {
    margin-top: 15px;
}

.transaction-details .panel .business-info {
    background-color: #006ba6;
}

.transaction-details .panel .applicant-info {
    background-color: #006ba6;
}
/*
 * Media queries
 */

@media (max-width: 1200px) {
    .transaction-details .status-header {
        visibility: hidden;
        height: 0;
    }

    .transaction-details .after-status {
        margin-top: 0;
    }

    .transaction-details .before-status {
        margin-bottom: 0;
    }

    .transaction-details .second-part {
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .transaction-details .field-row {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .transaction-details .background {
        padding: 1em 1em 0 1em;
        background-color: blue;
    }
}

@media (max-width: 512px) {
    .transaction-details .transaction-number {
        display: block;
        padding: 0px;
        margin-left: 10px;
        text-align: left;
    }

    .transaction-details .confirmation-number {
        padding: 0;
        text-align: left;
    }
}
/**
  * The addional styles for the thank you page.
  *
  * @author: Patrick McCartney
  * @updated: March 5, 2014
  */

.list-reset {
    margin: 0;
    padding: 0;
    list-style: none;
}

.equipment-financing-page,
.financing-options-page,
.franchise-financing-page,
.working-capital-page {
    background: white;
}

    .equipment-financing-page #hero,
    .financing-options-page #hero,
    .franchise-financing-page #hero,
    .working-capital-page #hero {
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        background-size: cover !important;
        color: #d8e5ea;
    }

    .equipment-financing-page #content,
    .financing-options-page #content,
    .franchise-financing-page #content,
    .working-capital-page #content {
        padding: 100px 0;
        border-bottom: none;
    }

        .equipment-financing-page #content .product-text,
        .financing-options-page #content .product-text,
        .franchise-financing-page #content .product-text,
        .working-capital-page #content .product-text {
            text-align: center;
            color: #082538;
            min-height: 390px;
        }

            .equipment-financing-page #content .product-text p,
            .financing-options-page #content .product-text p,
            .franchise-financing-page #content .product-text p,
            .working-capital-page #content .product-text p,
            .equipment-financing-page #content .product-text ul,
            .financing-options-page #content .product-text ul,
            .franchise-financing-page #content .product-text ul,
            .working-capital-page #content .product-text ul {
                text-align: left;
            }

            .equipment-financing-page #content .product-text ul,
            .financing-options-page #content .product-text ul,
            .franchise-financing-page #content .product-text ul,
            .working-capital-page #content .product-text ul {
                padding-left: 20px;
                font-weight: bold;
            }

                .equipment-financing-page #content .product-text ul > li,
                .financing-options-page #content .product-text ul > li,
                .franchise-financing-page #content .product-text ul > li,
                .working-capital-page #content .product-text ul > li {
                    margin-bottom: 10px;
                }

            .equipment-financing-page #content .product-text img,
            .financing-options-page #content .product-text img,
            .franchise-financing-page #content .product-text img,
            .working-capital-page #content .product-text img {
                margin-bottom: 20px;
            }

            .equipment-financing-page #content .product-text h3,
            .financing-options-page #content .product-text h3,
            .franchise-financing-page #content .product-text h3,
            .working-capital-page #content .product-text h3 {
                font-size: 2em;
                margin: 0 0 20px;
            }

                .equipment-financing-page #content .product-text h3 span,
                .financing-options-page #content .product-text h3 span,
                .franchise-financing-page #content .product-text h3 span,
                .working-capital-page #content .product-text h3 span {
                    color: #d8e5ea;
                }

            .equipment-financing-page #content .product-text.first,
            .financing-options-page #content .product-text.first,
            .franchise-financing-page #content .product-text.first,
            .working-capital-page #content .product-text.first {
                padding: 0 30px 0 0;
                border-right: 1px solid #f2f2f2;
            }

            .equipment-financing-page #content .product-text.last,
            .financing-options-page #content .product-text.last,
            .franchise-financing-page #content .product-text.last,
            .working-capital-page #content .product-text.last {
                padding: 0 0 0 30px;
                border-left: 1px solid #f2f2f2;
            }

        .equipment-financing-page #content .testimonial,
        .financing-options-page #content .testimonial,
        .franchise-financing-page #content .testimonial,
        .working-capital-page #content .testimonial {
            text-align: center;
            padding-left: 30px;
            border-left: 1px solid #f2f2f2;
        }

            .equipment-financing-page #content .testimonial p,
            .financing-options-page #content .testimonial p,
            .franchise-financing-page #content .testimonial p,
            .working-capital-page #content .testimonial p {
                font-style: italic;
            }

            .equipment-financing-page #content .testimonial .cite,
            .financing-options-page #content .testimonial .cite,
            .franchise-financing-page #content .testimonial .cite,
            .working-capital-page #content .testimonial .cite {
                display: block;
                color: #006ba6;
                text-transform: capitalize;
                font-weight: bold;
                font-size: 1.5em;
                margin: 0 0 5px;
            }

            .equipment-financing-page #content .testimonial .occupation,
            .financing-options-page #content .testimonial .occupation,
            .franchise-financing-page #content .testimonial .occupation,
            .working-capital-page #content .testimonial .occupation,
            .equipment-financing-page #content .testimonial .customer-date,
            .financing-options-page #content .testimonial .customer-date,
            .franchise-financing-page #content .testimonial .customer-date,
            .working-capital-page #content .testimonial .customer-date {
                font-style: italic;
                font-size: 1.2em;
                font-weight: normal;
            }

            .equipment-financing-page #content .testimonial img,
            .financing-options-page #content .testimonial img,
            .franchise-financing-page #content .testimonial img,
            .working-capital-page #content .testimonial img {
                height: 100px;
                width: 100px;
                margin-bottom: 25px;
            }

#hero {
    position: relative;
    padding: 5em 0;
}

    #hero .page-title {
        margin: 0px 0px 30px;
        color: white;
        font-size: 3em;
    }

    #hero .page-sub-title {
        color: white;
        font-size: 1.3em;
        text-transform: none;
        font-weight: 400;
        line-height: 1.6em;
    }

    #hero .page-intro {
        margin-bottom: 60px;
        font-size: 1.1em;
    }

        #hero .page-intro span {
            color: white;
            font-weight: bold;
        }

#pointer {
    position: relative;
    background: #082538;
    color: white;
    text-align: center;
    padding: 20px 0px;
}

    #pointer:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -20px;
        margin-left: -20px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #082538;
    }

    #pointer h3 {
        font-size: 1.7em;
        margin: 0;
    }

.product-table,
.product-accordion {
    width: 100%;
    color: #082538;
    text-transform: capitalize;
    font-weight: bold;
    font-size: .875em;
    text-align: left;
}

    .product-table th,
    .product-accordion th,
    .product-table td,
    .product-accordion td {
        width: 20%;
    }

        .product-table th.first span,
        .product-accordion th.first span,
        .product-table td.first span,
        .product-accordion td.first span {
            color: #003a61;
        }

        .product-table th.second span,
        .product-accordion th.second span,
        .product-table td.second span,
        .product-accordion td.second span {
            color: #006ba6;
        }

        .product-table th.third span,
        .product-accordion th.third span,
        .product-table td.third span,
        .product-accordion td.third span {
            color: #006ba6;
        }

        .product-table th.fourth span,
        .product-accordion th.fourth span,
        .product-table td.fourth span,
        .product-accordion td.fourth span {
            color: #006ba6;
        }

    .product-table img,
    .product-accordion img {
        margin: -5px 10px 0 0;
        float: left;
        height: 40px;
        width: 40px;
    }

    .product-table .product-header,
    .product-accordion .product-header {
        padding: 15px;
        text-align: center;
        background: #006ba6;
        border: 1px solid #b5bbc4;
    }

        .product-table .product-header.first,
        .product-accordion .product-header.first {
            background: #003a61;
        }

        .product-table .product-header.second,
        .product-accordion .product-header.second {
            background: #006ba6;
        }

        .product-table .product-header.third,
        .product-accordion .product-header.third {
            background: #006ba6;
        }

        .product-table .product-header a,
        .product-accordion .product-header a {
            color: white;
        }

    .product-table h3,
    .product-accordion h3 {
        color: #d8e5ea;
        margin: 0px;
    }

    .product-table span,
    .product-accordion span {
        font-size: 1.5em;
    }

        .product-table span sub,
        .product-accordion span sub {
            bottom: 0;
            color: #082538;
        }

    .product-table p,
    .product-accordion p {
        margin: 0px;
    }

    .product-table ul,
    .product-accordion ul {
        padding-left: 1em;
        margin: 0px;
    }

    .product-table .figure,
    .product-accordion .figure {
        font-size: 1.2em;
        vertical-align: text-top;
        border-bottom: 1px solid #b5bbc4;
    }

        .product-table .figure.last,
        .product-accordion .figure.last {
            border-bottom: none;
        }

    .product-table .product-row,
    .product-accordion .product-row {
        padding: 20px;
        vertical-align: text-top;
        border: 1px solid #b5bbc4;
    }

    .product-table .repayment,
    .product-accordion .repayment {
        border-bottom: none;
    }

    .product-table .learn-more,
    .product-accordion .learn-more {
        border-top: none;
    }

.product-accordion {
    font-size: 1.2em;
    margin: 0px;
}

    .product-accordion .product-row {
        border: none;
        padding: 10px 15px;
    }

    .product-accordion .panel-body {
        max-width: 360px;
        margin: 0 auto;
    }

    .product-accordion .panel {
        margin: 0px !important;
        border: none;
        border-radius: 0px;
    }

        .product-accordion .panel .panel-heading {
            padding: 0;
        }

    .product-accordion .panel-title {
        font-size: 1em;
        margin: 0;
    }

        .product-accordion .panel-title a {
            color: white;
            display: block;
            padding: 30px 20px;
            text-align: center;
        }

            .product-accordion .panel-title a.first {
                background: #006ba6;
            }

            .product-accordion .panel-title a.second {
                background: #006ba6;
            }

            .product-accordion .panel-title a.third,
            .product-accordion .panel-title a.forth {
                background: #006ba6;
            }

            .product-accordion .panel-title a i {
                color: white;
                -webkit-transition: all 200ms;
                -moz-transition: all 200ms;
                transition: all 200ms;
                display: inline-block;
            }

            .product-accordion .panel-title a.collapsed i {
                -webkit-transition: all 200ms;
                -moz-transition: all 200ms;
                transition: all 200ms;
                -webkit-transform-origin: 50% 51%;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
            }

.product-benefits {
    text-align: center;
}

    .product-benefits img {
        margin-bottom: 20px;
    }

    .product-benefits h4 {
        font-size: 1em;
        margin: 0px;
    }

    .product-benefits span {
        color: white;
        text-transform: capitalize;
        font-weight: bold;
        font-size: 1.4em;
    }

        .product-benefits span sub {
            bottom: 0;
            font-size: 16px;
        }

#product-header {
    position: relative;
    background-color: #335e73;
    color: #f2f2f2;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-weight: bold;
    font-weight: 200;
    clear: both;
}

    #product-header .product-tagline {
        font-weight: normal;
        font-size: 1.4em;
        margin: .25em 0 1em 0;
    }

    #product-header .product-summary {
        float: left;
        width: 50%;
        margin: 20px 0 20px 40px;
        padding: 0;
        line-height: 1.5em;
    }

        #product-header .product-summary h3 {
            font-size: 2.5em;
            margin-bottom: .5em;
        }

        #product-header .product-summary .product-desc-ppg {
            color: #d2e3f1;
        }

            #product-header .product-summary .product-desc-ppg em {
                color: white;
                text-decoration: none;
                font-style: bold;
            }

        #product-header .product-summary .product-icons {
            position: relative;
            color: #d2e3f1;
            background: transparent;
        }

    #product-header .product-action {
        float: right;
        width: 30%;
        margin: 80px 40px 40px 0;
        text-align: center;
    }

        #product-header .product-action h4 {
            font-size: 1.3em;
            margin: 0 0 .8em 0;
        }

        #product-header .product-action a {
            margin-top: 1em 0;
        }

        #product-header .product-action p {
            margin-top: 12px;
        }

    #product-header .product-userdirect {
        position: relative;
        width: 100%;
        height: 3em;
    }

        #product-header .product-userdirect h2 {
            position: relative;
            width: 100%;
            text-align: center;
            color: #f2f2f2;
            background-color: #082538;
            margin: 0;
            padding: .5em;
        }

        #product-header .product-userdirect .product-pointer {
            position: relative;
            background-color: #f2f2f2;
            color: #082538;
            width: 100%;
            font-size: 1.4em;
            text-align: center;
            margin: 0;
            padding: 0;
        }

.apply-action {
    text-align: center;
    color: white;
}

    .apply-action h3 {
        margin: 0 0 30px;
        line-height: 1.6em;
    }

    .apply-action h4 {
        margin: 30px 0 0;
    }

        .apply-action h4 a {
            color: #006ba6;
            border-bottom: 1px solid;
        }

#process {
    color: #6a6f81;
    padding: 100px 0px;
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2O89Pjjfz1ZfkYGKAAzkAXhMjBBuABMJQAbmg+qq3tFiwAAAABJRU5ErkJggg==) repeat;
}

    #process .process-title {
        margin-bottom: 60px;
    }

    #process ol {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 1.2em;
    }

        #process ol > li {
            position: relative;
            padding-left: 75px;
            margin-bottom: 60px;
        }

            #process ol > li:last-child {
                margin: 0px;
            }

            #process ol > li .process-number {
                position: absolute;
                top: -8px;
                left: 0px;
                display: block;
                line-height: 40px;
                width: 46px;
                text-align: center;
                border: 3px solid #6a6f81;
                font-size: 24px;
                font-style: normal;
                font-weight: bold;
                border-radius: 50%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            #process ol > li h3 {
                text-transform: none;
                font-weight: 300;
                font-size: 1.5em;
                line-height: 1em;
                margin: 0px 0px 5px;
            }

            #process ol > li a {
                border-bottom: 1px solid;
                padding-bottom: 1px;
            }

    #process .apply-action {
        text-align: center;
        color: #6a6f81;
        border-left: 1px solid #dadce1;
        padding: 40px 0px 40px 40px;
        margin-left: 57px;
    }

        #process .apply-action h3 {
            font-weight: normal;
            text-transform: none;
            margin: 0 0 30px;
            line-height: 1.6em;
        }

        #process .apply-action h4 {
            margin: 30px 0 0;
        }

.columntitle {
    border-left: 1px solid #b5bbc4;
    border-top: 1px solid #b5bbc4;
    border-bottom: 1px solid #b5bbc4;
}

.columntitle-right {
    border-right: 1px solid #b5bbc4;
}

.product-title {
    font-weight: bold !important;
    font-size: 1.3em;
    color: #008cd9;
    text-align: center;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.product-cell {
    padding-top: 1em;
    margin: 0;
    border-left: 1px solid #b5bbc4;
    min-height: 64px;
}

    .product-cell ul {
        list-style-position: inside;
        margin-left: 0;
        padding-left: 0;
    }

.product-cell-right {
    padding-top: 1em;
    border-right: 1px solid #b5bbc4;
}

.product-row {
    border: none;
}

.product-cell-bottom {
    border-bottom: 1px solid #b5bbc4;
    padding-bottom: 1em;
}

.product-detail-column {
    width: 20%;
}

.questions {
    color: #6a6f81;
    font-size: 1.25em;
    margin: 0 0 30px;
}

    .questions .phone-number {
        display: block;
        text-transform: capitalize;
        font-weight: bold;
        font-weight: 700;
        font-size: 2em;
        margin: 12px 0;
    }

.note {
    font-size: 14px;
}

@media (max-width: 980px) {
}

@media (max-width: 767px) {
    .equipment-financing-page #hero,
    .financing-options-page #hero,
    .franchise-financing-page #hero,
    .working-capital-page #hero {
        background: #003a61 !important;
        color: white;
        padding: 3em 0 1em;
    }

        .equipment-financing-page #hero .page-intro,
        .financing-options-page #hero .page-intro,
        .franchise-financing-page #hero .page-intro,
        .working-capital-page #hero .page-intro {
            margin-bottom: 30px;
        }

    .equipment-financing-page #content,
    .financing-options-page #content,
    .franchise-financing-page #content,
    .working-capital-page #content {
        padding: 0;
        float: none;
        padding: 30px 0;
    }

    .apply-action h4 {
        margin: 25px 0 40px;
    }

    #content.financing-options {
        padding: 0px;
    }

    #content .product-text,
    #content .testimonial {
        margin: 0px 0px 60px;
        height: auto !important;
        min-height: 0 !important;
        padding: 0px !important;
        border: none !important;
    }

        #content .product-text.last,
        #content .testimonial.last {
            margin-bottom: 0px;
        }

    #process {
        padding: 40px 0;
    }

        #process .process-title {
            margin: 0 0 30px 15px;
        }

        #process ol {
            font-size: 1em;
        }

            #process ol > li {
                padding-left: 60px;
            }

                #process ol > li h3 {
                    font-size: 1em;
                    font-weight: bold;
                }

        #process .apply-action {
            border: none;
            padding: 0px;
            margin: 60px 0 0 0;
        }

            #process .apply-action h3 {
                display: none !important;
            }

    .product-benefits {
        text-align: left;
        float: left;
        width: 100%;
    }

        .product-benefits img {
            float: left;
            margin: 0px 15px 30px;
        }

        .product-benefits h4 {
            font-size: 1.3em;
            margin: 0px;
        }

        .product-benefits span sub {
            font-size: 100%;
        }

        .product-benefits.last {
            margin-bottom: 0px;
        }

    #pointer h3 {
        font-size: 1.2em;
    }
}

@media (max-width: 460px) {
    #product-header .product-summary .product-icons {
        display: none;
    }
}
/**
  * Styling for contact us page
  *
  * @author: Jon Bergman
  * @created: May 19th, 2014
  */

.rep-contact {
    min-height: 150px;
}

    .rep-contact.first,
    .rep-contact.second {
        border-right: 1px solid #b5bbc4;
        padding-right: 30px;
    }

    .rep-contact strong {
        display: block;
        font-size: 1.2em;
    }

.secondary-title-contact {
    margin: 0 0 60px;
    color: #006ba6;
}

.contact-us p {
    line-height: 1.2em;
    margin-bottom: 1.8rem;
}

.contact-us h2 {
    font-size: 24px;
}

@media (max-width: 991px) {
    .rep-contact {
        min-height: 0;
        margin-bottom: 2em;
        padding-right: 0px !important;
        border-right: none !important;
    }
}
/**
  * Styling for transaction list
  *
  * @author: Jon Bergman
  * @created: May 19th, 2014
  */

.mobile-paging-control {
    background: #6a6f81;
}

    .mobile-paging-control ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .mobile-paging-control ol li {
            float: left;
            width: 50%;
            text-align: center;
        }

        .mobile-paging-control ol .page-number {
            font-size: 1.25em;
            color: white;
            font-weight: bold;
            line-height: 55px;
        }

        .mobile-paging-control ol .prev,
        .mobile-paging-control ol .next {
            width: 25%;
        }

            .mobile-paging-control ol .prev a,
            .mobile-paging-control ol .next a {
                display: block;
                background: #6a6f81;
                color: white;
                font-size: 1.5em;
                padding: .35em 0;
            }

            .mobile-paging-control ol .prev.enabled a,
            .mobile-paging-control ol .next.enabled a {
                background: #006ba6;
            }

                .mobile-paging-control ol .prev.enabled a:hover,
                .mobile-paging-control ol .next.enabled a:hover,
                .mobile-paging-control ol .prev.enabled a:active,
                .mobile-paging-control ol .next.enabled a:active,
                .mobile-paging-control ol .prev.enabled a:focus,
                .mobile-paging-control ol .next.enabled a:focus {
                    background: #006ba6;
                }

.transaction-list.page-header-complex h1 {
    display: inline-block;
}

.transaction-list.custom-content {
    background: none !important;
    background-color: #fdfeff !important;
}

.transaction-list .control-label {
    font-size: 18px;
    font-weight: 200;
}

.transaction-list .tabledefault .tablebody .tablerow .tablecolumn {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}

    .transaction-list .tabledefault .tablebody .tablerow .tablecolumn:first-child a {
        text-decoration: underline;
    }

.transaction-list .complex-item-right div.input-wrapper-12 input {
    width: 10em !important;
}

@media (max-width: 1088px) {
    .transaction-list .complex-item-right .separator-text {
        padding-top: .2em;
        font-size: .8em;
    }

    .transaction-list .complex-item-right .leading-label {
        padding-top: .2em;
        font-size: .8em;
    }
}
/**
  * Manage-Ofc styles
  *
  * @author: Claude Cannafarina
  * @updated: April 21, 2015
  */

.content {
    background: none;
}

.outside-container {
    background: #eeeeee;
}

.ofc-container {
    background: whitesmoke;
}

.outside-container,
.ofc-container {
    padding: 0 15px 0 15px;
}

.admin-container {
    margin: 0 75px 0 75px;
}

    .admin-container .side-manage-landing {
        padding-left: 25px;
        padding-right: 25px;
    }

    .admin-container .sub-domain {
        min-width: 195px;
        padding-right: 0;
    }

    .admin-container .domain {
        border: solid 1px #b5bbc4;
        background-color: #dadce1;
        height: 40px;
        padding-top: 7px;
        margin: 0 35px 0 -16px;
    }

    .admin-container .finance-type-checkbox input[type=checkbox] {
        margin-bottom: 15px;
    }

    .admin-container .finance-paragraph {
        font-size: 13px;
        color: #6a6f81;
    }

    .admin-container .row-space-top {
        margin-top: 20px;
    }

    .admin-container .company-ofc-switch {
        font-size: 20px;
    }

    .admin-container .trust-content {
        padding: 25px 0 25px 15px;
    }

    .admin-container .content-commit {
        padding: 35px 0 50px 0px;
    }

    .admin-container .btl-save-commit .col-md-12 {
        padding-left: 0;
    }

    .admin-container .information {
        color: #fdfeff;
        font-weight: normal;
        border: none;
        padding: 10px 15px;
        border-radius: 0px;
        font-size: 14px;
        background: #007255;
    }

.manage-program {
    border: solid 2px black;
}

    .manage-program .add-product {
        border-top: solid 1px black;
        padding: 8px 0 0px 0;
    }

    .manage-program .btn-add-product {
        padding-top: 25px;
        padding-bottom: 30px;
    }

        .manage-program .btn-add-product .btn {
            padding: 7px 9px;
            font-size: 18px;
            box-shadow: none;
        }

    .manage-program .product-container .separator-product {
        border-top: solid 1px #b5bbc4;
        margin-top: 10px;
    }

    .manage-program .product-container .no-image-display {
        height: 140px;
        width: 115px;
        background-color: #b5bbc4;
    }

    .manage-program .product-container .details input[type="text"] {
        height: 100px;
    }

    .manage-program .product-container .details-product {
        padding-top: 10px;
    }

    .manage-program .product-container .estimate-price {
        line-height: 11px;
        font-size: 11px;
        padding-top: 8px;
    }

    .manage-program .product-container .make-photo-title label {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
    }

    .manage-program .product-container .make-photo-title input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        *overflow: hidden;
    }

    .manage-program .product-container .container-deleted-product {
        background-color: #fae7dc;
        margin: 15px 0 0 0;
    }

        .manage-program .product-container .container-deleted-product div {
            margin: 8px 0 8px 0;
        }

    .manage-program .product-container .reminder-not-valid {
        color: red;
    }

    .manage-program .product-container .manage-display-logo {
        box-shadow: none;
        margin: 0 0 10px 0;
        position: relative;
        overflow: hidden;
    }

        .manage-program .product-container .manage-display-logo .display-logo {
            float: right;
            width: 110px;
            height: 140px;
        }

.manage-landing {
    min-height: 600px;
    border: solid 2px black;
}

    .manage-landing .upload-hero-container {
        padding-top: 60px;
    }

    .manage-landing .btn-hero .btn {
        padding: 7px 9px;
        font-size: 18px;
        box-shadow: none;
    }

    .manage-landing .hero-description {
        padding-top: 10px;
    }

    .manage-landing .size-description {
        font-size: 10px;
    }

    .manage-landing .hero-image {
        height: 180px;
        width: 419px;
    }

    .manage-landing .hero-image-selector {
        width: 23em;
        height: 10.0877em;
        position: relative;
        padding: 0;
    }

        .manage-landing .hero-image-selector .drag-n-drop i {
            font-size: 4em;
        }

.delete-product .modal-content {
    margin: 0 15px 0 15px;
}

.delete-product .modal-header {
    padding: 5px 30px 5px 30px;
    background-color: #007255;
    color: white;
}

.delete-product .icon-info {
    color: #007255;
}

.delete-product .modal-body {
    padding: 15px 30px 0 30px;
    color: #6a6f81;
}

.delete-product .modal-header .close {
    margin-top: -5px;
}

.delete-product .modal-footer {
    border-top: none;
}

.delete-product .btn {
    font-weight: normal;
    padding: 10px 30px;
    text-transform: none;
    font-size: 15px;
    box-shadow: none;
    background: #006ba6;
}

    .delete-product .btn:hover {
        background: #006ba6;
    }

.delete-product .container-delete {
    text-align: left;
}

.delete-product .btn-primary {
    background-color: white;
    border: 2px solid #e8ebed;
    color: #6a6f81;
}

    .delete-product .btn-primary:hover {
        background-color: #fae7dc;
    }

.active-page-landing {
    margin: 20px 0 10px -15px;
}

.manage-ofc .ucase {
    text-transform: capitalize;
}

.manage-ofc input[type="text"] {
    font-size: 14px;
}

.manage-ofc h1 {
    padding: 20px 0 55px 0;
}

.manage-ofc h2 {
    margin-top: 15px;
    font-size: 22px;
}

.btn-image .btn {
    font-weight: normal;
    padding: 5px 15px;
    text-transform: none;
    font-size: 10px;
    box-shadow: none;
}

.btn-delete {
    margin-top: 40px;
}

    .btn-delete .btn {
        border: solid 1px;
        border-color: #b5bbc4;
        color: #6a6f81;
        background-color: white;
        padding: 10px 4px;
        font-size: 12px;
        box-shadow: none;
    }

        .btn-delete .btn.blue:hover {
            background-color: #fae7dc;
            color: #6a6f81;
        }

textarea {
    background: #fdfeff;
    resize: none;
    font-size: 11px;
}

hr {
    margin: 15px 0 15px 0;
    border-top: 1px solid #b5bbc4;
}

.images-details .details {
    font-size: 11px;
}

.images-details .characters {
    font-size: 11px;
    text-align: right;
    font-weight: bold;
}

.images-details a {
    text-decoration: underline;
}

.images-details .empty-space {
    padding-top: 15px;
}

.ui-toggle-ofc {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 112px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
}

    .ui-toggle-ofc .active {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: block;
        padding: 5px 40px 5px 15px;
        color: white;
        background: #007255;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle-ofc .deactivate {
        position: absolute;
        top: 0px;
        left: 100%;
        width: 100%;
        display: block;
        padding: 5px 40px;
        color: white;
        background: #6a6f81;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle-ofc.secondary {
        border-color: #007255;
    }

        .ui-toggle-ofc.secondary .switch {
            left: 0px;
        }

        .ui-toggle-ofc.secondary .active {
            left: -100%;
        }

        .ui-toggle-ofc.secondary .deactivate {
            left: 0px;
        }

    .ui-toggle-ofc .switch {
        position: absolute;
        top: 1px;
        left: 81px;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        background: white;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

.ui-toggle-program {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    width: 112px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: capitalize;
}

    .ui-toggle-program .available {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        display: block;
        padding: 5px 40px 5px 15px;
        color: white;
        background: #007255;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle-program .unavailable {
        position: absolute;
        top: 0px;
        left: 100%;
        width: 100%;
        display: block;
        padding: 5px 32px;
        color: white;
        background: #6a6f81;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ui-toggle-program.secondary {
        border-color: #007255;
    }

        .ui-toggle-program.secondary .switch {
            left: 0px;
        }

        .ui-toggle-program.secondary .available {
            left: -100%;
        }

        .ui-toggle-program.secondary .unavailable {
            left: 0px;
        }

    .ui-toggle-program .switch {
        position: absolute;
        top: 1px;
        left: 81px;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        background: white;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

@media (max-width: 1571px) {
    .admin-container .domain {
        margin: 0;
    }
}

@media (max-width: 991px) {
    .outside-container,
    .ofc-container {
        min-height: 0;
    }
}
/*External app*/

/**
  * Dashboard styles
  *
  * @author: Praneeth Jonna
  * @updated: April 4, 2015
  */

.ofc .pre-header {
    background-color: #fdfeff;
}

.ofc .header-background {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}

.ofc .header {
    color: white;
    font-size: small;
    font-weight: 300;
    line-height: 1.75em;
}

    .ofc .header h1 {
        padding: 20px 0;
    }

    .ofc .header .header-content {
        background-color: #003a61;
        width: 440px;
        padding: 40px;
        margin: 0;
        margin-left: 60px;
    }

    .ofc .header .hero-button .btn {
        color: white;
        background: #003a61;
        border: 2px solid white;
        box-shadow: none;
        text-shadow: none;
    }

        .ofc .header .hero-button .btn:hover,
        .ofc .header .hero-button .btn:focus {
            background: #00497a;
        }

        .ofc .header .hero-button .btn:active {
            background: #003a61;
        }

    .ofc .header .hero-title {
        font-weight: bold;
        font-size: 17px;
        line-height: 1.4em;
    }

    .ofc .header .hero-finance-types {
        padding-bottom: 20px;
        padding-top: 15px;
    }

        .ofc .header .hero-finance-types ul {
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: medium;
        }

            .ofc .header .hero-finance-types ul span {
                padding-left: 5px;
            }

            .ofc .header .hero-finance-types ul a {
                padding-left: 5px;
                color: white;
            }

.ofc .special-programs {
    margin: 70px 60px 7px 60px;
    padding: 0;
    overflow: hidden;
    width: 95%;
}

    .ofc .special-programs .row {
        margin-left: 0;
        margin-right: 0;
    }

    .ofc .special-programs .program-section .program-block {
        padding-right: 0;
    }

    .ofc .special-programs .program-section .program {
        margin-top: 10px;
        margin-right: 0;
        padding-bottom: 40px;
    }

        .ofc .special-programs .program-section .program .program-content {
            padding-left: 0;
            padding-right: 0;
        }

        .ofc .special-programs .program-section .program .title {
            font-size: 42px;
            font-weight: 300;
            padding-bottom: 5px;
            color: #6a6f81;
        }

        .ofc .special-programs .program-section .program .content {
            background: none;
            font-size: 18px;
            font-weight: 500;
            line-height: 1.75em;
            padding-bottom: 15px;
            color: #6a6f81;
        }

        .ofc .special-programs .program-section .program .btn {
            width: 300px;
        }

.ofc .trust-seperator {
    border: 1px solid #dadce1;
    margin-bottom: 5px;
}

.ofc .trust-section .trust {
    margin: 70px 0 70px 60px;
    background-color: white;
}

    .ofc .trust-section .trust .row {
        margin-left: 0;
        margin-right: 0;
    }

    .ofc .trust-section .trust h1 {
        text-align: center;
        font-weight: normal;
        text-transform: none;
        margin: 1em;
        padding: 0;
    }

    .ofc .trust-section .trust .trust-rating-badge {
        width: 162px;
    }

    .ofc .trust-section .trust label {
        font-weight: 300;
        font-size: 42px;
        color: #082538;
        margin-left: 0px;
        margin-bottom: 60px;
    }

    .ofc .trust-section .trust .trust-notes {
        font-weight: 500;
        color: #6a6f81;
        font-size: 18px;
        vertical-align: middle;
    }

    .ofc .trust-section .trust .col-md-10 {
        padding: 0;
    }

    .ofc .trust-section .trust .content {
        background-image: none;
        padding: 2px 0 0 0;
        margin: 0;
        background-color: gray;
    }

.ofc .trust-block-list {
    text-align: center;
    margin: 60px 0 0 0;
}

    .ofc .trust-block-list img {
        margin-right: 70px;
        width: 205px;
        height: 205px;
        float: left;
    }

    .ofc .trust-block-list .last {
        margin-right: 10px;
    }

.btn-small {
    font-size: 1.25em;
}

.landing-ofc .spacer-landing {
    padding: 0px 30px 2em 1em;
}

.landing-ofc input.edit {
    width: 115px;
}

@media (min-width: 768px) and (max-width: 990px) {
    .landing-ofc span.xtra-cost {
        margin-left: 4em;
    }
}

.landing-ofc .spacer-estimation {
    padding-right: 30px;
    padding-bottom: 50px;
}

.landing-ofc .title-product {
    font-weight: bold;
    font-size: 14px;
    color: #b5bbc4;
    text-transform: capitalize;
    margin-right: 10px;
}

    .landing-ofc .title-product .row {
        margin-right: 0px;
    }

.landing-ofc .product-details {
    color: #b5bbc4;
}

.landing-ofc .quantity {
    height: 25px;
    width: 67px;
}

.landing-ofc .delete,
.landing-ofc .icon-pencil {
    color: #006ba6;
}

.landing-ofc .icon-pencil {
    text-align: right;
}

.landing-ofc .total-price {
    padding-right: 50px;
}

    .landing-ofc .total-price div {
        font-size: 25px;
    }

.landing-ofc input[type="number"] {
    height: 25px;
    width: 95px;
    border: none;
    padding: 0px 27px;
}

    .landing-ofc input[type="number"]:focus {
        width: 70px;
        border: 1px solid #b5bbc4;
        padding: 0px 0px 0px 20px;
    }

    .landing-ofc input[type="number"]:active {
        border: 1px solid #b5bbc4;
    }

.ofc-quote .pre-header {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .ofc-quote .pre-header h2 {
        color: #082538;
        font-weight: bold;
        margin: 0;
        padding: 0;
        font-size: 42px;
    }

    .ofc-quote .pre-header .page-description {
        line-height: 1em;
        margin-top: .5em;
    }

.ofc-quote .header {
    height: 575px;
    text-align: center;
}

    .ofc-quote .header .estimate-tool {
        position: relative;
        color: #082538;
        background-color: transparent;
        margin: 60px;
        padding: 0;
        overflow: hidden;
        width: 95%;
    }

        .ofc-quote .header .estimate-tool label {
            color: #082538;
        }

        .ofc-quote .header .estimate-tool .estimate-entry {
            width: 50%;
            height: 455px;
            background-color: #f3f3f3;
            float: left;
            left: 0;
            top: 0;
            text-align: left;
            z-index: 999;
        }

            .ofc-quote .header .estimate-tool .estimate-entry .top-start {
                text-transform: capitalize;
                font-weight: bold;
                /*float: left;*/
                color: #fdfeff;
            }

                .ofc-quote .header .estimate-tool .estimate-entry .top-start h3 {
                    background-color: #006ba6;
                    padding: 7px 30px 10px 40px;
                    text-transform: capitalize;
                    font-size: 2.6em;
                    display: inline-block;
                    margin: 0;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .top-start .fix-chevron {
                    padding: 0;
                    margin: 0;
                    position: relative;
                }

                    .ofc-quote .header .estimate-tool .estimate-entry .top-start .fix-chevron i {
                        position: relative;
                        top: -0.15em;
                        left: 0;
                    }

            .ofc-quote .header .estimate-tool .estimate-entry .fix-play {
                padding: 0;
                margin: 0 0 0 .25em;
                position: relative;
                font-size: 20px;
                color: #003a61;
                vertical-align: middle;
            }

                .ofc-quote .header .estimate-tool .estimate-entry .fix-play i {
                    position: relative;
                    top: -0.15em;
                    left: 0;
                }

            .ofc-quote .header .estimate-tool .estimate-entry .quote-title {
                padding-top: 10px;
                color: #6a6f81;
            }

            .ofc-quote .header .estimate-tool .estimate-entry .special-header {
                color: #003a61 !important;
                font-size: 2.3em;
                margin-bottom: 10px;
            }

            .ofc-quote .header .estimate-tool .estimate-entry .estimate-data {
                position: relative;
                top: 0;
                padding: 20px 50px 30px 50px;
                text-align: left;
            }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .ofc-est-col-sm-6 {
                    position: relative;
                    min-height: 1px;
                    padding-left: 15px;
                    padding-right: 15px;
                    float: left;
                    width: 50%;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data label {
                    color: #082538;
                    font-size: 17px;
                    font-weight: bold;
                    margin-bottom: 10px;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .slider-amount-display {
                    padding: 0;
                    height: 3em;
                    margin-bottom: 1em;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .estimate-detail-controls {
                    text-align: right;
                    color: #6a6f81;
                }

                    .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .estimate-detail-controls .detail-action {
                        margin-top: 48px;
                        margin-bottom: 0;
                        padding-bottom: 0;
                        font-size: 20px;
                    }

                    .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .estimate-detail-controls .assumption {
                        font-size: 10px;
                    }

                    .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .estimate-detail-controls .detail-action:hover {
                        cursor: pointer;
                    }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .button-apply {
                    padding-top: 25px;
                }

                    .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .button-apply button {
                        padding-top: 18px;
                        padding-bottom: 18px;
                        font-size: 30px;
                    }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .not-financing-amount input[type="text"] {
                    width: 160px;
                    margin-left: -16px;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .slider-wrapper {
                    margin-top: 17px;
                    margin-left: 20px;
                }

                    .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .slider-wrapper #slider {
                        width: 255px;
                    }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data span.error {
                    padding: 5px;
                    margin-bottom: 10px;
                    width: 165px;
                }

                .ofc-quote .header .estimate-tool .estimate-entry .estimate-data .fieldset .row .col-sm-12 select {
                    font-size: 1.4em;
                }

        .ofc-quote .header .estimate-tool .estimate-summary {
            width: 50%;
            height: 455px;
            margin: 0;
            padding: 0;
            background-color: #fdfeff;
            float: left;
        }

            .ofc-quote .header .estimate-tool .estimate-summary .summary-area {
                height: 100%;
                text-align: right;
                padding: 0;
                margin: 0;
                background-color: #fdfeff;
                float: right;
            }

                .ofc-quote .header .estimate-tool .estimate-summary .summary-area .top-close {
                    text-align: right;
                    width: 100%;
                    padding: .25em .5em;
                    margin: 0;
                    color: #082538;
                    font-size: 1.2em;
                }

                    .ofc-quote .header .estimate-tool .estimate-summary .summary-area .top-close:hover {
                        cursor: pointer;
                    }

                .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details {
                    position: relative;
                    text-align: right;
                    color: #082538;
                    margin: 0 2em;
                    padding: 0;
                }

                    .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details .special-note {
                        margin: 2em 0;
                        color: #082538;
                        font-size: .9em;
                        line-height: 115%;
                        text-align: left;
                    }

                    .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table {
                        border: 1px solid #e8ebed;
                        font-size: 1em;
                        padding: 0;
                        margin: 0;
                    }

                        .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table .row {
                            padding: 0;
                            margin: 0;
                        }

                            .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table .row .attribute {
                                font-weight: bold;
                                color: #082538;
                                text-align: left !important;
                                text-transform: none;
                                text-overflow: clip;
                                border-right: 1px solid #e8ebed;
                                margin: 0;
                                padding: .5em 1em;
                                width: 50%;
                                float: left;
                                overflow: hidden;
                                line-height: 1.2em;
                            }

                            .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table .row .value {
                                text-align: right;
                                text-overflow: clip !important;
                                font-weight: normal;
                                color: #082538;
                                margin: 0;
                                padding: .5em 1em;
                                width: 50%;
                                float: left;
                                overflow: hidden;
                                line-height: 1.2em;
                            }

                            .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table .row:nth-child(even) {
                                background: #f3f3f3;
                            }

                        .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details #quote-details-table .tooltip-tigger {
                            font-size: 1em;
                            padding-top: 2px;
                        }

                    .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details .button-apply {
                        display: none;
                    }

.ofc-quote .program-section {
    width: 100%;
    margin: 0;
}

    .ofc-quote .program-section h1 {
        text-align: center;
        font-weight: normal;
        text-transform: none;
        margin: 1em;
        padding: 0;
    }

@media (max-width: 1200px) {
    .ofc-quote .header {
        padding: 0 !important;
        width: 100%;
        height: 500px;
    }

        .ofc-quote .header .estimate-tool {
            margin: 0 !important;
            text-align: center !important;
            background-color: transparent !important;
            width: 60% !important;
            height: 470px !important;
        }

            .ofc-quote .header .estimate-tool .estimate-data {
                padding: 20px !important;
            }

            .ofc-quote .header .estimate-tool .not-financing-amount {
                margin: 5px -29px 10px 0;
            }

                .ofc-quote .header .estimate-tool .not-financing-amount input[type="text"] {
                    width: 100% !important;
                }

            .ofc-quote .header .estimate-tool .estimate-entry {
                width: 100% !important;
                margin: 20px 0 0 0 !important;
                float: none !important;
            }

                .ofc-quote .header .estimate-tool .estimate-entry .detail-action {
                    margin-top: 20px !important;
                }

            .ofc-quote .header .estimate-tool .estimate-summary {
                margin-top: 20px;
                width: 100% !important;
                float: none !important;
            }

                .ofc-quote .header .estimate-tool .estimate-summary .summary-area {
                    width: 100% !important;
                    padding-left: 1em;
                    padding-right: 1em;
                }

                    .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details {
                        float: none !important;
                        margin: 0;
                    }

                        .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details .special-note {
                            margin-top: 2em !important;
                        }

                        .ofc-quote .header .estimate-tool .estimate-summary .summary-area .details .button-apply {
                            display: block;
                        }

            .ofc-quote .header .estimate-tool.estimate-tool-collapsed {
                height: 100%;
            }

                .ofc-quote .header .estimate-tool.estimate-tool-collapsed .estimate-entry {
                    display: block;
                    height: 100%;
                }

                .ofc-quote .header .estimate-tool.estimate-tool-collapsed .estimate-summary {
                    display: none;
                }

            .ofc-quote .header .estimate-tool.estimate-details-expanded {
                position: relative;
                height: 100%;
            }

                .ofc-quote .header .estimate-tool.estimate-details-expanded .estimate-entry {
                    display: none !important;
                }

                .ofc-quote .header .estimate-tool.estimate-details-expanded .estimate-summary {
                    display: block !important;
                    float: left !important;
                    height: 100%;
                }

        .ofc-quote .header .estimate-tool-collapsed {
            width: 60% !important;
        }
}

@media (max-width: 991px) {
    .ofc-quote .header {
        background-image: none !important;
        background-color: #082538 !important;
    }

        .ofc-quote .header .estimate-tool {
            width: 100% !important;
        }

        .ofc-quote .header .estimate-tool-collapsed {
            width: 100% !important;
        }

    .ofc .special-programs .program .btn {
        width: 100%;
    }

    .ofc .special-programs .program .product-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .ofc .header {
        background: none;
    }

        .ofc .header .header-content {
            width: auto;
            background-color: #082538;
            margin-left: 10px;
        }

            .ofc .header .header-content .hero-button {
                display: none;
            }

            .ofc .header .header-content .hero-title h1 {
                padding-bottom: 0;
                padding-top: 0;
                text-align: center;
            }

            .ofc .header .header-content .hero-content {
                text-align: center;
            }

    .ofc .special-programs {
        margin-left: 10px;
    }

        .ofc .special-programs .program-section {
            margin: 0 15px 0 15px;
        }

            .ofc .special-programs .program-section .program-block {
                border-bottom: none;
            }

            .ofc .special-programs .program-section .program .btn {
                width: 100%;
            }

    .ofc .trust-block-list .last {
        margin-right: 60px;
    }

    .ofc-quote .header .estimate-tool .top-start {
        display: none !important;
    }

    .ofc--header h1 {
        padding: 18px 0 0 0;
    }

    .landing-ofc .spacer-landing {
        padding: 0px 0px 20px 0px;
    }

    .landing-ofc .spacer-estimation {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .landing-ofc .icon-pencil {
        text-align: left;
    }

    .landing-ofc .total-price {
        padding-right: 0px;
    }

    .landing-ofc input[type="number"] {
        padding: 0px 0px;
    }
}

@media (max-width: 480px) {
    .ofc-quote .header {
        height: 520px;
    }

        .ofc-quote .header .estimate-detail-controls {
            text-align: left !important;
        }

        .ofc-quote .header .estimate-tool {
            height: 500px !important;
        }

            .ofc-quote .header .estimate-tool .estimate-data .button-apply {
                margin-top: 20px;
            }
}

@media (min-width: 1850px) {
    html {
        font-size: 20px;
    }
}

@media (min-width: 1200px) and (max-width: 1849px) {
    html {
        font-size: 16px;
    }
}

.modal-backdrop.in {
    opacity: .5;
}

.modal-dialog {
    width: 37.5rem;
    margin: 30px auto;
}

.modal-content {
    border-color: #dedfe0;
    box-shadow: none;
    width: 37.5rem;
    border-radius: 0;
    margin: 0 auto;
    top: 0;
    overflow-y: hidden;
    position: fixed;
    z-index: 10000;
    margin-top: 30px;
    max-height: 35rem;
    transition: 0.2s ease;
}

.modal-header {
    background: #e3e4e5;
    padding: 1.25rem;
    border-bottom: 1px solid #e5e5e5;
    min-height: 2.9375em;
    font-size: 1rem;
}

    .modal-header .modal-title {
        font-size: 1rem;
        line-height: 1.25;
        font-family: "Proxima Nova W01", sans-serif !important;
    }

    .modal-header h4 {
        color: #626666;
        text-transform: none;
    }

.modal-title {
    margin: 0;
}

.close {
    font-size: 1.25rem;
    color: #555657;
    opacity: 0.6;
}

.modal-body {
    overflow: auto;
    max-height: 24rem;
    padding: 1.25rem;
    font-size: 1rem;
    color: #555657;
    line-height: 1.5;
    font-weight: 100;
}

    .modal-body h5 {
        font-family: "Proxima Nova W01", sans-serif !important;
        font-size: 1.25rem;
        text-transform: none;
        color: none;
    }

    .modal-body p {
        line-height: 1.5rem;
        margin-bottom: 1rem;
    }

        .modal-body p:last-child {
            margin-bottom: 0;
        }

p {
    margin: 0 0 1rem;
}

.btn.modal-btn {
    border: none;
    border-radius: 0;
    font-family: "Proxima Nova W01", Helvetica, sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1rem;
    margin-top: 0;
    text-transform: capitalize;
    transition: all .2s;
    box-shadow: none;
}

.btn.btn-sm.modal-btn {
    font-size: 1rem;
    line-height: 1.75;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.btn.modal-btn:hover {
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
}

.btn-default.modal-btn:hover {
    background: #dcdcdd;
    color: #292828;
}

.btn-primary.modal-btn {
    color: white;
    background-color: #074b7b;
    border-color: transparent;
}

.btn-default.modal-btn {
    background: #e3e4e5;
    color: #626666;
}

.btn-primary.modal-btn:hover {
    color: white;
    background-color: #021929;
    border-color: transparent;
}

.btn.modal-btn,
.btn.modal-btn:after,
.btn.modal-btn:before {
    display: inline-block;
}

.modal-footer {
    padding: 1rem;
    text-align: left;
}

@media (max-width: 1199px) {
    html {
        font-size: 14px;
    }

    .modal-content {
        width: 100%;
        margin-top: 0;
        max-height: none;
        overflow-y: scroll;
    }

    .modal-body {
        max-height: none;
    }

    .modal-footer {
        padding: 0;
    }

    .btn {
        width: 100%;
        display: block;
    }

    .modal-footer .btn + .btn {
        margin-left: 0;
    }
}

@media print {
    .site-header,
    #applicationHost,
    .site-footer,
    #main,
    .breadcrumb-container,
    .btn,
    .highlight-container::before,
    .modal-open .main-container,
    .modal-open .modal-footer,
    .modal-open .modal-header,
    .modal-open footer,
    a.footer-logo::after,
    button,
    hr,
    nav {
        display: none;
    }

    .page-header {
        float: left;
    }

        .page-header h3 {
            margin-left: 0;
            text-align: left;
        }

        .page-header h1 {
            clear: none;
            width: 100%;
        }

    .panel {
        border: none;
    }

    .scrollable {
        height: auto;
    }

    .form-group {
        float: left !important;
        width: 40rem;
    }

    .modal-open .modal {
        display: block;
        float: none;
        height: auto !important;
        overflow: visible !important;
        position: relative;
    }

    .modal-open .modal-content {
        border: none;
        height: auto;
        width: 100%;
    }

    .modal-open h3 {
        margin-top: -20px !important;
    }

    .modal-body {
        max-height: none;
    }

    .modal-backdrop {
        display: none !important;
    }

    #site-header #logo {
        display: none;
    }
}
/* Animations */

/* The loader container */

.loader-wrapper {
    position: relative;
    display: inline-block;
    width: 86px;
    height: 86px;
}

    .loader-wrapper .square {
        position: absolute;
        height: 40px;
        width: 40px;
        background: none;
        background-color: rgba(0, 107, 166, 0.2);
        -webkit-animation: square-one 3s infinite forwards;
        -moz-animation: square-one 3s infinite forwards;
        animation: square-one 3s infinite forwards;
    }

        .loader-wrapper .square:nth-child(2) {
            top: 0;
            left: 43px;
            -webkit-animation: square-two 3s infinite forwards;
            -moz-animation: square-two 3s infinite forwards;
            animation: square-two 3s infinite forwards;
            background-color: rgba(0, 107, 166, 0.4);
        }

        .loader-wrapper .square:nth-child(3) {
            top: 43px;
            left: 43px;
            -webkit-animation: square-three 3s infinite;
            -moz-animation: square-three 3s infinite;
            animation: square-three 3s infinite;
            background-color: rgba(0, 107, 166, 0.6);
        }

        .loader-wrapper .square:last-child {
            top: 43px;
            left: 0;
            -webkit-animation: square-four 3s infinite;
            -moz-animation: square-four 3s infinite;
            animation: square-four 3s infinite;
            background-color: rgba(0, 107, 166, 0.8);
        }

.tp-loader {
    z-index: 10000;
    position: absolute;
}

    .tp-loader.spinner {
        width: 40px;
        height: 40px;
        background: #006ba6;
        -webkit-animation: tp-rotateplane 3s infinite;
        animation: tp-rotateplane 3s infinite;
    }

@-webkit-keyframes tp-rotateplane {
    0% {
        top: 0;
        left: 0;
        -webkit-transform: perspective(120px);
    }

    12.5% {
        top: 0;
        left: 43px;
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    25% {
        left: 43px;
        top: 43px;
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    37.5% {
        left: 0;
        top: 43px;
        -webkit-transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    50% {
        top: 0;
        left: 0;
        -webkit-transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }

    62.7% {
        top: 0;
        left: 43px;
        -webkit-transform: perspective(120px) rotateY(180deg);
    }

    75% {
        left: 43px;
        top: 43px;
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    87.5% {
        left: 0;
        top: 43px;
        -webkit-transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    100% {
        top: 0;
        left: 0;
        -webkit-transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }
}

@-moz-keyframes tp-rotateplane {
    0% {
        top: 0;
        left: 0;
        -moz-transform: perspective(120px);
    }

    12.5% {
        top: 0;
        left: 43px;
        -moz-transform: perspective(120px) rotateY(180deg);
    }

    25% {
        left: 43px;
        top: 43px;
        -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    37.5% {
        left: 0;
        top: 43px;
        -moz-transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    50% {
        top: 0;
        left: 0;
        -moz-transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }

    62.7% {
        top: 0;
        left: 43px;
        -moz-transform: perspective(120px) rotateY(180deg);
    }

    75% {
        left: 43px;
        top: 43px;
        -moz-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    87.5% {
        left: 0;
        top: 43px;
        -moz-transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    100% {
        top: 0;
        left: 0;
        -moz-transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }
}

@keyframes tp-rotateplane {
    0% {
        top: 0;
        left: 0;
        transform: perspective(120px);
    }

    12.5% {
        top: 0;
        left: 43px;
        transform: perspective(120px) rotateY(180deg);
    }

    25% {
        left: 43px;
        top: 43px;
        transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    37.5% {
        left: 0;
        top: 43px;
        transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    50% {
        top: 0;
        left: 0;
        transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }

    62.7% {
        top: 0;
        left: 43px;
        transform: perspective(120px) rotateY(180deg);
    }

    75% {
        left: 43px;
        top: 43px;
        transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }

    87.5% {
        left: 0;
        top: 43px;
        transform: perspective(120px) rotateY(0deg) rotateX(180deg);
    }

    100% {
        top: 0;
        left: 0;
        transform: perspective(120px) rotateY(0deg) rotateX(360deg);
    }
}

@-webkit-keyframes square-one {
    0% {
        visibility: visible;
    }

    50% {
        visibility: visible;
    }

    51% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-moz-keyframes square-one {
    0% {
        visibility: visible;
    }

    50% {
        visibility: visible;
    }

    51% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@keyframes square-one {
    0% {
        visibility: visible;
    }

    50% {
        visibility: visible;
    }

    51% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-webkit-keyframes square-two {
    0% {
        visibility: hidden;
    }

    12.5% {
        visibility: hidden;
    }

    12.6% {
        visibility: visible;
    }

    62.6% {
        visibility: visible;
    }

    62.7% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-moz-keyframes square-two {
    0% {
        visibility: hidden;
    }

    12.5% {
        visibility: hidden;
    }

    12.6% {
        visibility: visible;
    }

    62.6% {
        visibility: visible;
    }

    62.7% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@keyframes square-two {
    0% {
        visibility: hidden;
    }

    12.5% {
        visibility: hidden;
    }

    12.6% {
        visibility: visible;
    }

    62.6% {
        visibility: visible;
    }

    62.7% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-webkit-keyframes square-three {
    0% {
        visibility: hidden;
    }

    25% {
        visibility: hidden;
    }

    26% {
        visibility: visible;
    }

    75% {
        visibility: visible;
    }

    76% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-moz-keyframes square-three {
    0% {
        visibility: hidden;
    }

    25% {
        visibility: hidden;
    }

    26% {
        visibility: visible;
    }

    75% {
        visibility: visible;
    }

    76% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@keyframes square-three {
    0% {
        visibility: hidden;
    }

    25% {
        visibility: hidden;
    }

    26% {
        visibility: visible;
    }

    75% {
        visibility: visible;
    }

    76% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-webkit-keyframes square-four {
    0% {
        visibility: hidden;
    }

    37.5% {
        visibility: hidden;
    }

    37.6% {
        visibility: visible;
    }

    87.5% {
        visibility: visible;
    }

    87.6% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@-moz-keyframes square-four {
    0% {
        visibility: hidden;
    }

    37.5% {
        visibility: hidden;
    }

    37.6% {
        visibility: visible;
    }

    87.5% {
        visibility: visible;
    }

    87.6% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}

@keyframes square-four {
    0% {
        visibility: hidden;
    }

    37.5% {
        visibility: hidden;
    }

    37.6% {
        visibility: visible;
    }

    87.5% {
        visibility: visible;
    }

    87.6% {
        visibility: hidden;
    }

    100% {
        visibility: hidden;
    }
}