@charset "UTF-8";

.padding-top-1px {
    padding-top: 1px!important;
}

.padding-bottom-1px {
    padding-bottom: 1px!important;
}

.padding-left-1px {
    padding-left: 1px!important;
}

.padding-right-1px {
    padding-right: 1px!important;
}

.margin-top-1px {
    margin-top: 1px!important;
}

.margin-bottom-1px {
    margin-bottom: 1px!important;
}

.margin-left-1px {
    margin-left: 1px!important;
}

.margin-right-1px {
    margin-right: 1px!important;
}

.padding-top-2px {
    padding-top: 2px!important;
}

.padding-bottom-2px {
    padding-bottom: 2px!important;
}

.padding-left-2px {
    padding-left: 2px!important;
}

.padding-right-2px {
    padding-right: 2px!important;
}

.margin-top-2px {
    margin-top: 2px!important;
}

.margin-bottom-2px {
    margin-bottom: 2px!important;
}

.margin-left-2px {
    margin-left: 2px!important;
}

.margin-right-2px {
    margin-right: 2px!important;
}

.padding-top-3px {
    padding-top: 3px!important;
}

.padding-bottom-3px {
    padding-bottom: 3px!important;
}

.padding-left-3px {
    padding-left: 3px!important;
}

.padding-right-3px {
    padding-right: 3px!important;
}

.margin-top-3px {
    margin-top: 3px!important;
}

.margin-bottom-3px {
    margin-bottom: 3px!important;
}

.margin-left-3px {
    margin-left: 3px!important;
}

.margin-right-3px {
    margin-right: 3px!important;
}

.padding-top-4px {
    padding-top: 4px!important;
}

.padding-bottom-4px {
    padding-bottom: 4px!important;
}

.padding-left-4px {
    padding-left: 4px!important;
}

.padding-right-4px {
    padding-right: 4px!important;
}

.margin-top-4px {
    margin-top: 4px!important;
}

.margin-bottom-4px {
    margin-bottom: 4px!important;
}

.margin-left-4px {
    margin-left: 4px!important;
}

.margin-right-4px {
    margin-right: 4px!important;
}

.padding-top-5px {
    padding-top: 5px!important;
}

.padding-bottom-5px {
    padding-bottom: 5px!important;
}

.padding-left-5px {
    padding-left: 5px!important;
}

.padding-right-5px {
    padding-right: 5px!important;
}

.margin-top-5px {
    margin-top: 5px!important;
}

.margin-bottom-5px {
    margin-bottom: 5px!important;
}

.margin-left-5px {
    margin-left: 5px!important;
}

.margin-right-5px {
    margin-right: 5px!important;
}

.padding-top-6px {
    padding-top: 6px!important;
}

.padding-bottom-6px {
    padding-bottom: 6px!important;
}

.padding-left-6px {
    padding-left: 6px!important;
}

.padding-right-6px {
    padding-right: 6px!important;
}

.margin-top-6px {
    margin-top: 6px!important;
}

.margin-bottom-6px {
    margin-bottom: 6px!important;
}

.margin-left-6px {
    margin-left: 6px!important;
}

.margin-right-6px {
    margin-right: 6px!important;
}

.padding-top-7px {
    padding-top: 7px!important;
}

.padding-bottom-7px {
    padding-bottom: 7px!important;
}

.padding-left-7px {
    padding-left: 7px!important;
}

.padding-right-7px {
    padding-right: 7px!important;
}

.margin-top-7px {
    margin-top: 7px!important;
}

.margin-bottom-7px {
    margin-bottom: 7px!important;
}

.margin-left-7px {
    margin-left: 7px!important;
}

.margin-right-7px {
    margin-right: 7px!important;
}

.padding-top-8px {
    padding-top: 8px!important;
}

.padding-bottom-8px {
    padding-bottom: 8px!important;
}

.padding-left-8px {
    padding-left: 8px!important;
}

.padding-right-8px {
    padding-right: 8px!important;
}

.margin-top-8px {
    margin-top: 8px!important;
}

.margin-bottom-8px {
    margin-bottom: 8px!important;
}

.margin-left-8px {
    margin-left: 8px!important;
}

.margin-right-8px {
    margin-right: 8px!important;
}

.padding-top-9px {
    padding-top: 9px!important;
}

.padding-bottom-9px {
    padding-bottom: 9px!important;
}

.padding-left-9px {
    padding-left: 9px!important;
}

.padding-right-9px {
    padding-right: 9px!important;
}

.margin-top-9px {
    margin-top: 9px!important;
}

.margin-bottom-9px {
    margin-bottom: 9px!important;
}

.margin-left-9px {
    margin-left: 9px!important;
}

.margin-right-9px {
    margin-right: 9px!important;
}

.padding-top-10px {
    padding-top: 10px!important;
}

.padding-bottom-10px {
    padding-bottom: 10px!important;
}

.padding-left-10px {
    padding-left: 10px!important;
}

.padding-right-10px {
    padding-right: 10px!important;
}

.margin-top-10px {
    margin-top: 10px!important;
}

.margin-bottom-10px {
    margin-bottom: 10px!important;
}

.margin-left-10px {
    margin-left: 10px!important;
}

.margin-right-10px {
    margin-right: 10px!important;
}

.padding-top-11px {
    padding-top: 11px!important;
}

.padding-bottom-11px {
    padding-bottom: 11px!important;
}

.padding-left-11px {
    padding-left: 11px!important;
}

.padding-right-11px {
    padding-right: 11px!important;
}

.margin-top-11px {
    margin-top: 11px!important;
}

.margin-bottom-11px {
    margin-bottom: 11px!important;
}

.margin-left-11px {
    margin-left: 11px!important;
}

.margin-right-11px {
    margin-right: 11px!important;
}

.padding-top-12px {
    padding-top: 12px!important;
}

.padding-bottom-12px {
    padding-bottom: 12px!important;
}

.padding-left-12px {
    padding-left: 12px!important;
}

.padding-right-12px {
    padding-right: 12px!important;
}

.margin-top-12px {
    margin-top: 12px!important;
}

.margin-bottom-12px {
    margin-bottom: 12px!important;
}

.margin-left-12px {
    margin-left: 12px!important;
}

.margin-right-12px {
    margin-right: 12px!important;
}

.padding-top-13px {
    padding-top: 13px!important;
}

.padding-bottom-13px {
    padding-bottom: 13px!important;
}

.padding-left-13px {
    padding-left: 13px!important;
}

.padding-right-13px {
    padding-right: 13px!important;
}

.margin-top-13px {
    margin-top: 13px!important;
}

.margin-bottom-13px {
    margin-bottom: 13px!important;
}

.margin-left-13px {
    margin-left: 13px!important;
}

.margin-right-13px {
    margin-right: 13px!important;
}

.padding-top-14px {
    padding-top: 14px!important;
}

.padding-bottom-14px {
    padding-bottom: 14px!important;
}

.padding-left-14px {
    padding-left: 14px!important;
}

.padding-right-14px {
    padding-right: 14px!important;
}

.margin-top-14px {
    margin-top: 14px!important;
}

.margin-bottom-14px {
    margin-bottom: 14px!important;
}

.margin-left-14px {
    margin-left: 14px!important;
}

.margin-right-14px {
    margin-right: 14px!important;
}

.padding-top-15px {
    padding-top: 15px!important;
}

.padding-bottom-15px {
    padding-bottom: 15px!important;
}

.padding-left-15px {
    padding-left: 15px!important;
}

.padding-right-15px {
    padding-right: 15px!important;
}

.margin-top-15px {
    margin-top: 15px!important;
}

.margin-bottom-15px {
    margin-bottom: 15px!important;
}

.margin-left-15px {
    margin-left: 15px!important;
}

.margin-right-15px {
    margin-right: 15px!important;
}

.padding-top-16px {
    padding-top: 16px!important;
}

.padding-bottom-16px {
    padding-bottom: 16px!important;
}

.padding-left-16px {
    padding-left: 16px!important;
}

.padding-right-16px {
    padding-right: 16px!important;
}

.margin-top-16px {
    margin-top: 16px!important;
}

.margin-bottom-16px {
    margin-bottom: 16px!important;
}

.margin-left-16px {
    margin-left: 16px!important;
}

.margin-right-16px {
    margin-right: 16px!important;
}

.padding-top-17px {
    padding-top: 17px!important;
}

.padding-bottom-17px {
    padding-bottom: 17px!important;
}

.padding-left-17px {
    padding-left: 17px!important;
}

.padding-right-17px {
    padding-right: 17px!important;
}

.margin-top-17px {
    margin-top: 17px!important;
}

.margin-bottom-17px {
    margin-bottom: 17px!important;
}

.margin-left-17px {
    margin-left: 17px!important;
}

.margin-right-17px {
    margin-right: 17px!important;
}

.padding-top-18px {
    padding-top: 18px!important;
}

.padding-bottom-18px {
    padding-bottom: 18px!important;
}

.padding-left-18px {
    padding-left: 18px!important;
}

.padding-right-18px {
    padding-right: 18px!important;
}

.margin-top-18px {
    margin-top: 18px!important;
}

.margin-bottom-18px {
    margin-bottom: 18px!important;
}

.margin-left-18px {
    margin-left: 18px!important;
}

.margin-right-18px {
    margin-right: 18px!important;
}

.padding-top-19px {
    padding-top: 19px!important;
}

.padding-bottom-19px {
    padding-bottom: 19px!important;
}

.padding-left-19px {
    padding-left: 19px!important;
}

.padding-right-19px {
    padding-right: 19px!important;
}

.margin-top-19px {
    margin-top: 19px!important;
}

.margin-bottom-19px {
    margin-bottom: 19px!important;
}

.margin-left-19px {
    margin-left: 19px!important;
}

.margin-right-19px {
    margin-right: 19px!important;
}

.padding-top-20px {
    padding-top: 20px!important;
}

.padding-bottom-20px {
    padding-bottom: 20px!important;
}

.padding-left-20px {
    padding-left: 20px!important;
}

.padding-right-20px {
    padding-right: 20px!important;
}

.margin-top-20px {
    margin-top: 20px!important;
}

.margin-bottom-20px {
    margin-bottom: 20px!important;
}

.margin-left-20px {
    margin-left: 20px!important;
}

.margin-right-20px {
    margin-right: 20px!important;
}

.padding-top-1rem {
    padding-top: 1rem!important;
}

.padding-bottom-1rem {
    padding-bottom: 1rem!important;
}

.padding-left-1rem {
    padding-left: 1rem!important;
}

.padding-right-1rem {
    padding-right: 1rem!important;
}

.margin-top-1rem {
    margin-top: 1rem!important;
}

.margin-bottom-1rem {
    margin-bottom: 1rem!important;
}

.margin-left-1rem {
    margin-left: 1rem!important;
}

.margin-right-1rem {
    margin-right: 1rem!important;
}

.padding-top-2rem {
    padding-top: 2rem!important;
}

.padding-bottom-2rem {
    padding-bottom: 2rem!important;
}

.padding-left-2rem {
    padding-left: 2rem!important;
}

.padding-right-2rem {
    padding-right: 2rem!important;
}

.margin-top-2rem {
    margin-top: 2rem!important;
}

.margin-bottom-2rem {
    margin-bottom: 2rem!important;
}

.margin-left-2rem {
    margin-left: 2rem!important;
}

.margin-right-2rem {
    margin-right: 2rem!important;
}

.padding-top-3rem {
    padding-top: 3rem!important;
}

.padding-bottom-3rem {
    padding-bottom: 3rem!important;
}

.padding-left-3rem {
    padding-left: 3rem!important;
}

.padding-right-3rem {
    padding-right: 3rem!important;
}

.margin-top-3rem {
    margin-top: 3rem!important;
}

.margin-bottom-3rem {
    margin-bottom: 3rem!important;
}

.margin-left-3rem {
    margin-left: 3rem!important;
}

.margin-right-3rem {
    margin-right: 3rem!important;
}

.padding-top-4rem {
    padding-top: 4rem!important;
}

.padding-bottom-4rem {
    padding-bottom: 4rem!important;
}

.padding-left-4rem {
    padding-left: 4rem!important;
}

.padding-right-4rem {
    padding-right: 4rem!important;
}

.margin-top-4rem {
    margin-top: 4rem!important;
}

.margin-bottom-4rem {
    margin-bottom: 4rem!important;
}

.margin-left-4rem {
    margin-left: 4rem!important;
}

.margin-right-4rem {
    margin-right: 4rem!important;
}

.padding-top-5rem {
    padding-top: 5rem!important;
}

.padding-bottom-5rem {
    padding-bottom: 5rem!important;
}

.padding-left-5rem {
    padding-left: 5rem!important;
}

.padding-right-5rem {
    padding-right: 5rem!important;
}

.margin-top-5rem {
    margin-top: 5rem!important;
}

.margin-bottom-5rem {
    margin-bottom: 5rem!important;
}

.margin-left-5rem {
    margin-left: 5rem!important;
}

.margin-right-5rem {
    margin-right: 5rem!important;
}

.padding-top-6rem {
    padding-top: 6rem!important;
}

.padding-bottom-6rem {
    padding-bottom: 6rem!important;
}

.padding-left-6rem {
    padding-left: 6rem!important;
}

.padding-right-6rem {
    padding-right: 6rem!important;
}

.margin-top-6rem {
    margin-top: 6rem!important;
}

.margin-bottom-6rem {
    margin-bottom: 6rem!important;
}

.margin-left-6rem {
    margin-left: 6rem!important;
}

.margin-right-6rem {
    margin-right: 6rem!important;
}

.padding-top-7rem {
    padding-top: 7rem!important;
}

.padding-bottom-7rem {
    padding-bottom: 7rem!important;
}

.padding-left-7rem {
    padding-left: 7rem!important;
}

.padding-right-7rem {
    padding-right: 7rem!important;
}

.margin-top-7rem {
    margin-top: 7rem!important;
}

.margin-bottom-7rem {
    margin-bottom: 7rem!important;
}

.margin-left-7rem {
    margin-left: 7rem!important;
}

.margin-right-7rem {
    margin-right: 7rem!important;
}

.padding-top-8rem {
    padding-top: 8rem!important;
}

.padding-bottom-8rem {
    padding-bottom: 8rem!important;
}

.padding-left-8rem {
    padding-left: 8rem!important;
}

.padding-right-8rem {
    padding-right: 8rem!important;
}

.margin-top-8rem {
    margin-top: 8rem!important;
}

.margin-bottom-8rem {
    margin-bottom: 8rem!important;
}

.margin-left-8rem {
    margin-left: 8rem!important;
}

.margin-right-8rem {
    margin-right: 8rem!important;
}

.padding-top-9rem {
    padding-top: 9rem!important;
}

.padding-bottom-9rem {
    padding-bottom: 9rem!important;
}

.padding-left-9rem {
    padding-left: 9rem!important;
}

.padding-right-9rem {
    padding-right: 9rem!important;
}

.margin-top-9rem {
    margin-top: 9rem!important;
}

.margin-bottom-9rem {
    margin-bottom: 9rem!important;
}

.margin-left-9rem {
    margin-left: 9rem!important;
}

.margin-right-9rem {
    margin-right: 9rem!important;
}

.padding-top-10rem {
    padding-top: 10rem!important;
}

.padding-bottom-10rem {
    padding-bottom: 10rem!important;
}

.padding-left-10rem {
    padding-left: 10rem!important;
}

.padding-right-10rem {
    padding-right: 10rem!important;
}

.margin-top-10rem {
    margin-top: 10rem!important;
}

.margin-bottom-10rem {
    margin-bottom: 10rem!important;
}

.margin-left-10rem {
    margin-left: 10rem!important;
}

.margin-right-10rem {
    margin-right: 10rem!important;
}

.radius-1px {
    border-radius: 1px!important;
}

.radius-2px {
    border-radius: 2px!important;
}

.radius-3px {
    border-radius: 3px!important;
}

.radius-4px {
    border-radius: 4px!important;
}

.radius-5px {
    border-radius: 5px!important;
}

.radius-6px {
    border-radius: 6px!important;
}

.radius-7px {
    border-radius: 7px!important;
}

.radius-8px {
    border-radius: 8px!important;
}

.radius-9px {
    border-radius: 9px!important;
}

.radius-10px {
    border-radius: 10px!important;
}

.brand-logo {
    display: table;
}

    .brand-logo .logoWrap {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 17rem;
    }

.valign-middle .wrapper, .valign-middle .wrapper-right {
    height: 17rem;
}

#RaiseHeader, #RaiseFooter {
    background-color: #555;
}

#RaiseBody {
    background-color: #ecedeb;
    padding: 1rem 0 2rem 0;
}

.societyone-logo-base, .societyone-logo, .societyone-logo-small {
    background: url("../fonts/societyone-logo-green.svg") no-repeat;
    width: 20rem;
    display: block;
}

.societyone-logo {
    height: 3rem;
}

.societyone-logo-small {
    height: 2rem;
}

#RaiseNavBarText, #RaiseNavBar {
    margin-left: 0;
}

#RaiseNavBarText {
    margin-top: 1rem;
    overflow: hidden;
    counter-reset: step;
}

    #RaiseNavBarText li {
        list-style-type: none;
        width: 20%;
        float: left;
        color: #555;
        position: relative;
        text-align: center;
        font-size: .95rem;
    }

#RaiseNavBar {
    margin-bottom: 2rem;
    overflow: hidden;
    counter-reset: step;
}

    #RaiseNavBar li {
        list-style-type: none;
        width: 20%;
        float: left;
        color: #555;
        position: relative;
        text-align: center;
    }

        #RaiseNavBar li:before {
            content: counter(step);
            counter-increment: step;
            width: 2rem;
            height: 2rem;
            display: block;
            color: #ccc;
            background: #fff;
            border-radius: 50%;
            border: 1px solid #ccc;
            margin: 0 auto 5px auto;
            position: relative;
            z-index: 1;
            padding-top: 2px;
        }

        #RaiseNavBar li:after {
            content: '';
            width: 100%;
            height: 6px;
            background: #ccc;
            position: absolute;
            left: -50%;
            top: 13px;
            z-index: 0;
        }

        #RaiseNavBar li:first-child:after {
            content: none;
        }

        #RaiseNavBar li.complete:before, #RaiseNavBar li.complete:after {
            background: #cc5c5c;
            color: #fff;
            border: 1px solid #cc5c5c;
        }

        #RaiseNavBar li.active:before {
            background: #00a64d;
            border: 1px solid #00a64d;
        }

#RaiseNavBarText li.active {
    color: #00a64d;
}

#HeaderMenu {
    height: 4.5rem;
    border-bottom: 1px solid #454545;
}

#HeaderTitle {
    min-height: 7.3rem;
    background-color: #cc5c5c;
    margin: 0 auto 0 auto;
    padding-top: 1.4rem;
}

.yodlee-loading span, .yodlee-loading div {
    float: left;
}

a.validation-login {
    color: #fb534b;
}

    a.validation-login:hover {
        color: #fb534b;
    }

    a.validation-login:visited {
        color: #fb534b;
    }

@media only screen and (max-width:40em) {
    #RaiseHeader, #RaiseFooter {
        background-color: #555;
    }

    .brand-logo {
        display: table;
    }

        .brand-logo .logoWrap {
            display: table-cell;
            vertical-align: middle;
            height: 5rem;
        }

    .societyone-logo {
        background: url("../fonts/societyone-logo-white.svg") no-repeat;
        width: 10rem;
        height: 3rem;
        display: block;
    }

    .valign-middle .wrapper, .valign-middle .wrapper-right {
        height: 5rem;
    }

    #RaiseBody {
        padding: 1rem 0 2rem 0;
    }

    #RaiseNavBar {
        margin-bottom: 1.2rem;
    }
}

input, button, a {
    outline: 0;
}

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

.text-right {
    text-align: right;
}

ul.no-style {
    list-style-type: none;
}

.reveal-modal-bg {
    position: fixed;
}

#PortalMasterForm button, #PortalMasterForm select, #PortalMasterForm h1, #PortalMasterForm h2, #PortalMasterForm h3, #PortalMasterForm h4, #PortalMasterForm h5, #PortalMasterForm h6 {
    font-family: 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif!important;
}

#PortalMasterForm select {
    font-size: 13px;
    font-weight: 600;
    height: 2.1rem;
    margin-top: -.5rem;
}

body, html {
    font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #555;
    font-size: inherit!important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.buorg {
    background: url("../images/dialog-warning.gif") no-repeat scroll 10px center #fdf2ab;
    border-top: 1px solid #a29330;
    border-bottom: 1px solid #a29330;
    color: #000;
    font-size: .9rem;
    left: 0;
    position: static;
    min-height: 29px;
    text-align: center;
    bottom: 0;
    width: 100%;
    z-index: 999999;
}

    .buorg div {
        padding: 5px 36px 4px 40px;
    }

.button.radius {
    border-radius: 5px;
}

button, .button {
    background-color: #cc5c5c;
    border: 2px solid #cc5c5c;
}

    .button:hover, .button:focus {
        background-color: #00a64d;
        border: 2px solid #00a64d;
    }

    .button.outline {
        font-weight: 700;
        color: #cc5c5c;
        background-color: Transparent;
        border: 2px solid #cc5c5c;
    }

        .button.outline:hover, .button.outline:focus {
            color: #fff;
            background-color: #cc5c5c;
        }

a {
    color: #cc5c5c;
}

    a:hover, a:focus {
        color: #00a64d;
    }

select {
    -moz-appearance: none!important;
    border-radius: 3px!important;
    height: 2.8rem;
    font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: .95rem;
    color: #555;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAQCAMAAADUOCSZAAAA1VBMVEX////9/f3+/v7///38/Pz9/fv+/vz6+vr39/f29vTp6enq6ujf39/g4ODc3Nzb29na2tjV1dPJycfHx8XDw8PBwb+qqqimpqQAAAAAAgAGBwIKCwYSFA8TFA8WFxIXGRQYGRQZGxgaGhgcHBocHRgdHhgeHxoeIBshIh0iIx4lJSMlJiEqKyYvMCs2NjQ7PDc7PThHR0VKSkhWVlZYWldbW1ldXVtlZWNmZmRmaGVnZ2VpaWlubmxvcWxzdG96eniBgX+Bgn2Dg4GIiIaUlJKWlpSenp4pZZIFAAAAGHRSTlMABQUFCgoKEBUfOT5TU15jaHKSl5yn5e+CMccQAAAAmUlEQVQY03VQxRLCUAzcl+DuVqC4FrfiFPv/T+JQLuSVvSSTnZUJQCAAYHdIEJLF7yLh31YyUBpB4GdjMI1KggDOdyaz1kZP4WzN6HXbpWNIs3vbd8e5XU8xr3ZgJo9uPjePguKu+LU47Oz9ehUn2TllGeNhv/wI/LopKKRH1rx+YSYpIhSa5jIsCzADxOdqwvuliOTwD5rgAxBmCs0laXnGAAAAAElFTkSuQmCC");
    background-color: #fff;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    border-radius: 3px!important;
    color: #555;
    height: 2.8rem;
    font-size: .95rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600!important;
    color: #555;
}

h2 {
    font-size: 1.75rem;
}

label {
    color: #555;
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: 1.15rem;
}

button, .button {
    font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600;
}

label {
    color: #555;
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: 1.15rem;
}

    label.checkbox-awesome {
        height: 3rem;
        font-weight: 400;
        -webkit-transform: scale(.76) translateY(-.5rem);
        -moz-transform: scale(.76) translateY(-.5rem);
        -o-transform: scale(.76) translateY(-.5rem);
        -ms-transform: scale(.76) translateY(-.5rem);
        transform: scale(.76) translateY(-.5rem);
    }

        label.checkbox-awesome span {
            display: block;
            position: relative;
            bottom: 43px;
            padding-left: 3rem;
        }

    label.checkbox-label {
        font-weight: 400;
    }

        label.checkbox-label span {
            display: block;
            position: relative;
            bottom: 43px;
            padding-left: 3rem;
        }

input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label:before {
        font-family: FontAwesome;
        display: inline-block;
        font-size: 2.5rem;
        vertical-align: middle;
        -webkit-transform: scale(.76);
        -moz-transform: scale(.76);
        -o-transform: scale(.76);
        -ms-transform: scale(.76);
        transform: scale(.76);
    }

span.aspNetDisabled + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 2.5rem;
    vertical-align: middle;
    -webkit-transform: scale(.76);
    -moz-transform: scale(.76);
    -o-transform: scale(.76);
    -ms-transform: scale(.76);
    transform: scale(.76);
}

input[type=checkbox] + label:before {
    content: "";
    color: #939491;
    line-height: 1.5;
    opacity: .5;
}

input[type=checkbox]:checked + label:before {
    content: "";
    font-size: 2.3rem;
    color: #cc5c5c;
    line-height: 1.63;
    opacity: 1;
}

input[type=checkbox][disabled] + label:before {
    content: "";
    color: #ccc;
    line-height: 1.5;
}

input[type=checkbox][disabled]:checked + label:before {
    content: "";
    font-size: 2.3rem;
    color: #ccc;
    line-height: 1.63;
}

.subtitle {
    color: #939491;
    font-size: .8rem;
    font-weight: 400;
}

.smallheader {
    color: #939491;
    font-size: .875rem;
    font-weight: 400;
}

.bodyWidth {
    max-width: 825px;
    margin: 0 auto;
}

.color-warning {
    color: #f78001;
}

span.error, small.error {
    background: #f78001;
    margin-top: -17px;
    font-style: normal;
    display: none;
}

    span.error.multiple, small.error.multiple {
        margin-top: 0;
        -webkit-transform: translateY(-1.063rem);
        -moz-transform: translateY(-1.063rem);
        -ms-transform: translateY(-1.063rem);
        -o-transform: translateY(-1.063rem);
        transform: translateY(-1.063rem);
    }

.valign-middle {
    display: table;
}

    .valign-middle .wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .valign-middle .wrapper-right {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

.permonth-suffix:before {
    position: absolute;
    padding: 10px 20px 0 10px;
    right: 0;
    font-size: .95rem;
    color: #939491;
    content: "Per month";
}

.permonth-suffix input[type="text"] {
    padding-right: 100px;
}

.calendar-suffix:before {
    position: absolute;
    padding: 10px 20px 0 10px;
    right: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    cursor: pointer;
    color: #939491;
    content: "";
}

.calendar-suffix input[type="text"] {
    padding-right: 50px;
}

.currency-prefix:before {
    content: "$";
    position: absolute;
    padding: 8px 6px 0 10px;
    font-size: .95rem;
}

.currency-prefix input {
    padding-left: 22px;
}

.textbox_suffix:before, .yrs-suffix:before, .mths-suffix:before {
    position: absolute;
    padding: 8px 20px 0 10px;
    right: 0;
    font-size: .95rem;
    color: #939491;
}

.textbox_suffix_input, .yrs-suffix input, .mths-suffix input {
    padding-right: 50px;
}

.yrs-suffix:before {
    content: "yrs";
}

.mths-suffix:before {
    content: "mths";
}

.required-flag {
    color: red;
    font-size: .95rem;
}

.validation_failed .error {
    display: block;
}

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

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

.NoDisplay {
    display: none;
}

.ui-autocomplete-loading {
    background: url(data:image/gif;base64,R0lGODlhEAAQAPQAAP///zMzM/Ly8qGhoebm5mpqapSUlDMzM3l5eU9PT7y8vMrKykJCQq+vrzY2Nl5eXoaGhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAFdyAgAgIJIeWoAkRCCMdBkKtIHIngyMKsErPBYbADpkSCwhDmQCBethRB6Vj4kFCkQPG4IlWDgrNRIwnO4UKBXDufzQvDMaoSDBgFb886MiQadgNABAokfCwzBA8LCg0Egl8jAggGAA1kBIA1BAYzlyILczULC2UhACH5BAkKAAAALAAAAAAQABAAAAV2ICACAmlAZTmOREEIyUEQjLKKxPHADhEvqxlgcGgkGI1DYSVAIAWMx+lwSKkICJ0QsHi9RgKBwnVTiRQQgwF4I4UFDQQEwi6/3YSGWRRmjhEETAJfIgMFCnAKM0KDV4EEEAQLiF18TAYNXDaSe3x6mjidN1s3IQAh+QQJCgAAACwAAAAAEAAQAAAFeCAgAgLZDGU5jgRECEUiCI+yioSDwDJyLKsXoHFQxBSHAoAAFBhqtMJg8DgQBgfrEsJAEAg4YhZIEiwgKtHiMBgtpg3wbUZXGO7kOb1MUKRFMysCChAoggJCIg0GC2aNe4gqQldfL4l/Ag1AXySJgn5LcoE3QXI3IQAh+QQJCgAAACwAAAAAEAAQAAAFdiAgAgLZNGU5joQhCEjxIssqEo8bC9BRjy9Ag7GILQ4QEoE0gBAEBcOpcBA0DoxSK/e8LRIHn+i1cK0IyKdg0VAoljYIg+GgnRrwVS/8IAkICyosBIQpBAMoKy9dImxPhS+GKkFrkX+TigtLlIyKXUF+NjagNiEAIfkECQoAAAAsAAAAABAAEAAABWwgIAICaRhlOY4EIgjH8R7LKhKHGwsMvb4AAy3WODBIBBKCsYA9TjuhDNDKEVSERezQEL0WrhXucRUQGuik7bFlngzqVW9LMl9XWvLdjFaJtDFqZ1cEZUB0dUgvL3dgP4WJZn4jkomWNpSTIyEAIfkECQoAAAAsAAAAABAAEAAABX4gIAICuSxlOY6CIgiD8RrEKgqGOwxwUrMlAoSwIzAGpJpgoSDAGifDY5kopBYDlEpAQBwevxfBtRIUGi8xwWkDNBCIwmC9Vq0aiQQDQuK+VgQPDXV9hCJjBwcFYU5pLwwHXQcMKSmNLQcIAExlbH8JBwttaX0ABAcNbWVbKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICSRBlOY7CIghN8zbEKsKoIjdFzZaEgUBHKChMJtRwcWpAWoWnifm6ESAMhO8lQK0EEAV3rFopIBCEcGwDKAqPh4HUrY4ICHH1dSoTFgcHUiZjBhAJB2AHDykpKAwHAwdzf19KkASIPl9cDgcnDkdtNwiMJCshACH5BAkKAAAALAAAAAAQABAAAAV3ICACAkkQZTmOAiosiyAoxCq+KPxCNVsSMRgBsiClWrLTSWFoIQZHl6pleBh6suxKMIhlvzbAwkBWfFWrBQTxNLq2RG2yhSUkDs2b63AYDAoJXAcFRwADeAkJDX0AQCsEfAQMDAIPBz0rCgcxky0JRWE1AmwpKyEAIfkECQoAAAAsAAAAABAAEAAABXkgIAICKZzkqJ4nQZxLqZKv4NqNLKK2/Q4Ek4lFXChsg5ypJjs1II3gEDUSRInEGYAw6B6zM4JhrDAtEosVkLUtHA7RHaHAGJQEjsODcEg0FBAFVgkQJQ1pAwcDDw8KcFtSInwJAowCCA6RIwqZAgkPNgVpWndjdyohACH5BAkKAAAALAAAAAAQABAAAAV5ICACAimc5KieLEuUKvm2xAKLqDCfC2GaO9eL0LABWTiBYmA06W6kHgvCqEJiAIJiu3gcvgUsscHUERm+kaCxyxa+zRPk0SgJEgfIvbAdIAQLCAYlCj4DBw0IBQsMCjIqBAcPAooCBg9pKgsJLwUFOhCZKyQDA3YqIQAh+QQJCgAAACwAAAAAEAAQAAAFdSAgAgIpnOSonmxbqiThCrJKEHFbo8JxDDOZYFFb+A41E4H4OhkOipXwBElYITDAckFEOBgMQ3arkMkUBdxIUGZpEb7kaQBRlASPg0FQQHAbEEMGDSVEAA1QBhAED1E0NgwFAooCDWljaQIQCE5qMHcNhCkjIQAh+QQJCgAAACwAAAAAEAAQAAAFeSAgAgIpnOSoLgxxvqgKLEcCC65KEAByKK8cSpA4DAiHQ/DkKhGKh4ZCtCyZGo6F6iYYPAqFgYy02xkSaLEMV34tELyRYNEsCQyHlvWkGCzsPgMCEAY7Cg04Uk48LAsDhRA8MVQPEF0GAgqYYwSRlycNcWskCkApIyEAOwAAAAAAAAAAAA==) right center no-repeat;
}

.ui-widget-content {
    border: 1px solid #939491;
    background: #fff;
}

.ui-menu {
    list-style: none;
    padding-left: .5rem;
    background: #fafafa;
    font-size: .95rem;
}

    .ui-menu .ui-menu-item {
        cursor: pointer;
    }

.ui-widget-content .ui-state-focus {
    background: #cc5c5c;
    color: #fff;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#LoadingScreen {
    z-index: 10000;
    display: none;
    background-color: rgba(0,0,0,.75);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    color: #f0f0f0;
    text-align: center;
    font-size: 1.7rem;
}

    #LoadingScreen .fa-spin {
        font-size: 2.2rem;
        margin-right: .5rem;
    }

    #LoadingScreen .loadingText {
        margin-top: 15%;
    }

.range-slider.radius .range-slider-handle {
    background: #fff;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    top: -.8rem;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(50,50,50,.5);
    -moz-box-shadow: 0 2px 5px 0 rgba(50,50,50,.5);
    box-shadow: 0 2px 5px 0 rgba(50,50,50,.5);
}

    .range-slider.radius .range-slider-handle:hover {
        background: #fff;
        border: 1px solid #f0f0f0;
    }

.range-slider-active-segment {
    background: #cc5c5c;
}

.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle, .range-slider[disabled] .range-slider-handle:hover {
    opacity: 1;
    background: #ecedeb;
    border: 1px solid #ecedeb;
}

.range-slider[disabled] .range-slider-active-segment {
    background: #ecedeb;
}

.radiusPanel {
    border-radius: 90px;
    border: 1px solid #ccc;
    padding: 1.1rem 3rem 1.1rem 3rem;
}

.tooltipBlock span {
    position: absolute;
    width: 120px;
    color: #fff;
    background: #333;
    height: 55px;
    line-height: 55px;
    text-align: center;
    visibility: visible;
    border-radius: 6px;
    bottom: 32px;
    left: -40px;
    float: left;
    font-weight: 600;
    font-size: 1.2rem;
}

    .tooltipBlock span:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid #333;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

.formContent {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
}

.success_message {
    clear: both;
    padding: 11px 12px 12px 50px;
    margin: 1.2rem 0 0 0;
    display: none;
    border: 1px solid #89c13f;
    background: url(../images/icon-circle-tick-30x30.png) no-repeat 10px 16px #cc5c5c;
    font-size: .8rem;
}

.validation_summary {
    padding: 11px 5px 12px 20px;
    margin: 1.2rem 0 0 0!important;
    border: 1px solid #fecfcd;
    display: none;
    font-size: .8rem;
    background-color: #fbebea;
    color: #fb534b;
}

    .validation_summary h6 {
        color: #fb534b;
    }

    .validation_summary h3, .success_message h3 {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        margin: 0;
    }

.showTooltip {
    border: 0;
    border-style: none;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 6px;
    margin-bottom: 7px;
    color: #ccc;
    content: "";
    font-size: 1.25rem;
}

label .showTooltip {
    float: right;
}

.showTooltip.sq-tooltip {
    margin-top: -1.1rem;
}

.itooltip {
    position: absolute;
    z-index: 999999;
    display: block;
    padding: 5px;
    font-size: 12px;
    font-family: arial;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .itooltip.in {
        opacity: .8;
        filter: alpha(opacity=80);
    }

    .itooltip.top {
        margin-top: -2px;
    }

    .itooltip.right {
        margin-left: 2px;
    }

    .itooltip.bottom {
        margin-top: 2px;
    }

    .itooltip.left {
        margin-left: -2px;
    }

    .itooltip.top .itooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-top: 5px solid #333;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    .itooltip.left .itooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #333;
    }

    .itooltip.bottom .itooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #333;
        border-left: 5px solid transparent;
    }

    .itooltip.right .itooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-right: 5px solid #333;
        border-bottom: 5px solid transparent;
    }

.itooltip-inner {
    max-width: 18.75rem;
    padding: 10px 8px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: #333;
    border-radius: 3px!important;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

@media only screen and (max-width:24em) {
    .itooltip-inner {
        max-width: 12rem;
    }
}

.itooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.disabled label {
    color: #939491;
}

input[type="text"][readonly], input[type="text"][disabled], textarea[readonly], textarea[disabled] {
    background: #ecedeb!important;
    background-color: #ecedeb!important;
}

select:disabled {
    background-color: #ecedeb!important;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background: #ccc!important;
    color: #939491!important;
    border-color: #ccc!important;
}

.white-bg, .block-box {
    background: #fff;
}

.block-border, .block-box {
    border: 1px solid #ccc;
}

.block-box {
    padding: .5rem!important;
}

.color-green {
    color: #cc5c5c;
}

.color-white {
    color: #fff;
}

.color-lightblack {
    color: #333;
}

.color-orange {
    color: #f78001;
}

.yodlee-remove {
    font-size: 1.75rem;
}

.yodleebutton {
    margin-left: 1rem;
    margin-right: 1rem;
}

.dot {
    background: #ccc;
    float: left;
    height: 12px;
    width: 12px;
    margin-left: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    opacity: 1;
}

.dot-active {
    background: #00a64d;
}

#loadingDotsMargin {
    display: inline-block;
    margin-top: 3.5rem;
}

.row-border-top {
    border-top: 1px solid #ddd;
}

.no-search-result {
    display: block;
    border: 1px solid #939491;
    background: #fafafa;
    padding: .5rem;
    font-size: .95rem;
    position: relative;
    top: -17px;
}

.no-display {
    display: none;
}

.icon-yacht {
    display: block;
    height: 7rem;
    margin: 0 auto;
}

    .icon-yacht path {
        fill: #cc5c5c;
    }

a.close-reveal-modal {
    color: #aaa!important;
}

#portal-head .flat-list {
    float: right;
    list-style: none;
}

    #portal-head .flat-list li {
        float: left;
        padding-left: 2rem;
    }

        #portal-head .flat-list li:first-child {
            padding-left: 0;
        }

.login-body {
    background: #000 url(../v3/images/login_cover_image_mobile.jpg) no-repeat fixed center top;
}

.round-box {
    width: 90%;
    margin: 0 auto 0 auto;
    border-radius: 0 0 9px 9px;
    border: 0;
    padding: 0;
    background-color: #f9f9f9;
}

.compact {
    position: relative;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    transform: translateY(15%);
}

    .compact #SignInUC_pnlForgotPassword {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

        .compact #SignInUC_pnlForgotPassword .small-12 {
            padding: 1rem 0 0 0;
        }

.signin-validation {
    width: 100%;
    margin: 0 auto 1rem auto;
}

#header {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-align: center;
}

div.s1-logo-svg-wrap {
    display: table-cell;
    vertical-align: middle;
}

    div.s1-logo-svg-wrap > img {
        width: 50%;
    }

@media only screen and (min-width:40.063em) {
    .showTooltip.sq-tooltip {
        margin-top: .4rem;
    }

    .login-body {
        background: #000 url(../v3/images/login_cover_image_desktop.jpg) no-repeat fixed center top;
    }

    .round-box {
        width: 27.5rem;
        margin: 0 auto 0 auto;
        border-radius: 0 0 9px 9px;
        border: 0;
        padding: 0;
        background-color: #f9f9f9;
    }

    .compact {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(25%);
        transform: translateY(25%);
    }

        .compact #SignInUC_pnlForgotPassword {
            width: 440px;
            margin: 1rem auto 0 auto;
            text-align: left;
        }

            .compact #SignInUC_pnlForgotPassword a:hover {
                color: #00a64d;
            }

    .signin-validation {
        width: 440px;
        margin: 0 auto 1rem auto;
    }

    #header {
        width: 440px;
        margin-left: auto;
        margin-right: auto;
        display: table;
        text-align: center;
    }

    div.s1-logo-svg-wrap > img {
        width: 47%;
        padding-top: 1.2rem;
    }

    .compact #SignInUC_pnlForgotPassword .left {
        padding: 0;
    }

    .compact #SignInUC_pnlForgotPassword .right {
        padding: 0;
        text-align: right;
    }
}

#ForgotPasswordUC_pnlUsername {
    padding: 0 1.5rem .5rem 1.5rem;
}

.compact #SignInUC_pnlForgotPassword .white {
    color: #fff;
}

.compact #header {
    height: 6rem;
    border-radius: 9px 9px 0 0;
    background-color: #363833;
}

.round-box input {
    width: 100%;
}

.round-box #SignInUC_pnlLogin, .round-box #SignInUC_pnlChangePassword {
    padding: 1.5rem 1.5rem .5rem 1.5rem;
}

.round-box #ForgotPasswordUC_pnlSecurityQuestion {
    padding: 0 1.5rem .5rem 1.5rem;
    font-weight: 600;
}

    .round-box #ForgotPasswordUC_pnlSecurityQuestion .field_row {
        text-align: center;
    }

.round-box .top-text {
    padding: 0 1.5rem .5rem 1.5rem;
    text-align: center;
}

.round-box .row {
    padding: 1rem 0 0 0;
}

.round-box #SignInUC_Login {
    color: #fff;
    height: 3.5rem;
}

.round-box .title {
    font-weight: 700;
    text-align: center;
    padding-bottom: 1rem;
}

.field_row span.validation-msg {
    clear: both;
    margin: 4px 3px 0 10px;
    display: none;
    color: #d0505c;
    font-size: 12px;
    font-weight: bold;
}

.field_row.validation_failed span.validation-msg {
    display: block;
}

#app-footer, #app-header {
    background-color: #373935;
    color: #fff;
    font-size: initial;
}

    #app-footer .social-set a {
        color: #fff;
    }

    #app-footer .social-set i.fa.social {
        color: #373935;
    }

#app-header {
    height: 148px;
    padding: 40px 0 0 38px;
}

    #app-header .lock {
        padding: 8px 26px 0 0;
        text-align: right;
        font-size: 1.3em;
    }

#app-footer {
    height: 235px;
}

    #app-footer span.logo img, #app-header span.logo img {
        width: 185px;
        max-width: 185px!important;
    }

    #app-footer .row {
        text-align: center;
    }

    #app-footer div.columns {
        padding-top: 1.3rem;
    }

    #app-footer div.call {
        font-size: 1.2em;
        white-space: nowrap;
    }

    #app-footer span.number {
        font-size: 1.1em;
        font-weight: 600;
    }

.contact-text {
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 0;
}

@media only screen and (min-width:40.063em) {
    #app-header {
        height: 135px;
        padding-top: 36px;
    }

    #app-footer {
        height: 200px;
        padding-top: 36px;
    }

        #app-footer .row {
            text-align: left;
        }

    .contact-container {
        display: table;
        padding-top: 2.4rem;
    }

    .contact-text {
        display: table-cell;
        vertical-align: bottom;
        text-align: left;
        padding-top: 1rem;
    }

    .social-set {
        min-width: 13rem;
    }

    #app-footer .logo-section {
        text-align: left;
        min-width: 13rem;
    }

    #app-footer span.logo img, #app-header span.logo img {
        width: 185px;
    }

    #app-footer div.call {
        font-size: 1.3em;
        -ms-transform: translate(-23px,9px);
        -webkit-transform: translate(-23px,9px);
        -moz-transform: translate(-23px,9px);
        transform: translate(-23px,9px);
    }

    #app-footer span.number {
        font-size: 1em;
        font-weight: 700;
    }

    #app-footer .social-set {
        text-align: right;
        padding-top: 3px;
        white-space: nowrap;
    }

    #app-header .end {
        text-align: right;
        padding-top: 14px;
        white-space: nowrap;
    }
}

#saveExitModal {
    width: 100%;
    text-align: center;
}

    #saveExitModal .button {
        width: 11rem;
        margin-left: auto;
        margin-right: auto;
    }

    #saveExitModal svg {
        width: 6.875rem;
        height: 6.875rem;
    }

        #saveExitModal svg path {
            fill: #cc5c5c;
        }

    #saveExitModal .title {
        padding: 2rem;
        font-size: 1.6em;
        font-weight: 600;
    }

    #saveExitModal .body {
        padding: 0 0 2rem 0;
        line-height: 1.75rem;
    }

@media only screen and (min-width:40.063em) {
    #saveExitModal {
        width: 43.75rem;
        top: 3rem;
    }

        #saveExitModal .btn-back {
            text-align: right;
        }

        #saveExitModal .btn-save-exit {
            text-align: left;
        }

        #saveExitModal .body {
            padding: 0 3rem 2rem 3rem;
            line-height: 28px;
        }
}

#portal-head, #portal-sub-head {
    color: #fff;
    white-space: nowrap;
}

#portal-head {
    background-color: #353534;
    margin: 0 auto 0 auto;
    height: 4.375rem;
    border-bottom: 1px solid #454545;
}

    #portal-head .top-menu {
        text-align: right;
        padding-top: 1.1rem;
        font-weight: 600;
        white-space: nowrap;
    }

        #portal-head .top-menu .personal-name {
            color: #f78001;
        }

        #portal-head .top-menu a {
            color: #fff;
        }

            #portal-head .top-menu a.current {
                color: #fff;
                border-bottom: .188em solid #cc5c5c;
                padding-bottom: .4rem;
            }

    #portal-head img {
        height: 1.875rem;
        margin-top: 1.375rem;
    }

#portal-menu {
    font-size: 1rem;
    font-weight: 600;
    float: left;
    padding-top: 1.3rem;
}

    #portal-menu .row {
        padding: .9rem 0 0 0;
    }

    #portal-menu a {
        font-family: 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif!important;
        color: #555;
    }

        #portal-menu a:hover {
            color: #00a64d;
        }

        #portal-menu a.current {
            color: #cc5c5c;
        }

    #portal-menu .portal-menu-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
        line-height: 1.7;
    }

    #portal-menu .portal-menu-group-header {
        font-weight: 800;
        color: #000;
        line-height: 1.7;
    }

#portal-body {
    margin: 0 auto 0 auto;
}

.feed-toolbar {
    padding: .65rem 0 0 0;
    white-space: nowrap;
}

    .feed-toolbar button {
        padding: 0 0 0 0!important;
        font-size: .813rem;
        height: 2.1rem;
        width: 3.563rem!important;
        margin-top: -.3rem;
    }

    .feed-toolbar .flat-list {
        list-style: none;
        margin-left: 0;
    }

        .feed-toolbar .flat-list li {
            float: left;
            padding: 0 0 1rem 2rem;
            font-size: .95rem;
            font-weight: 600;
        }

        .feed-toolbar .flat-list .li-1 {
            padding-left: 0;
        }

        .feed-toolbar .flat-list .li-5 {
            margin-top: 1.9rem;
        }

        .feed-toolbar .flat-list .li-7 {
            float: right;
        }

        .feed-toolbar .flat-list .li-4, .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6, .feed-toolbar .flat-list .li-7 {
            padding-right: 1rem;
        }

    .feed-toolbar .margin-hack {
        margin: 0!important;
    }

@media only screen and (min-width:40.125em)and (max-width:77em) {
    .feed-toolbar .flat-list .li-5 {
        clear: left;
        padding-left: 0;
    }

    .feed-toolbar .flat-list .li-1 {
        padding-bottom: 2rem;
    }
}

@media only screen and (min-width:40.125em)and (max-width:57.5em) {
    .feed-toolbar .flat-list .li-7 {
        clear: left;
        padding-left: 0;
    }
}

@media only screen and (min-width:40.125em)and (max-width:57.563em) {
    div#portal-content {
        padding-left: 4rem;
    }

    .feed-toolbar .flat-list .li-6 {
        clear: left;
        padding-left: 0;
    }

    .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6, .feed-toolbar .flat-list .li-7 {
        clear: left;
    }

    .feed-toolbar .flat-list .li-1, .feed-toolbar .flat-list .li-2 {
        width: 33%;
    }

    .feed-toolbar .flat-list .li-3 {
        width: 34%;
        text-align: right;
    }

    .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6 {
        width: 100%;
    }

    .feed-toolbar .flat-list select {
        width: 10rem;
    }

    .feed-toolbar .flat-list .ddl-wrapper {
        float: right;
    }
}

@media only screen and (max-width:40.125em) {
    .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6 {
        clear: left;
    }

    .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6, .feed-toolbar .flat-list .li-7 {
        clear: left;
    }

    .feed-toolbar .flat-list .li-2, .feed-toolbar .flat-list .li-3 {
        width: 33%;
    }

    .feed-toolbar .flat-list .li-3 {
        text-align: center;
    }

    .feed-toolbar .flat-list .li-4 {
        width: 34%;
        text-align: right;
    }

    .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6 {
        width: 100%;
    }

    .feed-toolbar .flat-list select {
        width: 10rem;
    }

    .feed-toolbar .flat-list .ddl-wrapper {
        float: right;
    }

    .recaptcha2 {
        transform: scale(.77);
        transform-origin: 0 0;
        margin-left: -1rem;
    }
}

.ddlDateRangeTop {
    width: 5.625rem;
}

.ddlNoteTypeTop {
    width: 8.563rem;
}

.portal-main-tooltip {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: -2.625rem;
}

.activity-title {
    padding: 0 1rem 0 1.5rem;
    font-size: 1.125rem;
    font-weight: 700;
}

.activity-time {
    font-size: .9rem;
    color: #aaa;
}

.feed-stream .activity-title svg {
    fill: #cc5c5c;
}

.feed-stream li {
    list-style-type: none;
    border-top: 1px solid #ebebeb;
    padding: 1.5rem 0;
}

    .feed-stream li:first-child {
        border-top: 0;
    }

.feed-stream .numberlink {
    color: #aaa;
}

    .feed-stream .numberlink:hover {
        color: #cc5c5c;
    }

.desc-full {
    display: none;
}

.desc-short a {
    color: #cc5c5c;
}

#checkedQty + span {
    color: #ccc;
    padding-left: .5rem;
}

.pagination {
    height: 4rem;
    padding: 1rem 0;
    font-size: .9em;
    font-weight: 600;
}

    .pagination .pages {
        float: left;
    }

        .pagination .pages .dim {
            color: #ccc;
        }

    .pagination .page_selector {
        float: right;
    }

        .pagination .page_selector .prev {
            margin-right: 1.6rem;
        }

.msg-box {
    border: 2px solid #cceaf5;
    border-radius: .375rem;
    background-color: #eaf8fd;
    padding: 1.2em 2rem 0 2rem;
    margin-top: 1.5rem;
    line-height: 1rem;
}

    .msg-box, .msg-box span {
        color: #3bafda;
    }

.removable_close {
    float: right;
    color: #3bafda;
    font-size: 1.4em;
    margin-right: -1.25rem;
}

.hide-on-small {
    display: none;
}

#portal-head-menu {
    background-color: #353534;
    margin: 0 auto 0 auto;
    height: 4.375rem;
    border-bottom: 1px solid #454545;
}

    #portal-head-menu img {
        height: 1.975rem;
        margin-top: 1.375rem;
    }

#portal-sub-head {
    background-color: #cc5c5c;
    margin: 0 auto 0 auto;
    height: 7.3rem;
    padding-top: 2rem;
}

    #portal-sub-head h1 {
        font-size: 1.9rem;
        font-weight: 700;
        color: #fff;
    }

form[action^='AccountSummary'] #portal-sub-head {
    padding-top: .4rem;
}

#portal-content {
    padding: 0;
}

.feed-stream {
    border-top: 4px solid rgba(117,193,76,.2);
    border-bottom: 4px solid rgba(117,193,76,.2);
}

    .feed-stream ul {
        background-color: #fff;
        margin-left: 0;
    }

        .feed-stream ul li {
            padding: .2rem 1rem .5rem 0;
        }

    .feed-stream .activity-title svg {
        width: 1.5rem;
        height: 1.5rem;
        margin-top: .57rem;
    }

.pagination {
    padding: 1rem 1rem;
}

nav.expanded section.top-bar-section .right {
    background-color: #75c14c;
}

    nav.expanded section.top-bar-section .right a {
        font-family: 'Lato',Helvetica Neue,Helvetica,Arial,sans-serif!important;
    }

.top-bar-section ul li.active > a {
    background-color: #cc5c5c;
}

    .top-bar-section ul li.active > a:hover {
        background-color: #cc5c5c;
    }

.top-bar {
    background: none;
    height: 4rem;
    position: absolute;
    right: 0;
    width: 100%;
}

.top-bar-section ul li {
    background: none;
    padding: .8rem 0 .8rem 0;
    border-bottom: 1px solid #ddd;
}

    .top-bar-section ul li > a {
        font-family: "Open Sans",sans-serif;
    }

.top-bar-section li:not(.has-form) a:not(.button) {
    background: none;
    color: #8f99a1;
    font-size: .9rem;
    font-weight: 600;
}

    .top-bar-section li:not(.has-form) a:not(.button):hover {
        background: none;
        color: #fff;
    }

.top-bar .title-area {
    background: none;
    height: 80px;
}

    .top-bar .title-area h1 {
        width: 100%;
    }

.top-bar .toggle-topbar.menu-icon a span::after {
    width: 18px;
    top: 20%;
    box-shadow: 0 0 0 2px #fff,0 8px 0 2px #fff,0 16px 0 2px #fff;
}

.top-bar .toggle-topbar.menu-icon {
    top: 10%;
    margin-top: 0;
    padding-top: .2rem;
}

    .top-bar .toggle-topbar.menu-icon a {
        height: 100px;
    }

.contain-to-grid.sticky nav.top-bar {
    z-index: 10001;
}

.contain-to-grid nav.top-bar {
    z-index: 10001;
}

.contain-to-grid.sticky.fixed nav.top-bar {
    z-index: 0;
}

nav.expanded section.top-bar-section .right {
    background-color: #fff;
    top: 80px;
}

nav.expanded section.top-bar-section hr {
    margin: .8rem 0 .8rem;
}

.top-bar.expanded .title-area {
    background: none;
    height: 60px;
}

.top-bar.expanded .toggle-topbar.menu-icon {
    background: #fff;
    top: 0;
    margin-top: 0;
    padding-top: .7rem;
}

    .top-bar.expanded .toggle-topbar.menu-icon a span::after {
        width: 18px;
        top: 20%;
        box-shadow: 0 0 0 2px #000,0 8px 0 2px #000,0 16px 0 2px #000;
    }

.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button) {
    background: none;
    color: #000;
    font-weight: bold;
    font-size: 1em;
    line-height: .9em;
}

@media only screen and (min-width:40.063em) {
    .hide-on-small {
        display: inherit;
    }

    #portal-head-menu img {
        height: 2.375rem;
        margin-top: .975rem;
    }

    #portal-head, #portal-sub-head, #portal-body {
        padding: 0 1rem 0 .3rem;
    }

    #portal-sub-head {
        margin: 0 auto 0 auto;
        padding-top: 1.35rem;
        height: 7.3rem;
    }

        #portal-sub-head h1 {
            font-size: 2.875rem;
            font-weight: 700;
            color: #fff;
        }

        #portal-sub-head .subtitle {
            padding: .3rem 0 2.5rem 0;
            font-size: .938rem;
            font-weight: 400;
            color: #bababa;
            line-height: 1.4rem;
        }

    form[action^='AccountSummary'] #portal-sub-head {
        height: 9.9rem;
        padding-top: .9rem;
    }

    .portal-main-tooltip {
        cursor: pointer;
        position: absolute;
        right: 2rem;
        top: 2rem;
        z-index: 1000;
    }

    .feed_panel .portal-main-tooltip {
        right: 0;
        top: 0;
    }

    .feed-stream {
        border-top: 4px solid rgba(117,193,76,.2);
        border-bottom: 4px solid rgba(117,193,76,.2);
    }

        .feed-stream ul {
            background-color: #fff;
        }

    .feed-toolbar {
        padding: 2.5rem 0 0 0;
        white-space: nowrap;
    }

        .feed-toolbar .flat-list {
            list-style: none;
            margin-left: 0;
        }

            .feed-toolbar .flat-list li {
                float: left;
                padding: 0 0 0 2rem;
                font-size: .9375rem;
                font-weight: 600;
            }

            .feed-toolbar .flat-list .li-1 {
                padding-left: 0;
            }

            .feed-toolbar .flat-list .li-5 {
                margin-top: 0;
            }

            .feed-toolbar .flat-list .li-2, .feed-toolbar .flat-list .li-3, .feed-toolbar .flat-list .li-4 {
                border-bottom: none;
            }

            .feed-toolbar .flat-list .li-5, .feed-toolbar .flat-list .li-6, .feed-toolbar .flat-list .li-7 {
                padding-right: 0;
            }

                .feed-toolbar .flat-list .li-5 span.ddl-title {
                    padding-right: .5rem;
                }

                .feed-toolbar .flat-list .li-6 span.ddl-title {
                    padding-right: .5rem;
                }

            .feed-toolbar .flat-list .li-7 {
                float: right;
                padding-right: 0;
            }

        .feed-toolbar .margin-hack {
            margin: 0 -.5rem!important;
        }

    .feed-stream ul {
        margin-left: 0;
    }
}

.section {
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 4px solid #cc5c5c;
    padding: 0 0 1rem 0!important;
}

#summary-items {
    margin: 2.1rem auto 0 auto;
    width: 90%;
}

    #summary-items .small-6.columns {
        padding: 1rem 0;
    }

#chart_accountsummary {
    float: none!important;
    margin: 0 auto 23rem auto;
}

    #chart_accountsummary > table.jqplot-table-legend {
        left: 0!important;
        top: 15rem!important;
    }

div.button-tabs {
    height: 3.2rem;
    padding: .4rem 0 0 .5rem!important;
}

    div.button-tabs span.button-tab {
        margin-right: .8rem;
        padding: .5rem 1rem;
        border-radius: 2rem;
        font-weight: 600;
    }

        div.button-tabs span.button-tab a {
            color: #fff;
            font-size: .8125rem;
        }

        div.button-tabs span.button-tab.current {
            background-color: #fff;
            color: #cc5c5c;
        }

            div.button-tabs span.button-tab.current a {
                color: #cc5c5c;
            }

@media only screen and (min-width:40.063em) {
    #summary-items {
        margin: 2.1rem auto 0 auto;
    }

        #summary-items .small-6.columns {
            padding: 1rem 1.7rem;
        }

    div.button-tabs {
        padding: .2rem 0 0 0!important;
    }

        div.button-tabs > span {
            float: none;
            margin-top: 1.3rem;
        }

        div.button-tabs span.button-tab {
            margin-left: .8rem;
            padding: .5rem 1rem;
            border-radius: 2rem;
            font-weight: 600;
        }

            div.button-tabs span.button-tab a {
                font-size: 1rem;
            }
}

@media only screen and (min-width:64.063em) {
    div.button-tabs > span {
        float: right;
    }

    #portal-sub-head {
        height: 7.3rem;
    }

    form[action^='AccountSummary'] #portal-sub-head {
        height: 7.3rem;
        padding-top: 1.4rem;
    }
}

@media only screen and (min-width:50em) {
    #chart_accountsummary {
        float: left!important;
    }

        #chart_accountsummary > table.jqplot-table-legend {
            left: 16rem!important;
            top: 2rem!important;
        }
}

#return-summary {
    margin: 2.1rem auto 0 auto;
}

    #return-summary .returns-figure {
        font-size: 2.5rem;
        font-weight: 600;
        padding-left: 0;
    }

    #return-summary .returns-box {
        width: 90%;
    }

        #return-summary .returns-box .updated-date {
            font-size: .7rem;
            color: gray;
        }

#ear-help {
    margin: 2.1rem auto 0 auto;
}

    #ear-help .small-12.columns, #ear-help .small-11.columns {
        padding: .5rem .5rem;
    }

    #ear-help .expanded, #ear-help .collapsed {
        cursor: pointer;
        border-bottom: 1px solid #ebebeb;
    }

    #ear-help .tab-header {
        font-weight: bold;
    }

    #ear-help .icon-container {
        padding-top: .7rem;
    }

    #ear-help .row {
        margin-left: -1rem;
    }

        #ear-help .row.portion {
            margin-bottom: 1.5rem;
            font-size: .9rem;
        }

    #ear-help .formula-rules {
        line-height: 1.7rem;
    }

    #ear-help .underline {
        text-decoration: underline;
    }

@media only screen and (max-width:43em) {
    #return-summary {
        width: 90%;
    }

        #return-summary .returns-box {
            width: 100%!important;
        }

            #return-summary .returns-box .updated-date {
                font-size: .7rem;
                color: gray;
                margin-bottom: 2rem;
            }

    #ear-help {
        width: 90%;
    }
}

#summary-items .row.portion .small-6.columns {
    font-size: 1rem;
    font-weight: 400;
}

#summary-items .row .small-6.columns {
    font-size: 1rem;
    font-weight: 600;
}

#summary-items .row.underline {
    border-bottom: 1px solid #ebebeb;
}

#summary-items .row.toggle {
    cursor: pointer;
}

#summary-items .section.gap {
    padding-top: 3rem!important;
}

div#reports .row.category-row {
    cursor: pointer;
    padding-top: 1rem;
}

    div#reports .row.category-row .small-1 {
        text-align: right;
        padding-top: .4rem;
    }

    div#reports .row.category-row.collapsed {
        border-bottom: 1px solid #ebebeb;
    }

        div#reports .row.category-row.collapsed .fa.fa-chevron-up {
            display: none;
        }

    div#reports .row.category-row.expanded .fa.fa-chevron-down {
        display: none;
    }

div#reports .report-row {
    padding: .3rem 0;
    border-bottom: 1px solid #ebebeb;
}

    div#reports .report-row .small-1 {
        padding-top: .25rem;
    }

    div#reports .report-row a {
        color: #373834;
    }

div#reports i.fa.fa-cloud-download {
    color: #cc5c5c;
    font-size: 1.2em;
}

.reveal-modal.report-modal {
    min-height: 5rem!important;
    z-index: 99999;
    margin: 0 auto;
}

    .reveal-modal.report-modal .button.radius {
        width: 100%;
        height: 4rem;
    }

div#reports .row.category-row {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    margin-left: 0!important;
    margin-right: 0!important;
}

div#reports .row.report-row {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    margin-left: 0!important;
    margin-right: 0!important;
}

@media only screen and (min-width:40.063em) {
    div#reports {
        margin-top: 2rem;
        border-top: 4px solid #cc5c5c;
    }

    .reveal-modal.report-modal {
        max-width: 39rem!important;
    }

        .reveal-modal.report-modal .button.radius {
            width: 13rem;
        }

        .reveal-modal.report-modal .button-col {
            text-align: right;
        }
}

.report-modal .calendar-suffix:before {
    position: absolute;
    padding: 3.2rem 1.7rem 0 1rem;
    right: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    cursor: pointer;
    color: #939491;
    content: "";
}

.report-modal .calendar-suffix input[type="text"] {
    padding-right: 50px;
}

.report-modal input[type=radio] {
    display: none;
}

    .report-modal input[type=radio]:checked + label:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 2.5rem;
        cursor: pointer;
        color: #cc5c5c;
        content: "";
    }

    .report-modal input[type=radio] + label:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 2.5rem;
        cursor: pointer;
        color: #939491;
        content: "";
    }

.report-modal .row.title-row {
    padding-bottom: 1rem;
}

.report-modal .check-label {
    padding-top: .6rem;
}

.report-modal .field-label {
    font-weight: 600;
}

.report-modal .param-container {
    margin-bottom: 2.6rem;
}

li.navigation {
    cursor: pointer;
}

body.UAT div#portal-head-menu, body.UAT div#HeaderMenu, body.QA div#portal-head-menu, body.QA div#HeaderMenu {
    background-color: #f78001!important;
}

body.UAT div#portal-head, body.QA div#portal-head {
    background-color: #f78001!important;
}

    body.UAT div#portal-head a.personal-name, body.QA div#portal-head a.personal-name {
        color: #fff!important;
    }

div.env-warn {
    display: none;
    background-color: #ffa500;
    border: 2px solid red;
    color: #000;
    font-weight: 700;
    margin-top: 1rem;
    height: 3rem;
    text-align: center;
    padding-top: .6rem;
}

    div.env-warn.UAT, div.env-warn.QA {
        display: block;
    }

.new-application-header-text {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
}

.padExit {
    position: inherit;
    top: inherit;
    z-index: inherit;
}

.action-link-padding {
    padding-bottom: 1rem!important;
}

@media only screen and (min-width:40.063em) {
    .new-application-header-text {
        padding-left: 5rem!important;
        padding-right: 5rem!important;
    }

    .yodlee-application-panel {
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }

    .listingSteps {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .formContent {
        padding: 0 1rem 0 1rem!important;
    }

    .register-date-of-birth {
        margin-top: 20px;
    }

    .resubmit-button {
        position: relative;
        margin-left: -3.5rem;
    }

    .padExit {
        position: relative;
        top: 4.5rem;
        z-index: 1;
        margin-bottom: 5rem;
    }

    .action-link-padding {
        padding-bottom: inherit!important;
    }

    .withdraw-link, .exit-no-save-link {
        white-space: nowrap;
    }
}

table#mobile-questions {
    width: 100%;
    cursor: pointer;
    -ms-border-radius: 3px!important;
    border-radius: 3px!important;
    color: #373935;
    font-size: .95rem;
}

    table#mobile-questions td.selected {
        background-color: gray;
        font-weight: bold;
    }

.inputCaption {
    position: relative;
    top: .7rem;
}

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