/* Minification failed. Returning unminified contents.
(25130,25): run-time error CSS1030: Expected identifier, found ','
(25130,42): run-time error CSS1031: Expected selector, found ')'
(25130,42): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-spacing: 0;
}


/* #Basic Styles
================================================== */
body {
    background: #fff;
    color: #444;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    /* color: #181818; */
    /* font-family: 'Century Gothic', 'Open Sans',Arial,Helvetica,sans-serif; */
    /* font-weight: bold; */
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
    /* border-bottom: 1px solid #ccc; */
    /* padding: 0 0 5px 0; */
}


h1 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 14px;
}

h2 {
    /* font-size: 28px; */
    line-height: 34px;
    /* margin-bottom: 10px; */
}

h3 {
    /* font-size: 21px; */
    line-height: 30px;
    margin-bottom: 8px;
}

h4 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 4px;
}

h5 {
    font-size: 14px;
    line-height: 21px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

.subheader {
    color: #595959;
}

h2.page-title {
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 20px 70px 0 0;
    opacity: 0.95;
}

p {
    margin: 0 0 20px 0;
}

    p img {
        margin: 0;
    }

    p.lead {
        font-size: 21px;
        line-height: 27px;
        color: #595959;
    }

em {
    font-style: italic;
}

strong {
    color: #333;
}

small, .smtxt {
    font-size: 80%;
}

/*	Blockquotes  */
blockquote, blockquote p {
    font-size: 17px;
    line-height: 24px;
    color: #595959;
    font-style: italic;
}

blockquote {
    margin: 0 0 20px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 12px;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
            color: #555;
        }

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}


/* #Links
================================================== */
a, a:visited {
    color: #333;
    text-decoration: underline;
    outline: 0;
}

    a:hover, a:focus {
        color: #C0AFAF;
    }

p a, p a:visited {
    line-height: inherit;
}

th a {
    color: #333;
    text-decoration: none;
}

    th a:hover {
        color: #333;
        text-decoration: none;
    }

a.inv {
    color: #333;
    text-decoration: none;
}

tr:hover a.inv {
    color: #fff;
    text-decoration: none;
}

/* #Lists
================================================== */
ul, ol {
    margin-bottom: 20px;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
    margin: 4px 0 5px 30px; /*font-size: 90%; */
}

    ul ul li, ul ol li,
    ol ol li, ol ul li {
        margin-bottom: 6px;
    }

li {
    line-height: 21px;
    margin-bottom: 12px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

/* #Images
================================================== */

img {
    max-width: 100%;
    height: auto;
}

    img.display {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }


/* #Buttons
================================================== */


.btn.right, button.right {
    float: right;
}

.btn.disabled, button[disabled] {
    background: #7e7e7e !important;
    cursor: default;
    border-top: 1px solid #999 !important;
    border-bottom: 1px solid #666 !important;
    border-left: 1px solid #666 !important;
    border-right: 1px solid #666 !important;
    min-width: 7em;
}

    .btn.disabled:hover, button[disabled]:hover {
        background: #7e7e7e;
        cursor: default;
        border-top: 1px solid #999;
        border-bottom: 1px solid #666;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        box-shadow: 2px 2px 7px 0px #a9a9a9;
    }


.button,
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 2px 2px 7px 0px #a9a9a9;
    display: inline-block;
    padding: 6px 15px;
    background: #29417f;
    border-top: 1px solid #cad3ef;
    border-bottom: 1px solid #29417f;
    border-left: 1px solid #29417f;
    border-right: 1px solid #19274c;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    /* font-family: 'Century Gothic', 'Open Sans',Arial,Helvetica,sans-serif; */
    text-align: center;
}

    .button:hover, .btn:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #222;
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
        box-shadow: 1px 1px 7px -2px #a9a9a9;
        background: #29417f;
        border-top: 1px solid #cad3ef;
        border-bottom: 1px solid #29417f;
        border-left: 1px solid #29417f;
        border-right: 1px solid #19274c;
        box-shadow: none;
        color: #fff;
        font-weight: normal;
        text-shadow: none;
        text-align: center;
    }

    .button:active, .btn.active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
        background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
        background: #1b2a50;
        text-align: center;
    }


    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .btn.blue {
        background: #29417f;
        border-top: 1px solid #cad3ef;
        border-bottom: 1px solid #29417f;
        border-left: 1px solid #29417f;
        border-right: 1px solid #19274c;
        color: #fff;
        text-align: center;
        min-width: 7em;
    }

        .btn.blue.menu {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            width: 45em;
        }

        .btn.blue.nav {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            // width:7em;
        }


        .btn.blue.go {
            background: #29417f;
            border-top: 1px solid #cad3ef;
            border-bottom: 1px solid #29417f;
            border-left: 1px solid #29417f;
            border-right: 1px solid #19274c;
            color: #fff;
            text-align: center;
            width: 4em;
        }

        .btn.blue a {
            color: #fff;
            text-align: center;
            text-decoration: none;
        }

    .btn.right {
        float: right;
        width: 15em;
    }


.btn, .button {
    background: #e2e2e2 !important;
    background: linear-gradient(to bottom,#f5f5f5 0%,#e2e2e2 100%) !important;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9),1px 1px 1px rgba(0,0,0,0.1) !important;
    border: 1px solid #c3c3c3 !important;
    color: #333;
}

    .btn a {
        color: #333 !important;
    }


/* #Date Picker
================================================== */

.ui-datepicker-trigger {
    margin-bottom: 4px;
    vertical-align: middle;
    cursor: hand;
}

input[type="text"].datepicker {
    border: 1px solid #ccc;
    padding: 0px 0px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #595959;
    margin: 0;
    width: 75px;
    max-width: 100%;
    display: inline;
    margin-bottom: 5px;
    margin-right: 2px;
    background: #fff;
}





/* #Forms
================================================== */

form {
    margin-bottom: 20px;
}

fieldset {
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 0px 0px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    color: #333;
    margin: 0;
    width: 210px;
    max-width: 100%;
    /*display: block;*/
    margin-bottom: 5px;
    margin-right: 10px;
    background: #fff;
}

select {
    padding: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

textarea {
    min-height: 60px;
}


input[type="checkbox"] {
    display: inline;
}

label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444;
}

.two-column label {
    width: 30%;
    float: left;
}

.two-column fieldset {
    width: 70%;
    float: left;
}

fieldset {
    white-space: nowrap;
}

.inline {
    display: inline !important;
}

.small {
    width: 25%;
}

.med {
    width: 50% !important;
}

.large {
    width: 98%;
}

.inline {
    display: inline;
}

/* #Misc
================================================== */
.remove-bottom {
    margin-bottom: 0 !important;
}

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

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

.fine {
    font-size: 13px;
    color: #666;
    line-height: 15px;
}

    .fine p {
        margin-bottom: 9px;
    }

#chart_container {
    text-align: center;
}

/* #Table
================================================== */

table, thead, tbody, tr, tfoot {
    width: 100%;
}

table {
    margin: 20px 0;
    border: 1px solid #ccc;
}
/*
tbody tr {
    border-left: 1px solid #585858;
    border-right: 1px solid #585858;
}
*/
thead th {
    /* border-bottom: 5px solid #29417f; */
    text-align: left;
    padding: 10px;
}

td {
    padding: 10px;
}
/*
tr:nth-of-type(2n+1) {
    background: #ededed;
}
*/
/*
tbody tr:hover, table.borderless tr:nth-of-type(2n+1):hover {
    background: rgba(0,0,0,.5);
    color: #fff;
    cursor: pointer;
}
*/
tfoot {
    text-align: left;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

    tfoot th {
        border-top: 5px solid #29417f;
        padding: 10px;
    }

.currency, .decimalPerc {
    text-align: right;
}

.center {
    text-align: center;
}

th.omega, td.omega {
    text-align: right;
}

table tr:first-child {
    border-radius: 5px 5px 0 0;
}

table.borderless {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    table.borderless tr:nth-of-type(2n+1) {
        background: none;
    }

    table.borderless td {
        border-bottom: 1px solid #ccc;
    }

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

.key {
    width: 15px;
}

.colorkey {
    width: 15px;
    height: 15px;
}

table.wide {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 7px -1px #a9a9a9;
    margin: 20px -10px;
}



table.half {
    width: 440px;
    margin-left: auto;
    margin-right: auto;
}


/* #Table
================================================== */
table.data tbody tr:hover, table.data tr:nth-of-type(2n+1):hover {
    background: none;
    color: #333;
}

table.data {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    table.data tr:nth-of-type(2n+1) {
        background: none;
    }

    table.data td {
        padding: 2px 0px 2px 0px;
    }


table.nohower tbody tr:hover, table.nohower tr:nth-of-type(2n+1):hover {
    background: none;
    color: #000 !important;
}

table.nohower tr {
    background: none;
}

table.noborder {
    border: none !important;
}

    table.noborder tr th, table.noborder tr td {
        border: 0px !important;
        border-bottom: 1px solid #ccc !important;
    }

table.greybottom thead th {
    border-bottom: 1px solid #ccc;
    text-align: left !important;
}

table.greybottom tbody tr td {
    border-bottom: 1px solid #ccc;
}

table.bluebackgroundheader th {
    background: none repeat scroll 0 0 #093048;
    color: #fff;
    text-align: left !important;
    border: 1px solid #ccc;
}

table.bluebackgroundheader td {
    border: 1px solid #ccc;
}




/* for footer related changes.*/
.btnFeedback {
    background: #919396;
    display: block;
    padding: 3px 5px;
    float: right;
}

    .btnFeedback a {
        text-decoration: none;
        color: #fff;
    }

footer a {
    text-decoration: none;
    color: #003357;
    font-size: 12px;
}

.copyright a {
    color: #003357 !important;
}

.selectedRow {
    background-color: #c6c6c6 !important;
}

.dynamiccolor img[name=sl1slider] {
    height: 16px !important;
}

.linkText {
    text-decoration: none;
    margin-left: 10px;
    font-size: 14px;
}

#myIframe {
    height: 580px;
}

.expanded {
    background-image: url(../images/sortdown.gif);
}

/*.collapsed {
    background-image: url(../images/sortup.gif);
}*/

.accordionCotainer {
    width: 100%;
    text-align: center;
    background-color: rgb(237, 237, 237);
    color: #08507b;
    cursor: pointer;
}

.messagecount {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    align-self: center;
    background: none repeat scroll 0 0 #5b93ba;
    border-color: #ccc;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    margin-left: 0.2%;
    margin-left: 1%\9;
    padding: 1px 6px;
    position: absolute;
    opacity: 0.9;
    filter: alpha(opacity=40);
}


#messagecenter {
    padding-right: 5%;
    padding-left: 5%;
    margin-left: -4%;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 108%;
}

.legend {
}



#assettable tbody tr:hover, table.data td:nth-of-type(2n+1):hover tr:nth-of-type(2n+1):hover {
    background: none;
    color: #333;
}

table.planbox tr:hover, table.planbox tr:nth-of-type(2n+1):hover {
    background: none;
    color: #333;
}

table.planbox {
    border: none;
    border-bottom: 3px groove #DDD;
    border-radius: 0;
    box-shadow: none;
}

    table.planbox tr:first-of-type {
        background: #DDD !important; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
        background: -moz-linear-gradient(top, #DDD 0, #fff 70px) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#DDD), color-stop(70px,#fff)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #DDD 0,#fff 70px) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #DDD 0,#fff 70px) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #DDD 0,#fff 70px) !important; /* IE10+ */
        background: linear-gradient(to bottom, #DDD 0,#fff 70px) !important; /* W3C */
        color: #08507B !important;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    }

.planbox {
    background: #DDD !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
    background: -moz-linear-gradient(top, #DDD 0, #fff 70px) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#DDD), color-stop(70px,#fff)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #DDD 0,#fff 70px) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #DDD 0,#fff 70px) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #DDD 0,#fff 70px) !important; /* IE10+ */
    background: linear-gradient(to bottom, #DDD 0,#fff 70px) !important; /* W3C */
    color: #08507B !important;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.linkblue {
    text-decoration: none;
    color: #08507B !important;
    font-weight: normal !important;
}

.plandiv {
    width: 31%;
    float: left;
    /*padding-top: 5px;
    padding-right: 5px;*/
    margin-right: 5px;
    text-align: center;
    line-height: 1;
    /*padding:0 5px*/
    font-size: 12px;
}

.divtextplanbox {
    padding-left: 10px;
    padding-right: 10px;
}

.detailsContainer span {
    margin-left: 5px;
    margin-right: 5px;
}

    .detailsContainer span:first-child {
        margin-left: 0px !important;
    }

.asof.forperiod {
    display: block;
    top: -15px !important;
    padding-left: 0px;
}

.rdbLabel {
    display: inline;
    font-weight: normal;
    font-size: 100%;
}

.grayBgBox {
    width: 100%;
    text-align: left;
    background: #F8F8F8;
    color: #333;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.noDisplay {
    display: none;
}

table.nohover tr:hover, table.nohover tr:nth-of-type(2n+1):hover {
    background: #ededed;
    color: #444;
    cursor: pointer
}

table.nohover {
    background: #ededed !important;
}

.numberCircle {
    border-radius: 50%;
    margin-left: 12px;
    padding: 2px 8px;
    position: absolute;
    color: white;
    display: block;
}

.numberOne {
    background: none repeat scroll 0 0 #e9be03;
    border-color: #ccc;
}

.numberTwo {
    background: none repeat scroll 0 0 #1799a2;
}

.numberThree {
    background: none repeat scroll 0 0 #a5af1a;
}

.capitalize {
    text-transform: capitalize;
}

.innerNumberCircle {
    margin-left: 5px;
    position: absolute;
}

table.hoverno tr:nth-of-type(1n+1):hover {
    background: none;
}

table.hoverno tr:nth-of-type(2n+1):hover {
    background: #ededed;
}

table.hoverno tr:hover {
    color: inherit;
}

.messageCenterLabel {
    color: #003357;
    display: inline;
    padding-left: 8px;
    padding-right: 10px;
}

.bulletedList {
    list-style-type: disc;
}

.declaration {
    font-size: 11px !important;
}

.exclamationImg {
    padding-top: 2px;
    vertical-align: top;
}

.headerImageContainer {
    float: left;
    width: 70px;
    height: 100%;
    margin-right: 10px;
}

.headerRowTable thead th, .headerRow {
    background: #416681 !important;
}

.headerRow {
    background: #ededed !important;
}

.videoStyle {
    vertical-align: middle;
    width: 160px;
}

.rorDetailsLink {
    top: -11px !important;
    position: relative;
}

table.standard thead th {
    background-color: #416681;
    color: #ffffff;
    text-transform: uppercase;
    border: 0 !important;
}

table.standard th, table.standard td {
    padding: 7px;
}

table.standard tr:nth-child(odd) {
    background-color: #e9efed;
}

table.standard tr:nth-child(even) {
    background-color: #ffffff;
}

table.standard tr {
    border-bottom: 1px solid #dedede;
}

    table.standard tbody tr:hover, table.standard tr:nth-of-type(2n+1):hover {
        background: rgba(0,0,0,.5);
        color: #fff;
        cursor: pointer;
    }

table.standard tfoot th {
    background-color: rgba(0,0,0,.1);
    color: #444;
    text-transform: uppercase;
    border: 0 !important;
}

table.standard td .number {
    text-align: center;
}

table.standard td a {
    color: #08507B;
}

table.standard thead tr:first-child th {
    border-bottom: 1px solid #e9efed !important;
}

table.t_data tbody th, table.t_data tbody td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.t_data tr:last-child td {
    border-bottom: 1px solid #ccc;
}

.headerStyle {
    color: #003357;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    text-decoration: underline;
    text-align: left;
}

.SortedHeader {
    background-color: #5B93BA !important;
}

.innerTable, .innerTable tr, .innerTable td {
    background: none !important;
}

    .innerTable tr:hover {
        background: rgba(0,0,0,.5) !important;
        color: #fff !important;
        cursor: pointer !important;
    }

.arrowRight {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #5B93BA;
    border-bottom: 4px solid transparent;
}

.arrowDown {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #5B93BA;
}

/*#doublescroll { overflow: hidden; width:150px }
 #doublescroll p { margin: 0; padding: 1em; white-space: nowrap; }*/

.table tr {
    background-color: white;
}

table#tblPRR {
    border-spacing: 0;
    border-collapse: collapse;
}

    table#tblPRR tr {
        border-spacing: 0;
        border-collapse: collapse;
    }

        table#tblPRR tr td {
            border-spacing: 0;
            border-collapse: collapse;
        }

#myTab-2 a {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.colorblack {
    color: #000 !important;
}

.errorMsg {
    color: #990000;
    font-style: italic;
}

.sepearated tr td {
    padding-bottom: 20px !important;
    width: 50%;
}

.curved {
    border-radius: 3px;
}

.pendingMessage {
    background-color: yellow;
}

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

.clearFloat {
    clear: both;
}

.portfolioarrow {
    /* vertical-align:middle; */
    /* margin-left:42%; */
}

.investments #main-content .inv-ele-conf-btn {
    width: 100%
}


select.styled-select {
    background: url("../images/dropdownarrow.png") no-repeat scroll top -3px right -2px #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-radius: 3px;
}

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

.width10per {
    width: 10%;
}

.width80per {
    width: 80% !important;
}

.width-eightynine {
    width: 89% !important;
}

.enrollmentConfirmationMsg h3 {
    font-size: 24px !important;
    text-transform: none !important;
}

.enrollmentConfirmationMsg {
    margin-bottom: 30px;
}

    .enrollmentConfirmationMsg h3 {
        font-size: 24px !important;
        text-transform: none !important;
        margin-bottom: 30px !important;
    }

    .enrollmentConfirmationMsg .enrollmentConfirmationNo {
        font-size: 20px !important;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    }

.fundSelectionChart {
    float: left;
    width: 30%;
}

#bannerenrollC {
    margin-left: 20px;
}

.electionsgreen-grad {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #54b948), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(left, #54b948, #ffffff);
    background-image: -moz-linear-gradient(left, #54b948, #ffffff);
    background-image: -o-linear-gradient(left, #54b948, #ffffff);
    background-image: linear-gradient(left, #54b948, #ffffff);
    -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
    -moz-box-shadow: 0 0 5px 0 #a0a0a0;
    box-shadow: 0 0 5px 0 #a0a0a0;
    height: 27px;
    display: table;
    width: 143%;
    margin-top: 5px;
}

    .electionsgreen-grad span {
        display: table-cell;
        vertical-align: middle;
        width: 33%;
    }

.totalClean tr {
    border: 0 !important;
}

.margintop10px {
    margin-top: 10px;
}

table.interfundtransfer th {
    background-color: white !important;
    color: #666 !important;
}

table.interfundtransfer td {
    border: 0px !important
}

table.interfundtransfer th {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

.goingchartLegends {
    margin-left: 88px;
    float: left;
}

.goingchartdiv .headerfont {
    margin-left: 100px;
}

.infographicwidth {
    width: 280px !important;
}

table.tblwhiteback tr th {
    color: #333333 !important;
    background-color: transparent !important;
    font-family: 'ProximaNova-bold',Arial,Helvetica,sans-serif !important;
}

table.tblwhiteback {
    margin: 0px;
}

.marginright-15px {
    margin-right: -15px;
}

.a-left {
    text-align: left !important;
}

.a-right {
    text-align: right !important;
}

#imgidatran {
    width: 205px !important;
    margin-top: 15px;
}

table.nomailborder tr, table.nomailborder td {
    border: 0px !important
}

.marginleft50px {
    margin-left: 50px;
}

.marginleft30px {
    margin-left: 30px;
}

.paddingleft5px {
    padding-left: 5px;
}

.paddingleft101px {
    padding-left: 101px;
}

.paddingleft102px {
    padding-left: 102px;
}

.left400px {
    left: 400px !important;
}



@media screen and (min-width:1024px) {

    #btnSubmitChanges {
        width: 240px !important
    }
}

div#mCSB_1_dragger_horizontal {
    z-index: 0 !important;
}

.width-fortyeight-imp {
    width: 48% !important;
}

.col-headerdist {
    color: midnightblue;
}

.scroll-pane .mCSB_draggerRail {
    display: none !important;
}


/* Table of Contents
==================================================
    #Mobile (Portrait)
    #Mobile (Landscape)
	#Tablet (Portrait)
	#960 Grid
    #Clearing */



/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (min-width: 100px) {
        .container { width: 300px; position: relative; margin: 0 auto; padding: 0; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px;width:100%}
		.container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 30px; }
        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) {
        .container { width: 420px; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px;width:100% }
    }





/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }
		 .container .column,
   		 .row                                        { margin-bottom: 20px; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        
        .container .one-third.column,
        .container .two-thirds.column  { margin-bottom: 0px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }

@media only screen and (min-width: 960px) {
	
/* #960 Grid
================================================== */

    .container                                  {width: 960px; }
   

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
}


.w20 {width: 20%; float: left;}
.w30 {width: 30%; float: left;}
.w40 {width: 40%; float: left;}
.w50 {width: 50%; float: left;}
.w60 {width: 60%; float: left;}
.w70 {width: 70%; float: left;}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    /*.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }*/

@font-face {
    font-family: 'ProximaNova-Light';
    src: url('/font/proxima-nova/2D5A3A_11_0.eot');
    src: url('/font/proxima-nova/2D5A3A_11_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_11_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_11_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_11_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/font/proxima-nova/2D5A3A_13_0.eot');
    src: url('/font/proxima-nova/2D5A3A_13_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_13_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_13_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_13_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('/font/proxima-nova/2D5A3A_12_0.eot');
    src: url('/font/proxima-nova/2D5A3A_12_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_12_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_12_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_12_0.ttf') format('truetype');
}



@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('/font/proxima-nova/2D5A3A_14_0.eot');
    src: url('/font/proxima-nova/2D5A3A_14_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_14_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_14_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_14_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Black';
    src: url('/font/proxima-nova/2D5A3A_10_0.eot');
    src: url('/font/proxima-nova/2D5A3A_10_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_10_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_10_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_10_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Extrabld';
    src: url('/font/proxima-nova/2D5A3A_F_0.eot');
    src: url('/font/proxima-nova/2D5A3A_F_0.eot?#iefix') format('embedded-opentype'),url('/font/proxima-nova/2D5A3A_F_0.woff2') format('woff2'),url('/font/proxima-nova/2D5A3A_F_0.woff') format('woff'),url('/font/proxima-nova/2D5A3A_F_0.ttf') format('truetype');
}

/* Table of Content
    ==================================================
        #Site Styles
        #Page Styles
        #Media Queries
        #Font-Face */

/* #Site Styles
    ================================================== */

/*--header--*/

.main .container {
    padding: 10px 0;
}

.bottom {
    background: #777;
}

.tagline, .phone {
    height: 34px;
    line-height: 34px;
}

.plan-name .add-plans {
    display: none;
}

.add-plans {
    background: #F3F3F3;
    border-radius: 5px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 170px;
    z-index: 100;
}

.button-area {
    width: 65%;
}

.hidedisplay {
    display: none;
}

/*f a q styles for higher res*/
table.responsiveFAQ td:nth-child(2) {
    width: 53%;
}

table.responsiveFAQ td:nth-child(1) a:nth-child(3) {
    width: 82%;
    float: right;
}

table.wid64per td:nth-child(2) {
    width: 64% !important;
}






.add-plans li {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    margin: 0;
    text-align: left;
    text-shadow: none;
    width: 100%;
}

    .add-plans li:hover {
        background: #fff;
        color: #333;
    }

    .add-plans li:first-child {
        border-radius: 5px 5px 0 0;
    }

    .add-plans li:last-child {
        border-radius: 0 0 5px 5px;
    }

    .add-plans li a {
        color: #666666;
        display: block;
        padding: 10px 13px;
        position: relative;
        text-shadow: none;
    }

.tagline a, .phone a, .plan-name a {
    color: rgba(255, 255, 255, 0.7);
}

#crumbs {
    color: #CCCCCC;
    display: block;
    float: left;
    width: 100%;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}


    #crumbs a {
        color: #FFFFFF;
        text-decoration: none;
    }

    #crumbs .current {
        color: #ffffff !important;
    }

.container.content {
    min-height: 100px;
}

/*Navbar **********************************************************/

.navbar {
    margin-top: 20px !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

nav.main {
    position: relative;
    z-index: 9999;
    /* float:right; */
}

    nav.main ul {
        /* float:right; */
    }

        nav.main ul#menu-main-menu li:last-child a {
            padding-right: 0;
        }

        nav.main ul#menu-main-menu li:last-child .button a {
            padding-right: 13px;
            color: #fff;
            text-shadow: none;
        }

        nav.main ul#menu-main-menu li:last-child .button {
            background-color: #29417F;
        }

        nav.main ul li {
            float: left;
        }

    nav.main li > a {
        padding: 0 5px;
    }

    nav.main li ul a {
        padding: 10px;
    }

.respo_menu:before {
    content: "\f0c9";
    font-family: 'fontello';
    font-size: 24px;
    color: #fff;
}

.respo_menu {
    position: relative;
    width: 28px;
    height: 20px;
    cursor: pointer;
    float: right;
    margin: 24px 0 0;
}

    .respo_menu select {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        background: none;
        cursor: pointer;
        width: 30px;
    }


/* Superfish Menu ESSENTIAL STYLES ********************************/

.menu_projection_img {
    height: 48px;
    width: 42px;
    background-image: url(../images/info_ps_icon.png);
    display: inline-block;
    float: left;
}

table.menu_two_column, table.menu_three_column {
    border: 0 !important;
    text-align: left;
}

    table.menu_two_column tr, table.menu_three_column tr {
        background-color: white;
        vertical-align: top;
    }

    .current_page_item table.menu_two_column tr, table.menu_three_column tr {
        vertical-align: top;
    }

    table.menu_two_column td {
        width: 50%;
    }

    table.menu_three_column td {
        width: 33%;
    }

        table.menu_three_column td h4, table.menu_two_column td h4 {
            border: 0px;
        }

.arrow-down {
    width: 4px;
    height: 4px;
    border-style: solid;
    border-width: 8px 4px 0px 4px;
    border-color: white transparent transparent transparent;
    display: inline-block;
    position: relative;
    left: 10px;
}

.sf-menu li:hover .arrow-down {
    border-color: #08507B transparent transparent transparent;
}

.sub_menu_bullet {
    width: 10px;
    height: 0px;
    border-style: solid;
    border-width: 4px 0px 4px 8px;
    border-color: transparent transparent transparent #08507B;
    display: inline-block;
}

.sf-menu ul li:hover .sub_menu_bullet {
    border-color: transparent transparent transparent #000;
}

.sub_menu_header {
    font: 16px;
    color: black;
    border-bottom: 1px dashed #000;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 450px; /* left offset of submenus need to match (see below) */
        padding: 0;
        background: #F3F3F3;
        border: 1px solid #ccc;
        text-align: left;
    }

        .sf-menu ul li {
            width: 100%;
            line-height: 18px;
        }

            .sf-menu ul li:first-child {
            }

            .sf-menu ul li:last-child {
            }

            .sf-menu ul li:hover, .sf-menu ul li.current-menu-item {
            }

                .sf-menu ul li:first-child:hover, .sf-menu ul li.current-menu-item:first-child {
                }

                .sf-menu ul li:last-child:hover, .sf-menu ul li.current-menu-item:last-child {
                }

            .sf-menu ul li:first-child:last-child, .sf-menu ul li:first-child:last-child:hover {
            }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
    }
    /*
    .sf-menu a,.sf-menu a:visited {
        display:block;
        position:relative;
        text-decoration:none;
        color:#666;

    }
    */
    .sf-menu a {
        display: block;
        position: relative;
        text-decoration: none;
        color: #666;
    }

        .sf-menu a:hover, .sf-menu li.current-menu-item > a {
            color: #333;
        }

    .sf-menu li > a {
        padding: 9px;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 10px;
        top: 38px; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 171px; /* match ul width */
    top: 0;
}

ul.sf-menu li li li ul {
    margin-left: 1px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 170px; /* match ul width */
    top: 0;
}

ul.sf-menu span.hide {
    display: none;
}

/*** arrows **/
.sf-menu li a {
    padding: 10px 13px;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    right: 11px;
    top: 16px;
    display: none;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

ul li ul li .sf-sub-indicator {
    display: block;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
    right: 10px;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#admin-nav {
    padding: 10px 15px 8px 15px;
    /* float:  right; */
    /* font-size: 11px; */
}

    #admin-nav nav {
        display: inline;
        float: left;
    }

    #admin-nav span {
        float: left;
        margin-right: 20px;
    }

    #admin-nav ul {
        margin: 0;
    }

        #admin-nav ul li {
            display: inline;
            padding: 0 6px 0 4px;
        }

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

            #admin-nav ul li a {
                /*
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        */
                text-decoration: none;
            }

                #admin-nav ul li a:hover {
                    color: #000;
                }

/* Sidebar *******************************************************/
aside nav {
    margin-left: 10px;
}

    aside nav ul li {
        margin-bottom: 5px;
        list-style: circle;
    }

    aside nav a {
        color: #666666;
        text-decoration: none;
    }

        aside nav a:hover {
            color: #333333;
        }

aside .company-logo {
    margin-bottom: 20px;
    text-align: center;
}

aside nav.teasers {
    margin-left: 0px;
    padding-left: 0px;
}

    aside nav.teasers ul li {
        display: block;
        font-size: 14px;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
        line-height: 24px;
        list-style: none;
    }

        aside nav.teasers ul li a {
            display: block;
            line-height: 1.2;
            margin: 10px 0;
        }

/* FOOTER ********************************************************/
footer.footer {
    /*	
        background:url(../images/footer_top.png) repeat-x top center,
                   url(../images/footer_bg.png) repeat,
                   url(../images/footer_bottom.png) repeat-x bottom center;
                   */
    background: #777;
    padding: 20px 0;
}

footer.bottom {
    background: #FFF;
}

    footer.bottom .container {
        padding: 10px 0 20px;
    }

footer .copyright {
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin-top: 15px;
}

    footer .copyright p {
        color: #FFFFFF;
    }

    footer .copyright a {
        text-decoration: none;
        color: #555;
    }

        footer .copyright a:hover {
            color: #333;
        }

footer .gototop {
    margin: 9px auto;
    text-align: center;
}

    footer .gototop a {
        background: url(../images/bg_off.png) repeat;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
        display: inline;
        font-family: fontello;
        font-size: 15px;
        line-height: 23px;
        margin: auto;
        padding: 5px 7px;
        text-align: center;
        color: #999;
    }

        footer .gototop a:hover {
            color: #cc0000;
        }

footer h3.logo {
    margin: 3px 0 10px;
}

    footer h3.logo a {
        display: block;
        width: 112px;
        height: 19px;
        background: url(../images/logo_bottom.png) no-repeat;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
    }

footer h4.title {
    font-size: 15px;
    color: #DDD !important;
    font-weight: 700;
    padding: 7px;
    border: none;
}

/* Footer Widgets */

footer .widget {
    margin: 0;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

footer p, footer .address, footer .address a {
    color: #DDD;
    font-size: 13px;
}

footer ul {
    margin-bottom: 10px;
}

    footer ul li {
        margin: 0 9px;
        overflow: hidden;
        color: #AAA !important;
    }

footer .widget_recent_entries ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
}

footer ul li a {
    font-size: 13px;
    color: #FFF !important;
    text-decoration: none;
    opacity: .65;
    padding-left: 13px;
    background: url(../images/list-style.png) left center no-repeat;
}

    footer ul li a:hover {
        opacity: 1;
    }

footer #wrap_flickr .flickr_badge_image a img {
    width: 55px;
}

footer #wrap_flickr .flickr_badge_image a {
    border: solid 1px #999;
}

    footer #wrap_flickr .flickr_badge_image a:hover {
        border: solid 1px #CCC;
    }

footer .widget.widget_interio_portfolio {
    border: none;
}

footer .widget .recent-portfolio {
    padding: 5px 0;
    margin-bottom: -5px;
    width: 100%;
}

    footer .widget .recent-portfolio ul li {
        margin: 0 5px -3px;
        width: 45%;
        border: none;
    }

footer .widget .recent ul li a, footer .tabswrap ul li a {
    background: none;
}

footer .widget .recent ul li .post-thumbnail a {
    opacity: 1;
    border-color: #AAA;
}

footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img {
    width: 88px;
}

footer .widget .recent-cap {
    font-size: 11px;
    height: 85%;
    padding: 22px 1px 4px;
    width: 90%;
    margin: 5px 0;
}

footer span.date {
    color: #bbb !important;
}

/* Hide extra widgets in footer, if you want to add more than 1 row you can remove these 4 lines: */
footer .widget.four:nth-child(n+115) {
    display: none;
}

footer .widget.one-third:nth-child(n+4) {
    display: none;
}

footer .widget.eight:nth-child(n+3) {
    display: none;
}

footer .widget.sixteen:nth-child(n+2) {
    display: none;
}
/* end */

footer .twitter_widget ul.tweet_list {
    margin: 5px 0;
}

    footer .twitter_widget ul.tweet_list li {
        margin: 0 5px 15px;
    }

        footer .twitter_widget ul.tweet_list li a {
            background: none;
        }

            footer .twitter_widget ul.tweet_list li a.tweet_avatar {
                padding: 0;
            }

footer ul li.recentcomments a {
    background: none;
}

footer .recent ul li {
    border-bottom: solid 1px #555;
}

footer .widget_interio_facebook iframe {
    border: none;
}

footer .widget ul.tabs {
    margin-top: -2px;
}

footer .widget .tabswrap {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    footer .widget .tabswrap ul li {
        margin: 0 -1px 0 0;
        border-bottom-color: #555 !important;
    }

        footer .widget .tabswrap ul li a {
            font-size: 11px;
        }

    footer .widget .tabswrap .panel ul li span.date, footer .recent ul li span.date {
        background: #555;
    }

footer .widget .tab a {
    padding: 2px 7px;
}

footer .widget .tab:last-child a {
    padding: 2px 7px;
    width: auto;
    border-radius: 0;
}

footer .widget .tab a.selected {
    padding: 2px 7px;
    border-bottom-color: #333;
}


footer #lang_sel a.lang_sel_sel {
    background-color: transparent;
}

footer .ads a {
    border-color: #AAA;
}

/* Text Widget */
footer .textwidget a {
    color: #FFF !important;
    opacity: .7;
}

    footer .textwidget a:hover {
        opacity: 1;
    }

/* Address */
.address {
    padding: 0 5px;
    color: #333;
    margin-top: 12px;
}

    .address p {
        margin-bottom: 8px;
    }

    .address a {
        text-decoration: none;
    }

    .address .icons {
        padding: 0 0 0 20px;
        margin: 0 10px 0 25px;
        font-size: 13px !important;
        text-align: left !important;
        background: url(../images/contact_icons.png) no-repeat;
    }

    .address .icon_tel {
        background-position: 0 -75px;
    }

    .address .icon_email {
        background-position: 0 -100px;
    }

    .address .icon_pin {
        background-position: 0 -126px;
    }

footer .address .icon_tel {
    background-position: 0 -1px;
}

footer .address .icon_email {
    background-position: 0 -25px;
}

footer .address .icon_pin {
    background-position: 0 -51px;
}


/* #Page Styles
    ================================================== */

/* Wizard */
ul.wizard li {
    background: #ededed;
    list-style: none;
    display: inline;
    margin: 0 3px;
    padding: 5px 0;
    color: #333;
    font-size: 18px;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

    ul.wizard li a {
        background: #ededed;
        padding: 5px 10px;
        color: #333;
        text-decoration: none;
    }

    ul.wizard li.done a {
        background: #29417F;
        color: #fff;
    }

    ul.wizard li.current a {
        padding: 8px 13px;
        border: 1px solid #333;
    }
/* Alert */
.alert {
    background: #ededed;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 0 0 7px -1px #A9A9A9;
    margin-bottom: 20px;
    padding: 10px 10px 10px 50px;
    position: relative;
}

    .alert:before {
        width: 50px;
        height: 50px;
        position: absolute;
        vertical-align: central top 40px;
        left: 10px;
        content: '';
        background: url(../images/warning_48.png) no-repeat;
        z-index: 100;
    }

    .alert ul {
        margin: 10px;
    }

        .alert ul li {
            margin: 10px;
            margin-bottom: 5px;
        }

/* Tabs Style */
ul.tabs {
    margin: 0;
    clear: both;
    position: absolute;
    bottom: 0;
}

    ul.tabs li {
        margin: 0;
        padding: 0 10px;
        font-size: 14px;
        color: #bfcdf0;
        float: left;
        text-indent: 0;
        line-height: 35px;
        cursor: pointer;
    }

        ul.tabs li:hover {
            color: #fff;
        }

        ul.tabs li.last-itm {
            margin-right: 0;
        }

        ul.tabs li.is-active {
            color: #fff;
            border-bottom: solid 4px #fff;
        }

.tab-box-content {
    display: none;
}

    .tab-box-content.is-active {
        display: block;
    }

/* #Media Queries
    ================================================== */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 100px) {
    .top {
        background-position: 0 -115px;
    }

    #admin-nav span {
        display: none;
    }

    #menu-main-menu {
        display: none;
    }

    .respo_menu {
        display: block;
    }

    #responsiveMenuDiv {
        display: block;
    }

    .plan-name {
        padding: 0 0 25px 0;
    }

    #crumbs {
        display: none;
    }

    .navbar {
        position: absolute;
        top: 10px;
        z-index: 100;
    }
}

@media only screen and (min-device-width: 100px) and (max-device-width: 760px) {

    /* Force table to not be like tables anymore */
    table.transform, .transform thead, .transform tbody, .transform th, .transform td, .transform tr {
        display: block !important;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .transform thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .transform tr {
        border: 1px solid #ccc;
    }

    .transform td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .transform td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) {
    .top {
        background-position: 0 -78px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 769px) {
    #admin-nav span {
        display: inline;
    }

    #menu-main-menu {
        display: block;
        margin-top: 16px;
    }

    .navbar {
        position: relative;
    }

    .respo_menu {
        display: none;
    }

    #responsiveMenuDiv {
        display: none;
    }


    #crumbs {
        display: block;
    }

    .plan-name {
        padding: 42px 0 0 0;
        text-align: right;
    }
}




.sitemap ul {
    margin-bottom: 10px;
}

    .sitemap ul li {
        margin: 0 5px;
    }

        .sitemap ul li a {
            font-size: 13px;
            padding-left: 13px;
            background: url(../images/right-arrow.png) left center no-repeat;
        }

/* welcome page sign in button */
.button.signin {
    margin: -20px 0 0 10px;
    color: #333 !important;
}

    .button.signin a {
        color: #333 !important;
    }


/* 
    BMO custom layout.css
    JSB 12-02-2014
    */


/******/
@font-face {
    font-family: "Lato";
    src: url('../font/Lato-Normal/lato-reg-webfont.eot');
    src: url('../font/Lato-Normal/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../font/Lato-Normal/lato-reg-webfont.woff') format('woff'), url('../font/Lato-Normal/lato-reg-webfont.ttf') format('truetype'), url('../font/Lato-Normal/lato-reg-webfont.svg') format('svg');
    font-weight: "normal";
    font-style: "normal";
}


* {
    box-sizing: border-box;
}

html, body {
    color: #333;
    background: url(../images/main-bg.jpg);
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif !important;
}


#Container {
    margin: 0 auto;
    background: #fff;
    padding: 0;
}

/* header */

header .top {
    background: none; /* float:right; */
}

.top .container, .logo.five.columns {
    width: auto;
}

/* nav.main */
header .container .eleven.columns {
    width: 100%;
}

.sf-menu > li > a, .sf-menu > li:first-child > a {
    color: #fff;
    padding: 7px 0 0 0 !important;
    text-transform: uppercase;
    border-bottom: 5px solid transparent;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-right: 35px;
}

.sf-menu > .drop.sfHover > ul {
    margin-left: -11px;
    margin-top: -3px;
    border-top: 0;
}

.sf-menu > .current_page_item.drop.sfHover > ul {
    margin-left: -10px;
}

li.sponsordrop {
    background: none !important;
    width: 240px !important;
}

.sponsordrop.sfHover:hover, .sf-menu > li > a:hover {
    color: #08507B !important;
}

.sponsordrop.sfHover > a {
    color: #333;
}

.sf-menu > .sponsordrop.sfHover:hover {
    background: #eee !important;
}

.sf-menu a {
    font-family: arial,sans-serif;
    color: #08507B;
}

.sf-menu li.drop:not(.sfHover):after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    transform-origin: center 3px;
    transition: transform .3s ease;
    border-top-color: #f26522;
}

.sf-menu li.drop.sfHover:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    transform-origin: center 3px;
    transform: rotate(-180deg);
    transition: transform .3s ease;
    border-top-color: #f26522;
}

/* headings */
/* 
        note: we are not currently employing h1 and h2 for these elements as per styleguide. H1 is specced for page titles. H2 is specced for dashboard titles
        */

h1, h2, h3 {
    /* font-family: 'Lato',sans-serif; */
    /* color: #c60; */
    font-weight: normal;
}

h1 {
    font-size: 21px;
}

h2 {
    /* font-size: 15px; */
    /* text-transform: uppercase; */
}
/* all dashboard titles for all audiences */
h3 {
    /* text-transform: uppercase; */
    color: #333;
    /* font-size: 17px; */
}
/* charts and section headers */
h4, h5, h6 {
    color: #222;
}

h4 {
    border-bottom: 1px dotted;
    font-size: 14px;
}

h5, h6 {
    font-size: 12px;
}

/* sidebars */
aside h3, #main-content h3 {
    /* text-transform: uppercase; */
    /* font-size: 120%; */
    color: #c60;
    color: rgba(204,102,0,.7);
    line-height: 1.2;
}

aside h3 { /* border-bottom: 1px dotted #9f9f9f!important; */
}


/* buttons */
.btn:hover, .button:hover, .btn.disabled, #btnCancel {
    background: #bcc1c4 !important;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OWZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2MxYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(#999fa3), to(#bcc1c4));
    background: -webkit-linear-gradient(top, #999fa3 0%, #bcc1c4 100%);
    background: -o-linear-gradient(top, #999fa3 0%, #bcc1c4 100%);
    background: linear-gradient(to bottom, #999fa3 0%, #bcc1c4 100%) !important;
    /*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#999fa3', endColorstr='#bcc1c4');*/
    border-color: #aaa !important;
}


/* sidebar boxes */
aside .box, .module {
    border: 2px solid #eee;
    margin-bottom: 30px;
    padding: 20px 15px;
}

aside .box, .module {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 12px #aaa;
    border: 0;
}

.featured {
    padding: 20px 15px;
}

/* input fields */
input[type="text"], input[type="password"] {
    border: 1px solid #bbb;
    height: 29px;
    padding: 5px;
    border-radius: 3px;
    background: #eee; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #eee 0, #fff 25px); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#eee), color-stop(25px,#fff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eee 0,#fff 25px); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eee 0,#fff 25px); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eee 0,#fff 25px); /* IE10+ */
    background: linear-gradient(to bottom, #eee 0,#fff 25px); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#fff',GradientType=0 );*/ /* IE6-8 */
}

.login #btnPwd {
    margin-left: 10px;
}


/* Quick links menu */
.quicklinks {
    margin-bottom: 20px;
}

    .quicklinks h3 {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .quicklinks select {
        text-transform: capitalize;
        padding: 5px;
    }

h3.h3-title {
    color: rgb(100,130,180) !important;
}

.shadedTable {
    border-top: 5px solid rgb(176,196,222);
}

.tabs .alpha {
    max-width: 250px;
}

.smart .content h3 {
    border: 0;
}



.borderless.cleanTable td {
    padding-left: 0;
}

/* buttons */
.btn, .button {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    background: #2c6426 !important;
    color: #fff;
    letter-spacing: 1px;
    padding: 8px 30px;
    text-decoration: none;
    width: auto;
}

    .btn a {
        color: #fff !important;
        text-transform: uppercase;
    }


/* alerts sidebar */
.alerts {
    margin-bottom: 10px;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    color: #777;
}

    .alerts .date {
        font-weight: normal;
        color: #777;
        font-size: 90%;
    }



@media only screen and (max-width: 959px) { /* was 967. changed to 959 for OWS-18909 Action #9 */
    /* reset main nav space */
    .sf-menu > li > a, .sf-menu > li:first-child > a {
        text-transform: none;
        font-size: 16px;
        margin-top: 3px !important;
    }

    header .top {
        float: none;
        width: auto;
        margin: 0 auto;
        max-width: 830px;
    }

    #admin-nav ul li {
        border-right: 1px solid #aaa;
    }

        #admin-nav ul li:first-child {
            padding-left: 0;
        }
    /* Bill Y Tweaks */
    nav.main ul#menu-main-menu > li {
        max-width: 193px !important;
        text-align: center;
    }

    header .container .eleven.columns {
        width: 768px !important;
    }

    .container .four.columns {
        width: 200px;
        margin-right: -10px;
    }


    .btnFeedback {
        margin-top: 10px;
        display: inline-block;
    }

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

    .login .eight.columns.flip-card, .login .width-sixty, .login .width-forty {
        min-width: 100%;
    }

    .login .card-front {
        max-width: 100%;
    }

    .container.content.login {
        background-size: 80%;
    }
}


@media only screen and (max-width: 375px) {

    .marglftreset {
        margin-left: 0px !important;
    }

    .rgtposfix {
        left: 0px !important;
    }

    #wid83per {
        width: 83% !important;
    }
}


@media only screen and (max-width: 768px) {

    .btm78 {
        bottom: 78px !important;
    }

    .curPos {
        position: relative;
        bottom: 100px;
        float: right !important;
    }

    .pushlft {
        float: left !important;
        top: -30px;
    }

    .relpos {
        position: relative;
        top: 0px !important;
    }

    .relpos18 {
        position: relative;
        top: 0px;
    }

    .marLft {
        margin-left: 15px;
    }

    .top20 {
        top: 20px;
    }

    .top18 {
        top: 18px;
    }


    /* fix for module titles filling module width despite module padding */
    #main-content h3.module-title {
        max-width: 110%;
    }

    /* positioning of respo menu and slider nav tabs*/
    .leftnav, .rightnav {
        height: 40px !important;
        top: -40px !important;
        line-height: 3.25 !important;
    }

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

    /* set position of nav */
    header .container .eleven.columns {
        background: none;
        width: 40px;
        right: 0;
        bottom: 30px;
        top: auto;
    }

    /* wide tables scrollable */
    table.responsive {
        overflow-x: auto;
        display: block;
    }

    header .top {
        max-width: 500px !important;
    }

    .bubble, .balance {
        padding: 10px 15px;
        margin-right: 0;
    }

    .tabs > .tab > label {
        text-transform: none;
    }

    .tabs {
        min-height: 450px;
    }

    .bubble ~ a.inv {
        margin-left: 20px;
    }

    header .container .eleven.columns {
        background: none !important;
    }

    .container.content.login {
        background-size: 300px !important;
    }

    .greeting {
        width: 100%;
        text-align: center !important;
        float: none;
    }

    .account-nav li a {
        margin: 0 5px 0 !important;
    }

    .pulldown-menus .selectedMenu {
        margin: 0 auto !important;
        text-align: center !important;
        display: inline-block;
    }

    .card-nav > a .orange-text.upper {
        font-size: 12px;
        top: -6px !important;
        position: relative !important;
    }

    .contributions div[id^=k-dollar-slider] {
        width: 95%;
    }
}

@media only screen and (max-width:477px) {
    span.dollar {
        display: none !important;
    }

    .bal .bubble {
        font-size: 100%;
        padding: 5px 10px;
        margin: 0 20px 10px 0;
    }

    .tabs > .tab > label {
        font-size: 80%;
        padding-left: 5px;
        padding-right: 5px;
    }
}





@media only screen and (max-width:320px) {


    .login .eight.columns.flip-card, .login .width-sixty, .login .width-forty {
        min-width: 90%;
    }

    .login .card-front {
        max-width: 90%;
    }

    .container.content.login {
        background-size: 80% !important;
    }

    .contributions div[id^=k-dollar-slider] {
        white-space: nowrap;
    }
}

.asofbalance {
    font-size: 70%;
    text-transform: uppercase;
    top: 7px;
    position: relative;
    padding: 0px 5px; /*display:inline-block*/
}

    .asofbalance .link {
        display: block;
        font-size: 90% !important;
        text-decoration: none !important;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
        margin-top: -6px;
        color: #5B93BA !important;
    }

.linkcolor {
    text-decoration: none !important;
    color: #5B93BA !important;
}

.noborder {
    border: 0 !important;
}

.margin30px {
    margin: 30px;
}

.welcomeaspx .pulldown-menus, .loginaspx .pulldown-menus {
    display: none;
}


.spanleft {
    float: left;
    min-width: 250px;
    text-align: right;
}

a.bluelabel {
    color: #08507B;
    /* font-weight:700; */
    text-decoration: none;
}

.bluelabel:hover {
    color: #000;
}

footer a {
    padding: 5px !important;
}

.icon-mail:before, .icon-phone-squared:before {
    color: #777;
    font-size: 18px !important;
}

.tabcontent {
    text-align: left;
    font-size: 12px;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.black {
    color: black !important;
    line-height: 1.3 !important;
    display: block !important;
}


.videolink {
    background: none repeat scroll 0 0 #ededed;
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
}

    .videolink:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #333;
    }

.talkbubble {
    position: relative;
    height: 40px;
    padding: 0px;
    background: #E68A00;
    color: white;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    padding-top: 10px;
    text-align: center;
}

    .talkbubble:after {
        content: "";
        position: absolute;
        top: -15px;
        left: 45%;
        text-align: center;
        border-style: solid;
        border-width: 0 15px 15px;
        border-color: #E68A00 transparent;
        display: block;
        width: 0;
    }

.investmentstylebox {
    width: 49%;
    background-color: #F5F9FD;
    height: 300px;
    text-align: left;
}

.investmentstylerightbox {
    background-color: #143D66;
    height: 40px;
    color: white;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    padding-top: 10px;
    text-align: center;
}

.investmentstylecontent {
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #222222;
    text-align: left;
}

#tblLoanInformation td {
    padding: 6px;
}

a.disablelabel {
    color: #7e7e7e;
    font-weight: 700;
    text-decoration: none;
}

.disablelabel:hover, focus {
    color: #7e7e7e;
}

/* JSB Updates for Table Layouts */
table.standard, table.standard1 {
    margin-bottom: 50px;
    border: none;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    font-size: 12px;
}

    table.standard td, table.standard1 td {
        line-height: 1.25;
    }

    table.standard tfoot tr:hover {
        background: rgba(0,0,0,.07) !important;
        cursor: auto !important;
    }

    table.standard1 tr:hover {
        background-color: transparent !important;
        cursor: auto !important;
        color: #333333;
    }

    table.standard1 tr:nth-of-type(2n+1):hover {
        background-color: #ededed !important;
        cursor: auto !important;
        color: #333333;
    }

    table.standard .rowonelink, table.standard1 .rowonelink {
        color: #fff !important;
    }

        table.standard .rowonelink img, table.standard1 .rowonelink img {
            margin-left: 5px;
            position: absolute;
            margin-top: 7px;
            display: none;
        }

table thead th {
    line-height: 1;
    text-align: center !important;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
}

.no-wrap {
    white-space: nowrap !important;
}

table.standard tfoot th, table.standard1 tfoot th {
    background: #e8e8e8 !important;
    line-height: 1;
    color: #323232 !important;
}

table.standard thead th a, table.standard1 thead th a {
    line-height: 1;
    display: block;
}

table.standard1 thead th {
    color: #FFF;
    font-size: 14px;
}



table.standard1 .bgcolor {
    background-color: #093048;
}

.SortedHeader a:after, table.standard th a:after, table.standard1 th a:after {
    content: '\e84b';
    width: 0;
    display: inline-block;
    font-family: 'Fontello';
    font-weight: normal !important;
    color: rgba(255,255,255,.5);
    margin-right: -3px;
}
/* for all columns not currently sorted */
.SortedHeader a:after {
    height: 10px;
    color: #fff !important;
    content: '\e84a' !important;
}
/* for when the column is sorted ASC (default) */
.SortedHeader a.desc:after {
    content: '\e84b' !important;
}
/* for when the column is sorted DESC */
table.standard th.left a:after {
    margin-left: 5px;
}

.SortedHeader a {
    padding: 5px 0;
}

.sponsordrop.sfHover:hover a.sf-with-ul {
    color: #333;
}

table.standard thead th[width="10"] {
    width: 0 !important;
    margin-right: -10px;
}

table.standard thead th.nonadj {
    background: #416681;
}
/* for first empty th cell not adjacent to selected sort th */
table.standard .SortedHeader {
    background: #66859a !important;
}

/* JSB cleanup */
.featured-image {
    margin: -20px -15px -25px;
    border-radius: 20px !important;
}

.module {
    overflow: hidden;
}

.container.content, .sidebar a {
    /* font-size: 13px; */
}

.bal-by-inv {
    margin-top: 70px !important;
}

#assettable {
    margin-top: -40px;
}

.videolink {
    display: inline-block;
}

.tab .responsive.tabEl.standard.noborder {
    margin: 20px;
    width: auto;
}

.tab-content.one {
    height: 500px;
}


/* to mimic buttons in PDF style guide */
aside nav a {
    color: #2b3e6a !important;
}
/* to mimic sidebar links in PDF style guide */
li.drop:hover > a {
    color: #08507B;
}
/* fix for main nav parent link recolor on hover */


/* confirm dialogs */
.ui-dialog-content {
    font-family: Arial,sans-serif;
    font-size: 12px;
}

    .ui-dialog-content .btn {
        font-size: 125%;
    }

    .ui-dialog-content h4 {
        font-size: 150%;
        color: #c60;
        color: rgba(204,102,0,.7);
        margin: 15px 0 20px;
        font-family: 'Lato',Arial,sans-serif;
    }

/* charts floated to the left of tables */
.chartContainer {
    height: 180px;
    float: left;
    width: 200px;
    position: absolute;
}

/* responsive tweaks IPAD */
@media screen and (max-width:800px) {

    .button-area #btnSubmitDividendReinv {
        margin-left: 10px;
    }

    .dividend-reinvestment {
        padding-bottom: 20px;
    }

    .respo_menu {
        /* right: -70%; */
    }

    .logo img {
        display: block;
        margin: 0 auto !important;
    }

    #admin-nav {
        float: none;
        text-align: center;
    }

        #admin-nav nav {
            float: none;
        }

    aside.sidebar.four.columns {
        min-height: 0 !important;
    }

    table.standard {
        scroll: auto;
        max-width: 100%;
    }
    /* wide data tables must auto scroll horz on devices to avoid browser scrollbars */
    .quicklinks h3 {
        margin: 0 0 20px;
        padding-bottom: 10px;
    }

    .balances .bal, .asofbalance {
        display: block;
    }

    .bal label {
        padding-left: 20px;
    }

    .balance {
        margin: 0;
    }

    table.standard {
        margin-left: 0 !important;
    }

    .chartContainer {
        position: relative;
        float: none;
        margin: 0 auto;
        width: 200px !important;
    }

    header, #Container {
        border-top: 0;
    }

    .top .container {
        max-width: 751px;
        max-width: 800px;
    }

    /* needed to fit banner logo AND avatar */
    #menu-main-menu > li > a {
        font-size: 15px;
        margin-top: 4px;
        margin-right: 12px;
    }
    /* reduce size of top level menu items to fit in header */
    nav.main table {
        margin: 0 !important;
        max-width: 90%;
    }
    /* reduce spacing on menu table to fit on screen */
}

@media screen and (width: 768px) {
    /* responsive tweaks for ipad view */
    .index .card-nav .orange-text.upper {
        font-size: 21px;
        line-height: 1;
        top: -4px !important;
        position: relative !important;
    }

    #accountbalancetable .top-cell.left .s-xreg {
        margin-right: 10px;
    }

    #accountbalancetable p .mid-text {
        font-size: 18px !important;
    }
}

.band.bottom {
    padding: 0 30px !important;
}

.container.content.index {
    max-width: 700px;
}

footer.band.bottom .container {
    max-width: 100%;
}



/* nav tabs */
.tabs-nav {
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0;
    width: 100%;
    float: left;
}

    .tabs-nav li {
        float: left;
        padding: 0;
        position: relative;
        margin-bottom: 12px;
        line-height: normal;
        white-space: nowrap;
    }

        .tabs-nav li.active a {
            background: linear-gradient(to bottom, #999fa3 0%, #bcc1c4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        }

        .tabs-nav li a {
            background: linear-gradient(to bottom, #5b93ba 0%, #4d7da0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
            border-radius: 3px 3px 0 0;
            color: rgba(255, 255, 255, 0.8);
            cursor: pointer;
            font-family: "Lato",arial,sans-serif;
            left: 0;
            margin-right: 2px;
            padding: 9px 15px;
            position: relative;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 700;
        }

            .tabs-nav li a:hover {
                border-radius: 3px 3px 0 0;
                color: rgba(255, 255, 255, 0.8);
                cursor: pointer;
                font-family: "Lato",arial,sans-serif;
                left: 0;
                margin-right: 2px;
                padding: 9px 15px;
                position: relative;
                text-transform: uppercase;
                background: linear-gradient(to bottom, #999fa3 0%, #bcc1c4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
                font-weight: 700;
            }

#plan_select_text {
    margin-left: 10px;
    margin-right: 0;
    width: 191px;
    cursor: default;
}


/* nav */
.current_page_item td, .current_page_item .sub_menu_right a {
    background: #fff !important;
}

.current_page_item .sub_menu_left a {
    background: #fff !important;
}

    .current_page_item .sub_menu_left a:hover {
        background: #fff !important;
    }


.drop:last-child ul {
    left: auto !important;
    right: 0;
}


header .container .eleven.columns {
    background: none !important;
}

/* fix 960 spacing */
.eleven.columns.navbar.clearfix {
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9999999 !important;
    position: relative !important;
    width: 50px;
    top: 5px;
}







header .styled-select {
    margin: -10px 0 0 10px;
}

/* mainly for "Feedback" button but can be applied to all "inactive" buttons if needed */
.btn.inactive {
    background: #e2e2e2;
    background: linear-gradient(to bottom,#ccc 0%,#aaa 100%) !important;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.9);
    border: 1px solid #c3c3c3 !important;
    text-transform: none;
    font-weight: normal !important;
    font-family: arial;
    padding: 3px 7px 4px !important;
    font-size: 95%;
}

.fb-expand {
    color: #555;
    margin-left: 3px;
    font-size: 90%;
}

.printicon {
    width: 20px;
    height: 20px;
    float: right;
}


.sidebar a, a.linkblue, footer a, #main-content a, .drop ul a, #main-content #closethegaptable a:hover {
    color: #185b8c;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
}

    .sidebar a:hover, a.linkblue:hover, footer a:hover, #main-content a:hover, .drop ul a:hover {
        /* color: #407390; */
        text-decoration: underline;
    }
/* removed important JSB 1-30-15 */
.btn a, #main-content .tabs-nav a {
    color: #fff !important;
}


#admin-nav, #admin-nav span, #admin-nav nav a {
    font-size: 14px;
    font-weight: normal !important;
    font-family: 'Lato';
}

.featured h3, .sidebar h3 {
    /* font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;  JSB font replace  */
}

#main-content th a, #main-content th a:hover {
    color: #fff !important;
    text-decoration: none;
}
/* fix for global hyperlink styling overriding table headers 
    header .top span, header .top a {
        color: #646464!important;
    }*/


#Container {
    background: url(../images/main-bg.jpg);
    padding: 0;
}

header, .headerback {
    background: #093048;
}

.container.content {
    background: #e4e4e4;
}

.logo img, h2.page-title {
    display: none;
}

header .bottom {
    background: rgba(44, 71, 90, 1);
}

.breadcrumbs .container {
    padding: 0 !important;
    min-height: 0;
}

#crumbs {
    /*line-height: 3;*/
    padding: 12px 0;
}

    #crumbs .current {
        color: #ffffff;
    }


/* background on main nav anchor submenus */
li.drop:hover > a, .sponsordrop.sfHover:hover, .sf-menu > li > a:hover {
    background: none; /* Old browsers */
    color: #fff !important;
    border-bottom: 5px solid #f26522 !important;
    padding-bottom: 0 !important;
}

.sf-menu ul {
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
}

.sf-with-ul ~ ul {
    margin: -5px 0 0 -11px !important;
}

.sub_menu_left, .sf-menu ul table, table.menu_two_column tr, table.menu_three_column tr, .sf-menu ul table td, .sub_menu_left li a, .current_page_item .sub_menu_left a, .sub_menu_left {
    background: transparent !important;
}

.sf-menu ul table {
    padding: 25px;
}

.container.content {
    margin: 45px auto 50px auto;
    border-radius: 5px;
    padding-top: 0;
    margin-top: 4rem !important;
}

footer, .copyright, .copyright a {
    background: #183c53 !important;
    color: #fff !important;
}

    footer a {
        color: #fff !important;
    }

h1.page-title, #main-content > h1 {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #f26522;
    color: white;
    font-family: "ProximaNova-Bold",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2px;
    padding: 7px 20px;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
    color: #fff;
}

    #main-content > h1:first-child {
        width: 960px;
        margin: 0 0 20px -10px;
    }

.top {
    width: 970px;
    margin: 0 auto;
}

    .top .container {
        width: 50%;
        float: right;
        position: relative;
        z-index: 9999;
    }

#admin-nav a {
    color: #a5adb3 !important;
}

#admin-nav span {
    color: #fff !important;
}

.pulldown-menus select, .pulldown-menus .selectedMenu {
    background: transparent;
    font-size: 12px;
    /*line-height: 1;*/
    border: 0;
    border: 1px solid #093048;
    border-radius: 0;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #8298a3;
    /* color: rgba(255,255,255,.5); */
    background: url(/images/drop-header.jpg) no-repeat right center;
    padding-right: 25px !important;
    font-family: 'ProximaNova-Regular',sans-serif;
    letter-spacing: 1px;
    margin: 0 0 0 15px;
    width: 318px;
    word-wrap: break-word;
}

.pulldown-menus .selectedMenu {
    font-size: 14px;
    margin: 0 0px 0px 18px;
    background: none;
    line-height: 1.3;
    /* width: 302px; */
}

#main-content h3 {
    color: #333;
    border: 0;
    line-height: 1.5;
    margin-bottom: 0;
}
/* 
        slide cards on home page 
    ************************************************/

.card-nav .leftnav, .card-nav .rightnav {
    position: absolute;
    top: 76px;
    background: white;
    padding: 20px 80px 20px 20px;
    height: 175px;
    width: 190px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 45px 80px;
    line-height: 1;
    text-decoration: none;
    z-index: 2;
    -webkit-box-shadow: 0 0 10px 0 black;
    -moz-box-shadow: 0 0 10px 0 black;
    box-shadow: 0 0 10px 0 black;
}

    .card-nav .leftnav:active, .card-nav .rightnav:active {
        background-color: #f8f8f8;
    }

.card-nav .leftnav {
    left: -10px;
    border-radius: 5px 0 0 5px;
    background-image: url("/images/home-nav-arrow.png");
    margin-left: 10px;
}

.card-nav .rightnav {
    right: -10px;
    border-radius: 0 5px 5px 0;
    background-image: url("/images/home-nav-arrow-right.png");
    margin-right: 10px;
    padding: 20px 20px 20px 80px;
    background-position: 105px 80px;
}

.card-nav .extension {
    background: gainsboro;
    background-repeat: no-repeat;
    background-position: center 160px;
    position: absolute;
    top: 251px;
    color: #444;
    padding: 50px 10px 0;
    height: 265px;
    z-index: 1;
    width: 120px;
}

    .card-nav .extension:after {
        content: " ";
        height: 100%;
        width: 20px;
        position: absolute;
        background: gainsboro;
        top: 0px;
    }

    .card-nav .extension span {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .card-nav .extension p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .card-nav .extension.left {
        left: 0px;
        border-radius: 0 0 0 5px;
    }

        .card-nav .extension.left:after {
            right: -20px;
        }

    .card-nav .extension.right {
        right: 0px;
        border-radius: 0 0 5px 0;
    }

        .card-nav .extension.right:after {
            left: -20px;
        }

    .card-nav .extension.investments-tab {
        background-image: url("/images/icon-chart-50-grey.png");
    }

    .card-nav .extension.plan-overview-tab {
        background-image: url("/images/icon-wallet-50-grey.png");
    }

    .card-nav .extension.goals-actions-tab {
        background-image: url("/images/goals-actions-icon.png");
    }

.container.content.index {
    background: none;
}

.cards {
    z-index: 3;
    position: relative;
    width: 726px;
    min-height: 735px;
    margin: 0 auto;
}

    .cards .card {
        width: 718px;
        border: 2px solid gainsboro;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px 0 #454545;
        -moz-box-shadow: 0 0 10px 0 #454545;
        box-shadow: 0 0 10px 0 #454545;
        margin: 0 auto 30px auto;
        min-height: 692px;
        background: white;
        z-index: 3;
        position: relative;
    }

.slide-content {
    padding: 0 20px;
}


/* slide nav animations */


.cards .card-slide {
    display: block;
    opacity: 0;
    position: absolute;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

    .cards .card-slide.active {
        opacity: 1;
        z-index: 1;
        -webkit-transition-delay: 0.75s;
        -moz-transition-delay: 0.75s;
        -o-transition-delay: 0.75s;
        transition-delay: 0.75s;
    }

@media screen and (min-width:1024px) {
    .cards .leftnav {
        -webkit-transition-property: left;
        -moz-transition-property: left;
        -o-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .cards .leftnav.hovered {
            left: -30px;
        }

    .cards .rightnav {
        -webkit-transition-property: right;
        -moz-transition-property: right;
        -o-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }

        .cards .rightnav.hovered {
            right: -30px;
        }

    .cards .card-nav .leftnav.anim-hide, .cards .card-nav .extension.left.anim-hide {
        margin-left: -120px;
        -webkit-animation: left-nav-hide .5s;
        -moz-animation: left-nav-hide .5s;
        -ms-animation: left-nav-hide .5s;
        -o-animation: left-nav-hide .5s;
        animation: left-nav-hide .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .card-nav .leftnav.anim-vis, .card-nav .extension.left.anim-vis {
        -webkit-animation: left-nav-vis .5s;
        -moz-animation: left-nav-vis .5s;
        -ms-animation: left-nav-vis .5s;
        -o-animation: left-nav-vis .5s;
        animation: left-nav-vis .5s;
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        -o-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .card-nav .rightnav.anim-hide, .card-nav .extension.right.anim-hide {
        margin-right: -120px;
        -webkit-animation: right-nav-hide .5s;
        -moz-animation: right-nav-hide .5s;
        -ms-animation: right-nav-hide .5s;
        -o-animation: right-nav-hide .5s;
        animation: right-nav-hide .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .card-nav .rightnav.anim-vis, .card-nav .extension.right.anim-vis {
        -webkit-animation: right-nav-vis .5s;
        -moz-animation: right-nav-vis .5s;
        -ms-animation: right-nav-vis .5s;
        -o-animation: right-nav-vis .5s;
        animation: right-nav-vis .5s;
        -webkit-animation-delay: 2s;
        -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
        -o-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}
/* Left Nav Animation - HIDE */
@keyframes left-nav-hide {
    0% {
        margin-left: -120px;
    }

    33% {
        margin-left: -130px;
    }

    99% {
        margin-left: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes left-nav-hide {
    0% {
        margin-left: -120px;
    }

    33% {
        margin-left: -130px;
    }

    99% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes left-nav-hide {
    0% {
        margin-left: -120px;
    }

    33% {
        margin-left: -130px;
    }

    99% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes left-nav-hide {
    0% {
        margin-left: -120px;
    }

    33% {
        margin-left: -130px;
    }

    99% {
        margin-left: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-o-keyframes left-nav-hide {
    0% {
        margin-left: -120px;
    }

    33% {
        margin-left: -130px;
    }

    99% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

/* Left Nav Animation - VISIBLE */
@keyframes left-nav-vis {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-left: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    66% {
        margin-left: -130px;
    }

    100% {
        margin-left: -120px;
    }
}

@-moz-keyframes left-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-left: -130px;
    }

    100% {
        margin-left: -120px;
    }
}

@-webkit-keyframes left-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-left: -130px;
    }

    100% {
        margin-left: -120px;
    }
}

@-ms-keyframes left-nav-vis {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-left: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    66% {
        margin-left: -130px;
    }

    100% {
        margin-left: -120px;
    }
}

@-o-keyframes left-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-left: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-left: -130px;
    }

    100% {
        margin-left: -120px;
    }
}

/* Right Nav Animation - HIDE */
@keyframes right-nav-hide {
    0% {
        margin-right: -120px;
    }

    33% {
        margin-right: -130px;
    }

    99% {
        margin-right: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes right-nav-hide {
    0% {
        margin-right: -120px;
    }

    33% {
        margin-right: -130px;
    }

    99% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes right-nav-hide {
    0% {
        margin-right: -120px;
    }

    33% {
        margin-right: -130px;
    }

    99% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-ms-keyframes right-nav-hide {
    0% {
        margin-right: -120px;
    }

    33% {
        margin-right: -130px;
    }

    99% {
        margin-right: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    100% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@-webkit-keyframes right-nav-hide {
    0% {
        margin-right: -120px;
    }

    33% {
        margin-right: -130px;
    }

    99% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    100% {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

/* Right Nav Animation - VISIBLE */
@keyframes right-nav-vis {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-right: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    66% {
        margin-right: -130px;
    }

    100% {
        margin-right: -120px;
    }
}

@-moz-keyframes right-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-right: -130px;
    }

    100% {
        margin-right: -120px;
    }
}

@-webkit-keyframes right-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-right: -130px;
    }

    100% {
        margin-right: -120px;
    }
}

@-ms-keyframes right-nav-vis {
    0% {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-right: 20px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

    66% {
        margin-right: -130px;
    }

    100% {
        margin-right: -120px;
    }
}

@-o-keyframes right-nav-vis {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    1% {
        margin-right: 20px;
        filter: alpha(opacity=1);
        opacity: 1;
    }

    66% {
        margin-right: -130px;
    }

    100% {
        margin-right: -120px;
    }
}





/* 
        Notifications Panel 
    ********************************/

header #alert {
    padding: 0 15px 10px;
}

header #alert-number {
    color: #54b948;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
}


#notify-container {
    position: relative;
    float: left;
    margin: 1px 20px 0 0;
}

    #notify-container .icon {
        background-image: url("../images/alert-bell.png");
        height: 30px;
        width: 30px;
    }

    #notify-container .notifier {
        /* background-image: url("../images/alert-circle.png"); */
        height: 26px;
        width: 26px;
        line-height: 1.9;
        font-size: 13px;
        color: #54b948;
        position: absolute;
        bottom: 15px;
        left: 22px;
        text-align: center;
        background: #9C3607;
        color: #fff !important;
        border: 1px solid;
        border-radius: 50%;
    }

        #notify-container .notifier a {
            color: #fff;
        }

    #notify-container #menu {
        display: none;
    }



#jPanelMenu-menu {
    overflow-y: auto !important;
    box-shadow: 0px 0px 20px white;
    background-color: #d8dee2;
}

    #jPanelMenu-menu a {
        text-decoration: none;
    }


    #jPanelMenu-menu .nav-heading {
        padding: 14px 20px;
        text-transform: uppercase;
        font-size: 24px;
        color: white;
        background-color: #3a586e;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    }

        #jPanelMenu-menu .nav-heading .alert-number {
            -webkit-border-radius: 13px;
            -moz-border-radius: 13px;
            -ms-border-radius: 13px;
            -o-border-radius: 13px;
            border-radius: 13px;
            height: 26px;
            width: 26px;
            display: inline-block;
            margin-left: 15px;
            border: 2px solid #cacdd0;
            background-color: white;
            color: #54b948;
            padding: 0 0 0 5px;
            font-family: 'ProximaNova-Bold', Arial, Helvetica, sans-serif;
            font-size: 18px;
            vertical-align: top;
            margin-top: 4px;
        }

    #jPanelMenu-menu .notify-item {
        background-color: white;
    }

    #jPanelMenu-menu .notify-item-head {
        padding: 8px 20px;
        background-color: #d8dee2;
        text-transform: uppercase;
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
        border-bottom: 2px dotted #cacdd0;
    }

        #jPanelMenu-menu .notify-item-head .caret {
            border: 10px solid #185b8c;
            width: 0px;
            height: 0px;
            display: inline-block;
            margin-bottom: 3px;
            margin-right: 13px;
            border-top: 0px solid;
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            vertical-align: none;
        }

    #jPanelMenu-menu .notify-list {
        margin: 0;
        padding: 10px 20px;
        background-color: white;
    }

    #jPanelMenu-menu .notify-date {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
        color: gray;
        text-transform: uppercase;
    }

    #jPanelMenu-menu .notify-msg {
        color: gray;
    }

    #jPanelMenu-menu .notify-seeall {
        padding: 0px 10px 5px;
    }

        #jPanelMenu-menu .notify-seeall a {
            color: #54b948;
            text-transform: uppercase;
        }

    #jPanelMenu-menu .actions-ul {
        background-color: #d8dee3;
    }

        #jPanelMenu-menu .actions-ul li {
            padding: 15px 20px;
            border-bottom: 2px dotted #cacdd0;
        }

            #jPanelMenu-menu .actions-ul li a:hover {
                text-decoration: none;
            }

            #jPanelMenu-menu .actions-ul li .action-arrow {
                float: right;
                margin: 30px 15px 30px 30px;
            }

                #jPanelMenu-menu .actions-ul li .action-arrow .fa {
                    font-size: 20px;
                    vertical-align: middle;
                }

            #jPanelMenu-menu .actions-ul li .action-head {
                text-transform: uppercase;
                color: #2c475a;
                margin-bottom: 10px;
                width: 85%;
            }

            #jPanelMenu-menu .actions-ul li .action-msg {
                color: gray;
                font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
                width: 75%;
            }

    #jPanelMenu-menu .actions-seeall {
        padding: 25px 20px;
    }

        #jPanelMenu-menu .actions-seeall .btn {
            padding: 10px;
        }

.t-center {
    text-align: center !important;
}

.height-fifty {
    height: 50px !important;
}

/* END OF SLIDER CONFIG CORE */

/* SLIDER CONTENT STYLES */

.page-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #f26522;
    color: white;
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3px;
    padding: 10px 20px;
    border-bottom: 1px solid white;
}

/* line 78, /app/source/stylesheets/core/_base.scss */
.tool-tip {
    vertical-align: text-bottom;
}

/* line 79, /app/source/stylesheets/core/_base.scss */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    /* line 83, /app/source/stylesheets/core/_base.scss */
    ul.bullets {
        list-style: disc;
        margin-left: 15px;
    }
    /* line 87, /app/source/stylesheets/core/_base.scss */
    ul.green-check-list {
        margin-left: 24px;
        list-style-image: url("/images/checkbox-green.png");
    }
        /* line 90, /app/source/stylesheets/core/_base.scss */
        ul.green-check-list li {
            margin-bottom: 0 !important;
        }
    /* line 95, /app/source/stylesheets/core/_base.scss */
    ul.alpha li {
        display: inline-block;
    }
        /* line 98, /app/source/stylesheets/core/_base.scss */
        ul.alpha li a.inactive {
            color: #e4e4e4;
        }

    /* line 105, /app/source/stylesheets/core/_base.scss */
    ul.bulleted {
        margin-left: 15px;
        list-style-type: disc;
    }
        /* line 108, /app/source/stylesheets/core/_base.scss */
        ul.bulleted li {
            margin-bottom: 0px !important;
        }

/* line 112, /app/source/stylesheets/core/_base.scss */
img {
    height: auto;
}
    /* line 114, /app/source/stylesheets/core/_base.scss */
    img.chart {
        width: 100%;
    }

/* line 116, /app/source/stylesheets/core/_base.scss */
a {
    color: #185b8c;
}

/* line 117, /app/source/stylesheets/core/_base.scss */
p {
    margin-bottom: 20px;
    font-size: 14px;
}
    /* line 120, /app/source/stylesheets/core/_base.scss */
    p:last-of-type {
        margin-bottom: 0;
    }

/* line 124, /app/source/stylesheets/core/_base.scss */
.fourth {
    width: 25%;
}

/* line 125, /app/source/stylesheets/core/_base.scss */
.half {
    width: 49%;
    margin-right: 2%;
}
    /* line 128, /app/source/stylesheets/core/_base.scss */
    .half.last {
        margin-right: 0;
    }
    /* line 131, /app/source/stylesheets/core/_base.scss */
    .half:nth-child(2n+2) {
        margin-right: 0;
    }

/* line 135, /app/source/stylesheets/core/_base.scss */
.thirds {
    margin-right: 1.5%;
    float: left;
    width: 32%;
    padding-bottom: 10px;
}

    /* line 139, /app/source/stylesheets/core/_base.scss */
    .thirds.separated {
        border-right: 2px solid gainsboro;
        position: relative;
        padding: 0 3%;
        width: 33%;
        margin: 0;
    }
        /* line 145, /app/source/stylesheets/core/_base.scss */
        .thirds.separated:after {
            content: "OR";
            position: absolute;
            right: -20px;
            top: calc(50% - 20px);
            background: white;
            z-index: 9;
            padding: 10px;
        }
    /* line 155, /app/source/stylesheets/core/_base.scss */
    .thirds.first {
        padding-left: 0;
    }
    /* line 156, /app/source/stylesheets/core/_base.scss */
    .thirds.last {
        margin-right: 0 !important;
        border-right: 0;
        padding-right: 0;
    }
        /* line 160, /app/source/stylesheets/core/_base.scss */
        .thirds.last:after {
            content: none;
        }
    /* line 164, /app/source/stylesheets/core/_base.scss */
    .thirds:last-child {
        margin-right: 0;
        border-right: 0;
    }

/* line 169, /app/source/stylesheets/core/_base.scss */
.three-fourths {
    width: 73%;
}

/* line 174, /app/source/stylesheets/core/_base.scss */
.img-width-full img {
    width: 100%;
    height: auto;
}

.img-width-reduced img {
    width: 100%;
    height: auto;
}


/* line 180, /app/source/stylesheets/core/_base.scss */
.twoCol-1 {
    width: 520px;
}

/* line 181, /app/source/stylesheets/core/_base.scss */
.twoCol-2 {
    width: 338px !important;
}

/* line 183, /app/source/stylesheets/core/_base.scss */
.green-check-label {
    width: 95%;
    margin-top: 3px;
}

/* line 188, /app/source/stylesheets/core/_base.scss */
.divider {
    width: 100%;
    height: 2px;
    background-color: gainsboro;
}

/* line 193, /app/source/stylesheets/core/_base.scss */
.divider-dotted {
    border-bottom: 2px dotted #ccc;
    margin: 30px 0;
}

.divider-solid {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    padding: 10px 0;
}

/* line 197, /app/source/stylesheets/core/_base.scss */
.switch-label {
    line-height: 34px;
}

/* line 199, /app/source/stylesheets/core/_base.scss */
.cancel-box {
    background-color: white;
    padding: 20px;
    width: 80%;
    margin: 0 auto 20px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* line 206, /app/source/stylesheets/core/_base.scss */
th {
    text-align: initial;
}

/* line 209, /app/source/stylesheets/core/_base.scss */
.gray-box {
    background-color: #f8f8f8 !important;
    padding: 20px;
}

/* line 213, /app/source/stylesheets/core/_base.scss */
.green-box {
    background-color: #dcf1da;
    padding: 20px;
}

/* line 218, /app/source/stylesheets/core/_base.scss */
.green-grad {
    background-image: -webkit-gradient(linear, 0% 60%, 100% 60%, color-stop(0%, #63c15a), color-stop(60%, #ffffff));
    background-image: -moz-linear-gradient(left, #63c15a, #ffffff);
    background-image: -o-linear-gradient(left, #63c15a, #ffffff);
    background-image: linear-gradient(left, #63c15a, #ffffff);
    -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
    -moz-box-shadow: 0 0 5px 0 #a0a0a0;
    box-shadow: 0 0 5px 0 #a0a0a0;
    height: 27px;
    display: table;
    width: 100%;
    margin-top: 5px;
}
    /* line 225, /app/source/stylesheets/core/_base.scss */
    .green-grad.conservative {
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #54b948), color-stop(10%, #ffffff));
        background-image: -webkit-linear-gradient(left, #54b948 0%, #ffffff 10%);
        background-image: -moz-linear-gradient(left, #54b948 0%, #ffffff 10%);
        background-image: -o-linear-gradient(left, #54b948 0%, #ffffff 10%);
        background-image: linear-gradient(left, #54b948 0%, #ffffff 10%);
    }
    /* line 226, /app/source/stylesheets/core/_base.scss */
    .green-grad.moderate {
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(45%, #54b948), color-stop(55.0%, #ffffff));
        background-image: -webkit-linear-gradient(left, #54b948 45%, #ffffff 55.0%);
        background-image: -moz-linear-gradient(left, #54b948 45%, #ffffff 55.0%);
        background-image: -o-linear-gradient(left, #54b948 45%, #ffffff 55.0%);
        background-image: linear-gradient(left, #54b948 45%, #ffffff 55.0%);
    }
    /* line 227, /app/source/stylesheets/core/_base.scss */
    .green-grad.aggressive {
        background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(90%, #54b948), color-stop(100%, #ffffff));
        background-image: -webkit-linear-gradient(left, #54b948 90%, #ffffff 100%);
        background-image: -moz-linear-gradient(left, #54b948 90%, #ffffff 100%);
        background-image: -o-linear-gradient(left, #54b948 90%, #ffffff 100%);
        background-image: linear-gradient(left, #54b948 90%, #ffffff 100%);
    }
    /* line 228, /app/source/stylesheets/core/_base.scss */
    .green-grad span {
        display: table-cell;
        width: 33%;
        vertical-align: middle;
    }

/* line 235, /app/source/stylesheets/core/_base.scss */
#chartLine1-container {
    clear: both;
    height: 200px;
    width: 100px;
}

/* line 241, /app/source/stylesheets/core/_base.scss */
.bordered {
    border: 2px solid gainsboro;
}

.thinbordered {
    border: 1px solid gainsboro;
}



/* line 243, /app/source/stylesheets/core/_base.scss */
.dis-table {
    display: table;
}

/* line 244, /app/source/stylesheets/core/_base.scss */
.dis-cell {
    display: table-cell;
}

/* line 245, /app/source/stylesheets/core/_base.scss */
.vert-mid {
    vertical-align: middle;
}

.vert-top {
    vertical-align: top;
}

/* line 247, /app/source/stylesheets/core/_base.scss */
.indent {
    text-indent: 24px;
}

/* line 249, /app/source/stylesheets/core/_base.scss */
em {
    font-style: italic;
}

/* line 251, /app/source/stylesheets/core/_base.scss */
.t-left {
    text-align: left !important;
}

/* line 252, /app/source/stylesheets/core/_base.scss */
.t-right {
    text-align: right !important;
}

/* line 253, /app/source/stylesheets/core/_base.scss */
.t-center {
    text-align: center;
}

.regular-text {
    color: #333333 !important;
}

/* line 255, /app/source/stylesheets/core/_base.scss */
.green-text {
    color: #2C6426 !important;
}

/* line 256, /app/source/stylesheets/core/_base.scss */
.orange-text {
    color: #f26522;
}

/* line 257, /app/source/stylesheets/core/_base.scss */
.navy-text {
    color: #496c80 !important;
}

/* line 258, /app/source/stylesheets/core/_base.scss */
.gray-text {
    color: gray;
}

/* line 259, /app/source/stylesheets/core/_base.scss */
.black-text {
    color: black !important;
}

/* line 260, /app/source/stylesheets/core/_base.scss */
.blue-text {
    color: #185b8c;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
}

.retirement-progress .blue-text {
    font-size: 14px !important;
}

/* line 261, /app/source/stylesheets/core/_base.scss */
.white-text {
    color: white;
}

/* line 263, /app/source/stylesheets/core/_base.scss */
.undeck {
    text-decoration: none !important;
}

/* line 265, /app/source/stylesheets/core/_base.scss */
.upper {
    text-transform: uppercase;
}

/* line 267, /app/source/stylesheets/core/_base.scss */
.left {
    float: left;
}

/* line 268, /app/source/stylesheets/core/_base.scss */
.right {
    float: right !important;
}

.floatnone {
    float: none !important;
}


.light {
    font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
    /* font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; JSB font replace */
}

/* line 270, /app/source/stylesheets/core/_base.scss */
strong {
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
}

/* line 271, /app/source/stylesheets/core/_base.scss */
.strong {
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif !important;
    /* font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; JSB font replace */
}

/* line 272, /app/source/stylesheets/core/_base.scss */
.semi {
    font-family: 'ProximaNova-Semibold', Arial, Helvetica, sans-serif !important;
}

.green-check-list .semi {
    font-size: 14px;
}

.s-vsm {
    font-size: 11px !important;
}

/* line 274, /app/source/stylesheets/core/_base.scss */
.s-sm {
    font-size: 12px !important;
}

/* line 275, /app/source/stylesheets/core/_base.scss */
.s-reg {
    font-size: 14px;
}

.s-ssm {
    font-size: 14px;
}

/* line 276, /app/source/stylesheets/core/_base.scss */
.s-xreg {
    font-size: 16px !important; /* JSB 3-17-15 added !imp */
}

/* line 277, /app/source/stylesheets/core/_base.scss */
.s-xxreg {
    font-size: 18px !important;
}

/* line 278, /app/source/stylesheets/core/_base.scss */
.s-smed {
    font-size: 20px !important;
}

.s-ssmed {
    font-size: 21px !important;
}


/* line 279, /app/source/stylesheets/core/_base.scss */
.s-med {
    font-size: 22px !important;
}

/* line 280, /app/source/stylesheets/core/_base.scss */
.s-xmed {
    font-size: 24px !important;
    line-height: 1;
}

/* line 281, /app/source/stylesheets/core/_base.scss */
.s-lgl {
    font-size: 28px !important;
}

.s-lg {
    font-size: 30px !important;
}

.s-lgm {
    font-size: 32px !important;
}

.s-lgs {
    font-size: 26px !important;
}

/* line 282, /app/source/stylesheets/core/_base.scss */
.s-xl {
    font-size: 36px !important;
}

/* line 283, /app/source/stylesheets/core/_base.scss */
.s-xxl {
    font-size: 48px !important;
}

/* line 285, /app/source/stylesheets/core/_base.scss */
.no-mar {
    margin-bottom: 0 !important;
}

/* line 286, /app/source/stylesheets/core/_base.scss */
.no-pad {
    padding: 0 !important;
}

/* line 287, /app/source/stylesheets/core/_base.scss */
.no-shade {
    -webkit-box-shadow: 0 0 !important;
    -moz-box-shadow: 0 0 !important;
    box-shadow: 0 0 !important;
}

/* line 293, /app/source/stylesheets/core/_base.scss */
.all-mar-ten {
    margin: 10px;
}

.all-pad-ten {
    padding: 10px !important;
}

/* line 294, /app/source/stylesheets/core/_base.scss */
.all-pad-fifteen {
    padding: 15px;
}

/* line 295, /app/source/stylesheets/core/_base.scss */
.all-pad-twenty {
    padding: 20px;
}

/* line 296, /app/source/stylesheets/core/_base.scss */
.all-pad-thirty {
    padding: 30px;
}

/* line 297, /app/source/stylesheets/core/_base.scss */
.all-pad-forty {
    padding: 40px;
}

.no-mar-bottom {
    margin-bottom: 0px !important;
}

.no-mar-right {
    margin-right: 0px !important;
}

.no-mar-left {
    margin-left: 0px !important;
}
/* line 299, /app/source/stylesheets/core/_base.scss */
.mar-five {
    margin-bottom: 5px !important;
}

/* line 300, /app/source/stylesheets/core/_base.scss */
.mar-ten {
    margin-bottom: 10px !important;
}

/* line 301, /app/source/stylesheets/core/_base.scss */
.mar-twenty {
    margin-bottom: 20px !important;
}

/* line 302, /app/source/stylesheets/core/_base.scss */
.mar-thirty {
    margin-bottom: 30px !important;
}

/* line 303, /app/source/stylesheets/core/_base.scss */
.mar-forty {
    margin-bottom: 40px !important;
}

/* line 305, /app/source/stylesheets/core/_base.scss */
.pad-five {
    padding-bottom: 5px !important;
}

/* line 306, /app/source/stylesheets/core/_base.scss */
.pad-ten {
    padding-bottom: 10px !important;
}

/* line 307, /app/source/stylesheets/core/_base.scss */
.pad-twenty {
    padding-bottom: 20px !important;
}

/* line 308, /app/source/stylesheets/core/_base.scss */
.pad-thirty {
    padding-bottom: 30px !important;
}

/* line 309, /app/source/stylesheets/core/_base.scss */
.pad-forty {
    padding-bottom: 40px !important;
}

.pad-bottom-zero {
    padding-bottom: 0px !important;
}

.pad-21 {
    padding-bottom: 21px !important;
}

.pad-twelve {
    padding-left: 12px;
}


/* line 311, /app/source/stylesheets/core/_base.scss */
.no-mar-top {
    margin-top: 0 !important;
}

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

/* line 312, /app/source/stylesheets/core/_base.scss */
.mar-five-top {
    margin-top: 5px !important;
}

/* line 313, /app/source/stylesheets/core/_base.scss */
.mar-ten-top {
    margin-top: 10px !important;
}

.mar-ten-italic {
    font-style: italic;
    font-size: 12pt;
}

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

.mar-three-top-neg {
    margin-top: -3px !important;
}
/* line 314, /app/source/stylesheets/core/_base.scss */
.mar-twenty-top {
    margin-top: 20px !important;
}

.mar-twentyfive-top {
    margin-top: 25px !important;
}

/* line 315, /app/source/stylesheets/core/_base.scss */
.mar-thirty-top {
    margin-top: 30px !important;
}

/* line 316, /app/source/stylesheets/core/_base.scss */
.mar-forty-top {
    margin-top: 40px !important;
}

/* line 318, /app/source/stylesheets/core/_base.scss */
.pad-zero-top {
    padding-top: 0px !important;
}

/* line 318, /app/source/stylesheets/core/_base.scss */
.pad-five-top {
    padding-top: 5px !important;
}

/* line 319, /app/source/stylesheets/core/_base.scss */
.pad-ten-top {
    padding-top: 10px !important;
}

/* line 320, /app/source/stylesheets/core/_base.scss */
.pad-twenty-top {
    padding-top: 20px !important;
}

/* line 321, /app/source/stylesheets/core/_base.scss */
.pad-thirty-top {
    padding-top: 30px !important;
}

/* line 322, /app/source/stylesheets/core/_base.scss */
.pad-forty-top {
    padding-top: 40px !important;
}

.pad-fifty-top {
    padding-top: 50px !important;
}

.pad-twenty-three-top {
    padding-top: 23px !important;
}

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

.mar-left-zero {
    margin-left: 0px !important;
}

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

/* line 325, /app/source/stylesheets/core/_base.scss */
.mar-left-five {
    margin-left: 5px !important;
}

/* line 326, /app/source/stylesheets/core/_base.scss */
.mar-left-ten {
    margin-left: 10px !important;
}

/* line 327, /app/source/stylesheets/core/_base.scss */
.mar-left-twenty {
    margin-left: 20px !important;
}

.mar-left-twentyfive {
    margin-left: 25px !important;
}

/* line 328, /app/source/stylesheets/core/_base.scss */
.mar-left-thirty {
    margin-left: 30px !important;
}

/* line 329, /app/source/stylesheets/core/_base.scss */
.mar-left-forty {
    margin-left: 40px !important;
}

.mar-left-fifty {
    margin-left: 50px !important;
}

.mar-left-sixty {
    margin-left: 60px !important;
}

.mar-left-seventy {
    margin-left: 70px !important;
}

.mar-left-ninety {
    margin-left: 90px !important;
}

.mar-left-onetwenty {
    margin-left: 120px !important;
}


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

.mar-hundred-top {
    margin-top: 100px !important;
}

/* line 331, /app/source/stylesheets/core/_base.scss */
.pad-left-zero {
    padding-left: 0px !important;
}

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

/* line 332, /app/source/stylesheets/core/_base.scss */
.pad-left-ten {
    padding-left: 10px !important;
}

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

.pad-left-fifteen {
    padding-left: 15px !important;
}
/* line 333, /app/source/stylesheets/core/_base.scss */
.pad-left-twenty {
    padding-left: 20px !important;
}

/* line 334, /app/source/stylesheets/core/_base.scss */
.pad-left-thirty {
    padding-left: 30px !important;
}

/* line 335, /app/source/stylesheets/core/_base.scss */
.pad-left-forty {
    padding-left: 40px !important;
}

/* line 336, /app/source/stylesheets/core/_base.scss */
.pad-left-fortyfive {
    padding-left: 45px !important;
}

.pad-left-fifty {
    padding-left: 50px !important;
}

.pad-left-Ninety {
    padding-left: 90px !important;
}

.mar-right-two {
    margin-right: 2px !important;
}
/* line 338, /app/source/stylesheets/core/_base.scss */
.mar-right-five {
    margin-right: 5px !important;
}

/* line 339, /app/source/stylesheets/core/_base.scss */
.mar-right-ten {
    margin-right: 10px !important;
}

/* line 340, /app/source/stylesheets/core/_base.scss */
.mar-right-twenty {
    margin-right: 20px !important;
}

/* line 341, /app/source/stylesheets/core/_base.scss */
.mar-right-thirty {
    margin-right: 30px !important;
}

/* line 342, /app/source/stylesheets/core/_base.scss */
.mar-right-forty {
    margin-right: 40px !important;
}

.pad-right-zero {
    padding-right: 0px !important;
}

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

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

/* line 344, /app/source/stylesheets/core/_base.scss */
.pad-right-five {
    padding-right: 5px !important;
}

/* line 345, /app/source/stylesheets/core/_base.scss */
.pad-right-ten {
    padding-right: 10px !important;
}

.noPadRgt {
    padding-right: 0px !important;
}

/* line 346, /app/source/stylesheets/core/_base.scss */
.pad-right-twenty {
    padding-right: 20px !important;
}

/* line 347, /app/source/stylesheets/core/_base.scss */
.pad-right-thirty {
    padding-right: 30px !important;
}

.pad-right-thirtyfive {
    padding-right: 35px !important;
}

/* line 348, /app/source/stylesheets/core/_base.scss */
.pad-right-forty {
    padding-right: 40px !important;
}

.pad-right-fifty {
    padding-right: 50px !important;
}

/* line 350, /app/source/stylesheets/core/_base.scss */
.neg-mar-ten {
    margin-bottom: -10px !important;
}

/* line 351, /app/source/stylesheets/core/_base.scss */
.neg-mar-twenty {
    margin-bottom: -20px !important;
}

/* line 352, /app/source/stylesheets/core/_base.scss */
.neg-mar-thirty {
    margin-bottom: -30px !important;
}

/* line 353, /app/source/stylesheets/core/_base.scss */
.neg-mar-thirtyfive {
    margin-bottom: -35px !important;
}

/* line 354, /app/source/stylesheets/core/_base.scss */
.neg-mar-forty {
    margin-bottom: -40px !important;
}

/* line 355, /app/source/stylesheets/core/_base.scss */
.neg-mar-five-top {
    margin-top: -5px !important;
}

/* line 356, /app/source/stylesheets/core/_base.scss */
.neg-mar-ten-top {
    margin-top: -10px !important;
}

/* line 357, /app/source/stylesheets/core/_base.scss */
.neg-mar-twenty-top {
    margin-top: -20px !important;
}

/* line 358, /app/source/stylesheets/core/_base.scss */
.neg-mar-thirty-top {
    margin-top: -30px !important;
}

/* line 359, /app/source/stylesheets/core/_base.scss */
.neg-mar-forty-top {
    margin-top: -40px !important;
}

/* line 360, /app/source/stylesheets/core/_base.scss */
.neg-mar-fortyfive-top {
    margin-top: -45px !important;
}

/* line 362, /app/source/stylesheets/core/_base.scss */
.neg-mar-left-ten {
    margin-left: -10px !important;
}

/* line 363, /app/source/stylesheets/core/_base.scss */
.neg-mar-left-twenty {
    margin-left: -20px !important;
}

/* line 364, /app/source/stylesheets/core/_base.scss */
.neg-mar-left-thirty {
    margin-left: -30px !important;
}

/* line 365, /app/source/stylesheets/core/_base.scss */
.neg-mar-left-forty {
    margin-left: -40px !important;
}

/* line 366, /app/source/stylesheets/core/_base.scss */
.neg-mar-right-ten {
    margin-right: -10px !important;
}

/* line 367, /app/source/stylesheets/core/_base.scss */
.neg-mar-right-twenty {
    margin-right: -20px !important;
}

/* line 368, /app/source/stylesheets/core/_base.scss */
.neg-mar-right-thirty {
    margin-right: -30px !important;
}

/* line 369, /app/source/stylesheets/core/_base.scss */
.neg-mar-right-forty {
    margin-right: -40px !important;
}

/* line 371, /app/source/stylesheets/core/_base.scss */
.width-ten {
    width: 10%;
}

.width-eleven {
    width: 11%;
}

/* line 372, /app/source/stylesheets/core/_base.scss */
.width-fifteen {
    width: 15% !important;
}

/* line 373, /app/source/stylesheets/core/_base.scss */
.width-twenty {
    width: 20%;
}

.width-twenty-imp {
    width: 20% !important;
}


/* line 374, /app/source/stylesheets/core/_base.scss */
.width-twentyfive {
    width: 25% !important;
}

.width-twentyeight {
    width: 28%;
}

.width-twentynine {
    width: 29%;
}

/* line 375, /app/source/stylesheets/core/_base.scss */
.width-thirty {
    width: 30% !important;
}

/* line 376, /app/source/stylesheets/core/_base.scss */
.width-thirtyfive {
    width: 35% !important;
}

.width-thirtyseven {
    width: 37% !important;
}

.width-thirtyEight {
    width: 38% !important;
}

.width-hundredtwo {
    width: 102%;
}

/* line 377, /app/source/stylesheets/core/_base.scss */
.width-forty {
    width: 40% !important;
}

/* line 378, /app/source/stylesheets/core/_base.scss */
.width-fortyfive {
    width: 45%;
}

/* line 379, /app/source/stylesheets/core/_base.scss */
.width-fifty {
    width: 50% !important;
}

.width-fiftyfive {
    width: 55%;
}
/* line 380, /app/source/stylesheets/core/_base.scss */
.width-sixty {
    width: 60%;
}

.width-sixtyfive {
    width: 65%;
}

/* line 381, /app/source/stylesheets/core/_base.scss */
.width-seventy {
    width: 70% !important;
}

/* line 382, /app/source/stylesheets/core/_base.scss */
.width-seventyfive {
    width: 75%;
}

/* line 383, /app/source/stylesheets/core/_base.scss */
.width-eighty {
    width: 80% !important;
}

.width-eightyfive {
    width: 85% !important;
}

/* line 384, /app/source/stylesheets/core/_base.scss */
.width-ninety {
    width: 90%;
}

.width-ninety-five {
    width: 95%;
}

.width-ninety-six {
    width: 96%;
}
/* line 385, /app/source/stylesheets/core/_base.scss */
.width-hundred {
    width: 100% !important;
}

    .width-hundred:after {
        content: '';
        display: table;
        clear: both;
    }

.width-thirteen {
    width: 13%;
}

.width-twenty-px {
    width: 20px;
}

.width-forty-px {
    width: 40px !important;
}

.width-fifty-px {
    width: 50px !important;
}

.width-seventy-px {
    width: 70px !important;
}

.width-eighty-px {
    width: 80px !important;
}

.width-ninty-px {
    width: 90px !important;
}

.width-onetwenty-px {
    width: 120px !important;
}

.width-two-hundred-px {
    width: 200px !important;
}

.width-onefifty-px {
    width: 150px !important;
}

.width-two-hundred-ten-px {
    width: 210px !important;
}

.width-two-hundred-fifteen-px {
    width: 215px !important;
}

.width-three-hundred-fifty-px {
    width: 350px !important;
}

.width-three-hundred-eighty-px {
    width: 380px !important;
}

.width-three-hundred-twenty-px {
    width: 320px !important;
}

.width-four-hundred-px {
    width: 400px !important;
}

.width-one-hundred-seventy-px {
    width: 170px !important;
}

.width-one-hundred-seventy-five-px {
    width: 175px !important;
}

.width-one-hundred-fifteen-px {
    width: 115px !important;
}

.width-one-hundred-sixty-two-px {
    width: 162px !important;
}

.width-fourty-three-px {
    width: 43px !important;
}

/* line 387, /app/source/stylesheets/core/_base.scss */
.pos-rel {
    position: relative;
    z-index: 1;
}

/* line 389, /app/source/stylesheets/core/_base.scss */
.no-margin {
    margin: 0 !important;
}

.auto-margin {
    margin: 0 auto;
}

/* line 390, /app/source/stylesheets/core/_base.scss */
.pad-all-twenty {
    padding: 20px !important;
}

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

.top-neg-thirty {
    top: -30px !important;
}


.left-five-ten {
    left: -5px !important;
}

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

.left-neg-ten {
    left: -10px !important;
}

.left-neg-fifteen {
    left: -15px !important;
}

.left-neg-twenty {
    left: -20px !important;
}

.left-760px {
    left: 760px !important;
}

/* line 392, /app/source/stylesheets/core/_base.scss */
.vert-center {
    line-height: 300px;
}
    /* line 394, /app/source/stylesheets/core/_base.scss */
    .vert-center img {
        vertical-align: center;
    }
    /* line 397, /app/source/stylesheets/core/_base.scss */
    .vert-center .gray-box {
        line-height: 40px;
    }



/* line 4, /app/source/stylesheets/core/_home-cards.scss */
.cards #main-content .wrap {
    width: 718px;
}
/* line 8, /app/source/stylesheets/core/_home-cards.scss */
.cards #container {
    background-color: transparent;
    position: relative;
}
/* line 11, /app/source/stylesheets/core/_home-cards.scss */
.cards {
    /*z-index: -3;*/ /* THIS MAKES THE CARD SLIDER DISAPPEAR */
    z-index: 0;
    position: relative;
}
    /* line 14, /app/source/stylesheets/core/_home-cards.scss */
    .cards .card {
        width: 718px;
        border: 2px solid gainsboro;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px 0 #454545;
        -moz-box-shadow: 0 0 10px 0 #454545;
        box-shadow: 0 0 10px 0 #454545;
        margin: 0 auto 30px auto;
        min-height: 692px;
        background: white;
        z-index: 3;
        position: relative;
    }
        /* line 24, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .card-head {
            border-bottom: 1px solid gainsboro;
        }
            /* line 26, /app/source/stylesheets/core/_home-cards.scss */
            .cards .card .card-head a {
                border-left: 1px solid gainsboro;
                padding-bottom: 15px;
            }
            /* line 30, /app/source/stylesheets/core/_home-cards.scss */
            .cards .card .card-head img {
                vertical-align: bottom;
            }
        /* line 34, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card #content {
            padding: 0px 20px 30px;
            margin-top: -10px;
        }
        /* line 38, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .top-half > .left, .cards .card .top-half > .right, .cards .card .bottom-half > .left, .cards .card .bottom-half > .right {
            width: 321px;
        }
        /* line 43, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .retirement-progress > .left {
            width: 128px;
        }
        /* line 47, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .retirement-progress > .right {
            width: 180px;
        }
        /* line 50, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .retirement-progress .chart {
            width: 100%;
            height: auto;
        }
        /* line 55, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .divider-dotted {
            margin: 10px 0;
        }
        /* line 56, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .divider {
            margin: 10px 0;
        }
        /* line 57, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card .noUi-horizontal {
            margin: 30px 0 60px;
        }
        /* line 60, /app/source/stylesheets/core/_home-cards.scss */
        .cards .card table {
            /* -webkit-box-shadow: 0 0 5px 0 #a0a0a0; */
            -moz-box-shadow: 0 0 5px 0 #a0a0a0;
            /* box-shadow: 0 0 5px 0 #a0a0a0; */
        }
            /* line 63, /app/source/stylesheets/core/_home-cards.scss */
            .cards .card table tr th, .cards .card table tr td {
                border: 1px solid gainsboro;
            }

#closethegaptable th {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
    font-size: 16px;
}

#closethegaptable td {
    border-top: 0;
}

#accountbalancetable .lefttd, #closethegaptable .lefttd {
    border-right: 0;
}
/* line 65, /app/source/stylesheets/core/_home-cards.scss */
.cards .card table tr th .mid-text, .cards .card table tr td .mid-text {
    position: relative;
    top: -3px;
}
/* line 69, /app/source/stylesheets/core/_home-cards.scss */
.cards .card table tr th th, .cards .card table tr th td, .cards .card table tr td th, .cards .card table tr td td {
    border: none;
}
/* line 73, /app/source/stylesheets/core/_home-cards.scss */
.cards .card table tr th {
    padding: 5px 20px;
    background-color: #f8f8f8;
}
/* line 77, /app/source/stylesheets/core/_home-cards.scss */
.cards .card table tr td {
    padding: 7px 20px;
}
/* line 80, /app/source/stylesheets/core/_home-cards.scss */
.cards .card table .top-cell.left {
    width: 360px;
}
/* line 85, /app/source/stylesheets/core/_home-cards.scss */
.cards .card .bordered {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 2px solid gainsboro;
}
    /* line 90, /app/source/stylesheets/core/_home-cards.scss */
    .cards .card .bordered a {
        border-left: 2px solid gainsboro;
        padding-bottom: 15px;
    }
/* line 95, /app/source/stylesheets/core/_home-cards.scss */
.cards .card .stacked {
    width: 35px;
    text-align: center;
}

/* line 2, /app/source/stylesheets/pages/_investments.scss */
.investments p.s-xreg.navy-text.semi:last-of-type {
    margin-bottom: 20px;
}
/* line 5, /app/source/stylesheets/pages/_investments.scss */
.investments .docs {
    float: right;
    width: 440px;
    border: 2px solid gainsboro;
    margin-left: 25px;
    padding: 17px;
    /* margin-bottom: 25px; */
}
    /* line 12, /app/source/stylesheets/pages/_investments.scss */
    .investments .docs h3 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }
    /* line 18, /app/source/stylesheets/pages/_investments.scss */
    .investments .docs ul {
        margin: 0;
        padding: 0;
        clear: both;
        margin-top: 20px;
    }
        /* line 23, /app/source/stylesheets/pages/_investments.scss */
        .investments .docs ul li {
            margin: 0;
            padding: 0 0 0 10px;
            margin-bottom: 10px;
            width: 50%;
            float: right;
        }
            /* line 29, /app/source/stylesheets/pages/_investments.scss */
            .investments .docs ul li p {
                margin-bottom: 0px;
            }
            /* line 30, /app/source/stylesheets/pages/_investments.scss */
            .investments .docs ul li a {
                font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
            }
            /* line 31, /app/source/stylesheets/pages/_investments.scss */
            .investments .docs ul li .doc-type {
                display: none;
            }
            /* line 32, /app/source/stylesheets/pages/_investments.scss */
            .investments .docs ul li:before {
                content: " ";
                height: 27px;
                width: 25px;
                background: url(/images/pdf-medium.png) no-repeat;
                background-size: contain;
                display: block;
                float: left;
                margin-right: 10px;
            }
            /* line 43, /app/source/stylesheets/pages/_investments.scss */
            .investments .docs ul li.largePDF {
                float: left;
                width: 50%;
                height: 100px;
                padding: 0 10px 0 0;
            }
                /* line 48, /app/source/stylesheets/pages/_investments.scss */
                .investments .docs ul li.largePDF .doc-type {
                    display: block;
                }
                /* line 49, /app/source/stylesheets/pages/_investments.scss */
                .investments .docs ul li.largePDF:before {
                    height: 59px;
                    width: 56px;
                    margin-right: 15px;
                }
/* line 58, /app/source/stylesheets/pages/_investments.scss */
.investments .browsefunds-tabs {
    display: inline-block;
    margin-left: 23px;
}
    /* line 61, /app/source/stylesheets/pages/_investments.scss */
    .investments .browsefunds-tabs a {
        display: inline-block;
        padding: 10px 15px;
        font-size: 14px;
        font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
        border: 1px solid gainsboro;
        background-color: white;
        color: #185b8c;
        margin: 0px -7px -13px 0;
    }
        /* line 70, /app/source/stylesheets/pages/_investments.scss */
        .investments .browsefunds-tabs a:hover {
            text-decoration: none;
        }
        /* line 73, /app/source/stylesheets/pages/_investments.scss */
        .investments .browsefunds-tabs a.active {
            color: white;
            background-color: #185B8C;
        }
        /* line 77, /app/source/stylesheets/pages/_investments.scss */
        .investments .browsefunds-tabs a:first-child {
            -webkit-border-radius: 7px 0px 0px 7px;
            -moz-border-radius: 7px 0px 0px 7px;
            -ms-border-radius: 7px 0px 0px 7px;
            -o-border-radius: 7px 0px 0px 7px;
            border-radius: 7px 0px 0px 7px;
        }
        /* line 80, /app/source/stylesheets/pages/_investments.scss */
        .investments .browsefunds-tabs a:last-child {
            -webkit-border-radius: 0px 7px 7px 0px;
            -moz-border-radius: 0px 7px 7px 0px;
            -ms-border-radius: 0px 7px 7px 0px;
            -o-border-radius: 0px 7px 7px 0px;
            border-radius: 0px 7px 7px 0px;
        }
/* line 85, /app/source/stylesheets/pages/_investments.scss */
.investments #my-filters {
    margin-top: -4px;
    vertical-align: top;
}
/* line 89, /app/source/stylesheets/pages/_investments.scss */
.investments #cards-tables {
    float: right;
    margin-top: -4px;
}
    /* line 92, /app/source/stylesheets/pages/_investments.scss */
    .investments #cards-tables .view-as {
        font-size: 14px;
    }
/* line 96, /app/source/stylesheets/pages/_investments.scss */
.investments .filter-container {
    border: 1px solid gainsboro;
    padding: 20px;
    background-color: #f8f8f8;
    margin-bottom: 30px;
}
    /* line 101, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container p {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
        margin-top: 10px;
    }
    /* line 105, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container .center {
        width: 80%;
        text-align: center;
        display: inline-block;
    }
    /* line 110, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container .profile-slider-disclaimer {
        margin-bottom: -25px;
    }
        /* line 112, /app/source/stylesheets/pages/_investments.scss */
        .investments .filter-container .profile-slider-disclaimer p {
            font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
            font-style: italic;
            color: #595959;
            margin: 0 0 -5px 0;
        }
/* line 119, /app/source/stylesheets/pages/_investments.scss */
.investments #profile-slider {
    width: 100%;
    position: relative;
    margin: 0;
}
    /* line 123, /app/source/stylesheets/pages/_investments.scss */
    .investments #profile-slider:after {
        content: 'Drag one or both sliders to adjust your risk/return range';
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
        color: gray;
        width: 100%;
        text-align: center;
        margin: -19px auto 0;
        display: block;
        background-color: white;
    }
    /* line 134, /app/source/stylesheets/pages/_investments.scss */
    .investments #profile-slider .noUi-base, .investments #profile-slider .noUi-origin {
        background-color: transparent;
    }

.investments #create-profile-slider {
    width: 100%;
    position: relative;
    margin: 0;
}
    /* line 123, /app/source/stylesheets/pages/_investments.scss */
    .investments #create-profile-slider:after {
        content: 'Drag one or both sliders to adjust your risk/return range';
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
        color: gray;
        width: 100%;
        text-align: center;
        margin: -19px auto 0;
        display: block;
        background-color: white;
    }
    /* line 134, /app/source/stylesheets/pages/_investments.scss */
    .investments #create-profile-slider .noUi-base, .investments #create-profile-slider .noUi-origin {
        background-color: transparent;
    }

/* line 139, /app/source/stylesheets/pages/_investments.scss */
.filter-type-list .filter-type {
    padding: 10px 15px;
    background-color: #e4e4e4;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    color: black;
}
    /* line 144, /app/source/stylesheets/pages/_investments.scss */
    .filter-type-list .filter-type.active {
        color: white !important;
        background-color: #99360F;
    }
    /* line 148, /app/source/stylesheets/pages/_investments.scss */
    .filter-type-list .filter-type:hover {
        text-decoration: none;
    }
/* line 150, /app/source/stylesheets/pages/_investments.scss */
.filter-type-list .filter-all {
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
    cursor: pointer;
}
/* line 155, /app/source/stylesheets/pages/_investments.scss */
.investments .date-selector {
    display: inline;
    margin-right: 20px;
}
    /* line 158, /app/source/stylesheets/pages/_investments.scss */
    .investments .date-selector input {
        width: 100px;
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
    }

.date-selector label {
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
}
/* line 162, /app/source/stylesheets/pages/_investments.scss */
.investments .date-selector .btn {
    padding: 8px 19px;
}
/* line 163, /app/source/stylesheets/pages/_investments.scss */
.investments .date-selector img {
    width: auto !important;
}
/* line 165, /app/source/stylesheets/pages/_investments.scss */
.investments .table {
    margin-bottom: 0px;
    margin-top: 10px;
}
    /* line 168, /app/source/stylesheets/pages/_investments.scss */
    .investments .table a {
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }

        .investments .table a.regular-text, .fontfamilyproximaregular {
            font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif !important;
        }
/* line 172, /app/source/stylesheets/pages/_investments.scss */
.investments #invest-cards-container, .investments #invest-table-container {
    display: none;
}
/* line 175, /app/source/stylesheets/pages/_investments.scss */
.investments .visible {
    display: block !important;
}
/* line 177, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table .scrollable-table {
    width: calc(100% - 449px);
    overflow-x: scroll;
    overflow-y: visible;
    margin-left: 442px;
    border-right: 2px solid gainsboro;
}
/* line 184, /app/source/stylesheets/pages/_investments.scss */

/* line 186, /app/source/stylesheets/pages/_investments.scss */

/* line 188, /app/source/stylesheets/pages/_investments.scss */

/* line 192, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table td {
    height: 64px;
}
    /* line 194, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table td.no-scroll {
        margin-bottom: 10px;
        border-top: medium none;
    }
/* line 198, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table th {
    color: white;
    background-color: #39586c;
}
    /* line 201, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table th.no-scroll {
        background-color: #2c475a;
        padding-bottom: 9px;
        margin-top: -2px;
        height: 60px;
    }
/* line 208, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table .no-scroll {
    position: absolute;
    background-color: white;
    border: 2px solid gainsboro;
}
    /* line 212, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:first-child {
        width: 215px;
        margin-left: -442px;
    }
    /* line 216, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:nth-child(2n) {
        width: 78px;
        margin-left: -244px;
    }
    /* line 220, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:nth-child(3n) {
        width: 171px;
        margin-left: -168px;
    }
/* line 226, /app/source/stylesheets/pages/_investments.scss */
.investments #invest-cards-container {
    position: relative;
    min-height: 830px;
    z-index: 1;
}
    /* line 230, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:before, .investments #invest-cards-container:after {
        content: " ";
        height: 707px;
        width: 44px;
        position: absolute;
        top: 78px;
    }
    /* line 237, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:before {
        left: 0px;
        background-image: url(/images/slidecards-leftbg.jpg);
    }
    /* line 241, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:after {
        right: 0px;
        background-image: url(/images/slidecards-rightbg.jpg);
        z-index: -1;
    }
    /* line 246, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container .investment-cards {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        -moz-transition-property: opacity, visibility;
        -o-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
        /* line 252, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards .invest-single-card {
            z-index: 0;
        }
        /* line 255, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards.vis-card {
            opacity: 1;
            visibility: visible;
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }
            /* line 259, /app/source/stylesheets/pages/_investments.scss */
            .investments #invest-cards-container .investment-cards.vis-card .invest-single-card {
                z-index: 10;
            }
        /* line 263, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards .invest-single-card {
            -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
            -moz-box-shadow: 0 0 5px 0 #a0a0a0;
            box-shadow: 0 0 5px 0 #a0a0a0;
        }
    /* line 267, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container .cards-nav {
        height: 175px;
        width: 44px;
        display: block;
        -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
        -moz-box-shadow: 0 0 5px 0 #a0a0a0;
        box-shadow: 0 0 5px 0 #a0a0a0;
        position: absolute;
        z-index: 1;
        top: 305px;
        background-color: white;
    }
        /* line 276, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .cards-nav#investment-cards-left {
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            -ms-border-radius: 5px 0 0 5px;
            -o-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            background: url(/images/home-nav-arrow.png) no-repeat white;
            background-position: center center;
            background-size: 20px;
            left: 0px;
            clip: rect(-8px, 44px, 183px, -8px);
        }
        /* line 284, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .cards-nav#investment-cards-right {
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            -ms-border-radius: 0 5px 5px 0;
            -o-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
            background: url(/images/home-nav-arrow-right.png) no-repeat white;
            background-position: center center;
            background-size: 20px;
            right: 0px;
            clip: rect(-8px, 183px, 183px, 0);
        }

/* line 3, /app/source/stylesheets/pages/_set-my-goals.scss */
#r-age-slider .noUi-origin:before {
    position: absolute;
    content: attr(data-calc-years) " Years";
}

.static-age-slider .noUi-origin:before {
    position: absolute;
    content: none !important;
}
/* line 7, /app/source/stylesheets/pages/_set-my-goals.scss */
#r-age-slider .noUi-origin[data-pos="left"]:before {
    top: -1px;
    left: calc(50% - 118px);
    color: #f8f8f8;
    font-size: 16px !important;
}

/* OWS-11811 Action 2 */
#r-age-slider .noUi-origin[data-pos="leftQuickEnroll"]:before {
    top: -1px;
    left: -75px;
    color: #f8f8f8;
    font-size: 16px !important;
}
/* line 11, /app/source/stylesheets/pages/_set-my-goals.scss */
#r-age-slider .noUi-origin[data-pos="right"]:before {
    top: -3px;
    left: 15px;
    color: #185b8c;
    font-size: 16px !important;
}
/* line 16, /app/source/stylesheets/pages/_set-my-goals.scss */
.slider-amount span.bottom {
    display: block;
    margin-top: 33px;
}

#r-age-slider .noUi-base {
    display: block;
    height: 23px;
    border: solid 1px #DCDCDC;
}

.static-age-slider .noUi-base {
    background-color: white !important;
}

.static-age-slider .noUi-connect {
    background-color: #185b8c !important;
}

.age-slider-before {
    position: absolute;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif !important;
    margin-top: -35px;
    left: 20px;
}

.enroll-summary .age-slider-before {
    position: absolute;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif !important;
    margin-top: -35px;
    left: 35px;
}

#r-age-slider .noUi-pips .noUi-marker {
    left: -5px;
    top: -27px;
    height: 40px;
}

#r-age-slider .noUi-pips .noUi-value-horizontal {
    padding-top: 10px !important;
}

#r-age-slider .noUi-base .noUi-origin .noUi-handle {
    left: -11px !important;
}

/* line 22, /app/source/stylesheets/pages/_set-my-goals.scss */
#risk-slider .noUi-base {
    background-color: white;
    display: block;
    height: 23px;
    border: solid 1px #DCDCDC;
    background-color: white;
}
    /* line 24, /app/source/stylesheets/pages/_set-my-goals.scss */
    #risk-slider .noUi-base:after {
        content: "Aggressive";
        position: absolute;
        right: 10px;
        color: #b2b2b2;
        z-index: 1;
        font-size: 16px !important;
    }
    /* line 31, /app/source/stylesheets/pages/_set-my-goals.scss */
    #risk-slider .noUi-base:before {
        content: "Conservative";
        position: absolute;
        left: 10px;
        color: #b2b2b2;
        z-index: 1;
        font-size: 16px !important;
    }

.inv-risk-slidercss {
    margin: 5px 0 30px 0 !important;
}

    .inv-risk-slidercss .noUi-base {
        background-color: white;
        display: block;
        height: 23px;
        border: solid 1px #DCDCDC;
        background-color: white;
        background-image: -webkit-linear-gradient(left, #63c15a, #C9FFC0);
        background-image: -moz-linear-gradient(left, #63c15a, #C9FFC0);
        background-image: -o-linear-gradient(left, #63c15a, #C9FFC0);
        background-image: linear-gradient(left, #63c15a, #C9FFC0);
        -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
        -moz-box-shadow: 0 0 5px 0 #a0a0a0;
        box-shadow: 0 0 5px 0 #a0a0a0;
        height: 27px;
        display: table;
        width: 100%;
    }
        /* line 24, /app/source/stylesheets/pages/_set-my-goals.scss */
        .inv-risk-slidercss .noUi-base:after {
            content: "";
            position: absolute;
            right: 10px;
            color: #000000;
            z-index: 1;
        }
        /* line 31, /app/source/stylesheets/pages/_set-my-goals.scss */
        .inv-risk-slidercss .noUi-base:before {
            content: "";
            position: absolute;
            left: 10px;
            color: #000000;
            z-index: 1;
        }

.centerrisk .noUi-base:after {
    top: 5px;
}

.centerrisk .noUi-base:before {
    top: 5px;
}


#invriskdiv {
    position: relative;
}

    #invriskdiv .moderatelbl {
        top: 28px;
        position: absolute;
        left: 350px;
    }

/* line 41, /app/source/stylesheets/pages/_set-my-goals.scss */
#r-salary-slider .noUi-base {
    background-color: white;
    display: block;
    height: 23px;
    border: solid 1px #DCDCDC;
    background-color: white;
}
    /* line 43, /app/source/stylesheets/pages/_set-my-goals.scss */
    #r-salary-slider .noUi-base:after {
        content: "100%";
        position: absolute;
        right: 10px;
        color: #b2b2b2;
        z-index: 1;
        font-size: 16px !important;
    }
    /* line 50, /app/source/stylesheets/pages/_set-my-goals.scss */
    #r-salary-slider .noUi-base:before {
        content: "1%";
        position: absolute;
        left: 10px;
        color: #b2b2b2;
        z-index: 1;
        font-size: 16px !important;
    }

/* line 3, /app/source/stylesheets/pages/_index.scss */
.cards .slider-percent {
    color: #54b948;
    padding: 5px 5px 0px;
    border-bottom: 1px solid gainsboro;
    width: 65px;
    margin-bottom: 10px;
}
/* line 11, /app/source/stylesheets/pages/_index.scss */
.cards .slider-info {
    margin-top: -60px;
}



.noUi-horizontal {
    border: none;
    -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
    -moz-box-shadow: 0 0 5px 0 #a0a0a0;
    box-shadow: 0 0 5px 0 #a0a0a0;
    margin: 40px 0 42px;
}
    /* line 5, /app/source/stylesheets/core/_range.scss */
    .noUi-horizontal .noUi-base {
        background-color: #185b8c;
    }
        /* line 7, /app/source/stylesheets/core/_range.scss */
        .noUi-horizontal .noUi-base .noUi-origin {
            background-color: white;
        }
            /* line 9, /app/source/stylesheets/core/_range.scss */
            .noUi-horizontal .noUi-base .noUi-origin .noUi-handle {
                border: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                background-image: url("/images/pointer-orange.png");
                background-repeat: no-repeat;
                background-position: center;
                background-color: transparent;
                -webkit-box-shadow: 0 0;
                -moz-box-shadow: 0 0;
                box-shadow: 0 0;
                cursor: pointer;
                height: 34px;
            }
                /* line 19, /app/source/stylesheets/core/_range.scss */
                .noUi-horizontal .noUi-base .noUi-origin .noUi-handle:before, .noUi-horizontal .noUi-base .noUi-origin .noUi-handle:after {
                    content: none;
                }
                /* line 22, /app/source/stylesheets/core/_range.scss */
                .noUi-horizontal .noUi-base .noUi-origin .noUi-handle .slider-amount {
                    text-align: center;
                    position: relative;
                    top: -23px;
                    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
                    margin-left: 5px;
                }
    /* line 31, /app/source/stylesheets/core/_range.scss */
    .noUi-horizontal.pips {
        margin: 23px 0 42px;
    }


/*! noUiSlider - 7.0.9 - 2014-10-08 16:49:45 */
/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-target {
    position: relative;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}
/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-handle {
    position: relative;
    z-index: 1;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-stacking .noUi-handle {
    z-index: 10;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-state-drag * {
    cursor: inherit !important;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-base {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-horizontal {
    height: 18px;
}

    /* line 5, /app/source/stylesheets/libs/_nouislider.scss */
    .noUi-horizontal .noUi-handle {
        width: 34px;
        height: 28px;
        left: -17px;
        top: -6px;
    }

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-vertical {
    width: 18px;
}

    /* line 5, /app/source/stylesheets/libs/_nouislider.scss */
    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 34px;
        left: -6px;
        top: -17px;
    }

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0;
    border: solid 1px #DCDCDC;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-connect {
    background: #3FB8AF;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-origin {
    border-radius: 0px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
/*
.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
}
*/
/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
/*   .noUi-target.noUi-connect {
        box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
    }
*/
/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-dragable {
    cursor: w-resize;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-vertical .noUi-dragable {
    cursor: n-resize;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-active {
    box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-handle:after {
    left: 17px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #B8B8B8;
}

/* line 5, /app/source/stylesheets/libs/_nouislider.scss */
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/*! noUiSlider - 7.0.9 - 2014-10-08 16:49:45 */
/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-pips {
    position: absolute;
    font: 16px 'ProximaNova-Semibold',arial,helvetica,sans-serif;
    color: #333;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-large, .noUi-marker-sub {
    background: #AAA;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 50px;
    top: 100%;
    left: 0;
    width: 100%;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 20px;
}

.enroll-summary .noUi-value-horizontal {
    margin-left: -15px;
    padding-top: 20px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-value-horizontal.noUi-value-sub {
    padding-top: 15px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
    height: 0; /* removes minor grid lines */
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

/* line 5, /app/source/stylesheets/libs/_nouislider-pips.scss */
.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

/* line 38, /app/source/stylesheets/libs/_amcharts.scss */
#assets-by-sector {
    width: 70%;
    height: 300px;
    float: right;
}

/* line 44, /app/source/stylesheets/libs/_amcharts.scss */
#asset-allocation {
    width: 30%;
    height: 300px;
    float: left;
}

/* line 50, /app/source/stylesheets/libs/_amcharts.scss */
#retirement-progress-piechart {
    width: 100%;
    height: 500px;
}

/* Basic solid color slider grip */
/* line 3, /app/source/stylesheets/libs/_circular-slider.scss */
.pathslider-grip {
    width: 10px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f26522;
    font-size: 1px;
    z-index: 10;
    cursor: move;
}

    /* grip hover/sliding state */
    /* line 16, /app/source/stylesheets/libs/_circular-slider.scss */
    .pathslider-grip.sliding, .pathslider-grip:hover {
        border-color: #8ce;
    }

/* slider extra css - same as #slider above */
/* line 21, /app/source/stylesheets/libs/_circular-slider.scss */
.pathslider {
    position: relative;
}

/* line 25, /app/source/stylesheets/libs/_circular-slider.scss */
#half-slider {
    width: 138px;
    height: 100px;
}

/* END NOui SLIDER */






/* END OF SLIDER CONTENT STYLES */




/* Cleanup of slider content items*/
.welcomeaspx #notify-container {
    display: none;
}

.card tbody tr:hover, .card table.borderless tr:nth-of-type(2n+1):hover {
    background: none;
    color: inherit;
    cursor: normal;
}

.card a {
    cursor: pointer;
    text-decoration: none;
}

.card ul li {
    margin: 0;
}

img.mar-five.mar-right-ten {
    vertical-align: middle;
}

.card-content tr:nth-of-type(2n+1) {
    background: none;
}

.card table {
    margin: 0;
    border: 0;
}

.card tr:nth-of-type(2n+1) {
    background: none;
}


a.btn.green, #main-content input.btn, #main-content .btn, input[type="button"] {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    background: #2C6426;
    color: #fff;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding: 8px 30px;
    text-decoration: none;
    width: auto;
    font-size: 14px;
}

    /*a.btn.green {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    background: #2C6426 !important;
    color: #fff;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding: 11px 30px;
    text-decoration: none;
    width: auto;
    font-size: 14px;
}*/

    a.btn.green:hover, #main-content input.btn:hover, #main-content .btn:hover, input[type="button"]:hover {
        color: #fff;
        text-decoration: none;
    }

.mid-text {
    font-size: 19px;
}

.s-sm.mar-five-top .gray-text {
    font-size: 80%;
}

.card-content table.mar-thirty .left {
    line-height: 1.5;
}

.s-sm.mar-five-top br {
    display: none;
}

a.s-reg.pad-left-twenty.mar-left-twenty.pad-ten-top {
    /* font-size: 80%; */
}

/* End slider content cleanup */


/* header cleanup*/
nav.main {
    margin: -2px 0 -10px 80px;
}

.welcomeaspx a[href=""] {
    display: none;
}

.testwebservice header, .testwebservice footer {
    display: none;
}

#main-content > h4 {
    margin-top: 20px;
}

.btn.right {
    margin: 30px 30px 0;
}

.btn.right1 {
    float: right;
    width: 150px !important;
    height: 38px !important;
}

@media screen and (min-width:769px) {
    .pulldown-menus {
        position: absolute;
        margin: 0 0 0 60px;
        z-index: 10000;
    }

    .top {
        position: absolute;
        width: 100%;
    }

    header .top .container {
        width: 966px;
        margin: 0 auto;
        float: none;
        z-index: 1;
        height: 64px;
    }


    .top #admin-nav {
        float: right;
        margin: 0 280px 0;
    }

    .welcomeaspx header .top .container {
        display: none;
    }
}



.respo_menu {
    top: -32px;
    /* background: #ccc;*/
    padding: 2px 0 0 4px;
    height: 25px;
    /* border-radius:3px;*/
}



@media screen and (max-width:1023px) {
    .top .container {
        width: 100%;
    }
    /*
    h1.page-title {
        letter-spacing: normal;
        padding: 5px 15px;
        margin: 0;
    }
*/

    #divbalance.s-xxl {
        font-size: 40px !important;
    }

    .top-cell.left {
        max-width: 350px;
    }

    section#main-content {
        /* margin: 0 !important;*/
        border-radius: 0;
        box-shadow: none;
    }

    .imodules {
        width: 100% !important;
    }
    /* sidebar modules must be full width at this screen size */

    /*.container.content {
        background: #fff;
    }*/

    .sidebar, .container.login {
        padding: 0 15px;
    }

        .sidebar h3 {
            padding-bottom: 0;
            margin-bottom: 10px;
        }

    aside .box {
        box-shadow: none !important;
        padding: 0;
    }

    /*.sidebar.four.columns {
        width: 100%;
    }*/

    aside {
        padding: 0 !important;
    }

    .container.login h3 {
        max-width: 90%;
    }

    .welcomeaspx #admin-nav, .welcomeaspx .respo_menu {
        display: none;
    }

    .card-nav .leftnav, .card-nav .rightnav {
        top: -50px;
        width: 47%;
        height: 50px;
        background-size: 5%;
        padding: 0;
        line-height: 4;
        border-radius: 5px 0 0 0;
    }

    .card-nav .extension {
        position: relative;
        top: -40px;
        margin: 0;
        width: 50%;
    }

    .card-slide {
        top: 40px;
    }

    .card-nav .leftnav {
        right: 50%;
        left: auto;
        background-position: 5% 55%;
    }

    .card-nav .rightnav {
        left: 50%;
        right: auto;
        background-position: 95% 55%;
        border-radius: 0 5px 0 0;
    }

    .cards, .card-slide, .card {
        max-width: 100%;
        width: 100% !important;
    }

        .cards .card-slide {
            position: relative;
            display: none;
        }

        .card-slide.active {
            display: block;
        }
}

@media screen and (width:736px) {
    .widget.image-slider .carousel-control.left {
        left: -37px !important;
    }
}




@media screen and (min-width:604px) and (max-width:735px) {
    .set-my-goals #thumbnails {
        max-width: 100% !important;
        margin: 0 0 0 5px !important;
        width: 100% !important;
    }
}



@media screen and (max-width:960px) {
    .dispnone960 {
        display: none !important;
    }

    .setmygoals #btnContinue {
        position: relative;
        bottom: 20px !important;
    }

    .top .container, header .top {
        max-width: 100%;
        width: 100% !important;
    }

    .pulldown-menus, nav.main {
        left: -20px;
    }

    /* profile page button wrap */
    #docDeliveryPref .left {
        float: none;
    }

    #main-content #docDeliveryPref .btn {
        float: none;
        margin: 20px 0 0 !important;
        width: auto !important;
    }

    /* fix for pages that have sidebars - example: balances.aspx */
    .container .twelve.columns {
        width: 750px;
    }

    aside {
        width: 100% !important;
        float: none !important;
    }

        aside .module {
            margin: 20px;
        }

        aside:after {
            content: '';
            display: table;
            clear: both;
        }

    /*.balances .dispnone, .dispnone {
        display: none !important;
    }*/

    .headerAsOf {
        margin-right: 20px;
    }
}



@media screen and (min-width:768px) and (max-width:960px) {

    .top .container {
        width: 765px !important;
        position: relative !important;
    }

    #menu-main-menu > li > a {
        font-size: 15px;
        margin-right: 12px;
    }

    header nav.main {
        max-width: 250px;
    }
    /* prevents main nav menu from overlapping profile/contact links */
}



@media screen and (max-width:768px) {

    #account .greeting p {
        display: inline;
    }
    /* move logout link to same line as welcome, name */
    .account-nav {
        padding: 0 !important;
        margin: 0 !important;
        height: 27px;
    }

    .selectedMenu {
        border: 0 !important;
        line-height: 1 !important;
        padding: 3px 0 0 25px !important;
    }

    .pulldown-menus {
        text-align: center;
        position: relative;
        left: auto !important;
    }

    #main-content.sixteen.columns, footer .container {
        max-width: 100% !important;
        width: 100%;
    }

    #Container footer {
        margin-top: 0 !important;
    }

    .container.content {
        border-radius: 0;
    }

    .marreset {
        margin: 0 auto !important;
    }

    footer .top-footer .footer-logos, footer .top-footer .footer-links {
        float: none !important;
    }

    /*header {
        min-height: 200px !important;
    }*/

    header {
        height: auto !important;
        padding-bottom: 5px;
    }

    h1.page-title {
        clear: both;
        border-radius: 0;
        line-height: 1;
    }


    .card-content .right {
        float: left;
        margin-left: 10px;
    }

    #accountbalancetable .s-sm {
        font-size: 15px !important;
    }

    .card-content table td {
        padding: 5px !important;
    }

    table span.mid-text {
        display: inline-block;
    }

    .chartContainer {
        height: auto;
    }

    table.standard {
        overflow-x: scroll;
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

        table.standard td {
            padding: 5px;
        }

    .respo_menu {
        float: none;
        position: relative;
        margin: 60px auto 0;
    }

    #notify-container .notifier a {
        font-size: 18px;
        line-height: 1.3;
    }

    #notify-container .notifier {
        border: 1px solid #fff;
        top: -60px;
        left: 25px !important;
    }

    #notify-container .icon {
        display: none;
    }

    header .top, #top-header, #account {
        min-width: 100%;
    }

    header .main .container, .width-four-hundred-px {
        width: 100%;
    }

    header .eleven.columns {
        max-width: 100% !important; /*height:30px!important*/
    }

    nav.main {
        max-width: 100%;
        left: 0;
        margin: 0 !important;
    }

    #avatar-wrap {
        margin: 0 auto !important;
        max-width: 310px !important;
        float: none !important;
    }

    #account {
        padding-left: 3px !important;
    }

    /*header {
        margin-bottom: -12px;
    }*/

    /*header #top-header #account .dropdown .dropdown-menu.mega.slider {
            left: 0 !important;
        }*/

    /*header .dropdown-menu {
            max-width: 297px;
            text-align: center;
        }*/

    /*.band.bottom {
        padding: 0 10px !important;
    }*/

    footer .copyright {
        float: none !important;
        margin: 0;
    }

    footer .top-footer .footer-links {
        text-align: left !important;
    }

        footer .top-footer .footer-links a {
            padding-left: 0 !important;
            margin-right: -8px !important;
        }

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

    header nav.main {
        max-width: 100%;
    }
    /* reset from min760max960 mq */

}
/* END OF RESPONSIVE 768PX MAX */

#top-header {
    z-index: 1;
}


@media screen and (max-width:478px) {
    #btnSignIn {
        display: block;
    }

    .login #btnPwd {
        margin-left: 0;
    }
}

.container.content.login {
    padding: 130px 30px 30px 30px;
    width: 640px;
    max-width: 100%;
    background: #fff center 40px no-repeat;
    margin: 70px auto 50px auto;
}

.signon {
    padding-bottom: 30px;
}

p.no-mar, .module-content {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

#main-content h3.module-title, #main-content h2.module-title {
    font-size: 24px !important;
    background-color: #f8f8f8;
    padding: 10px 20px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid gainsboro;
    text-transform: none !important;
    font-weight: normal !important;
    margin: -20px -20px 20px;
}


.widget.grid-checks .checked-box {
    padding: 15px 15px 15px 50px;
    border: 2px solid gainsboro;
    background-image: url("/images/green-check.png");
    background-repeat: no-repeat;
    background-position: 15px center;
    height: 55px;
}

.half:nth-child(2n+2) {
    margin-right: 0;
}

.half:nth-child(2n+3) {
    /*margin-left: 10px;
    margin-right: -10px;*/
    margin-right: 0;
}



/* panel stuff */
.panel {
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:before, .panel-body:after {
        content: " ";
        display: table;
    }

    .panel-body:after {
        clear: both;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: whitesmoke;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
            border-top-left-radius: 3px;
        }

        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px;
        }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px;
        }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px;
        }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #dddddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse .panel-body {
            border-top: 1px solid #dddddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #dddddd;
        }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: whitesmoke;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dddddd;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: white;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #428bca;
    }

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

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

/* END PANEL STUFF */



/* labels and switches */

label.switch {
    width: 124px;
    display: inline;
}

    label.switch input[type="checkbox"] {
        display: none;
    }

    label.switch span {
        background-image: url("/images/on-off.png");
        background-repeat: no-repeat;
        background-position: -104px 0;
        height: 34px;
        width: 104px;
        margin-top: 0;
        vertical-align: middle;
        display: inline-block;
    }

    label.switch :checked + span {
        background-position: 0;
    }

    label.switch.yes-no span {
        background-image: url("/images/yes-no.png");
    }

    label.switch.percent span {
        background-image: url("/images/money-toggle.png");
    }

    label.switch.view-as span:before {
        content: "View as";
        line-height: 34px;
        position: relative;
        left: -60px;
    }

label.green-check {
    width: 20px !important;
    display: inline;
}

    label.green-check input[type="checkbox"] {
        display: none;
    }

    label.green-check span {
        background-image: url("/images/check-sprite.png");
        background-repeat: no-repeat;
        background-position: 0 -16px;
        height: 18px;
        width: 20px;
        display: inline-block;
    }

    label.green-check :checked + span {
        background-position: 0 0;
    }

label.radio {
    display: inline;
    padding-left: 0px;
}

    label.radio [type="radio"] {
        display: none;
    }

    label.radio span {
        background-image: url("/images/radio.png");
        background-repeat: no-repeat;
        background-position: 0 -22px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }

    label.radio :checked + span {
        background-position: 0 0;
    }



/* WIDGETS CSS */

/* line 3, /app/source/stylesheets/core/_widgets.scss */
.widget.totals .total {
    padding: 0 10px 0 30px;
}
/* line 6, /app/source/stylesheets/core/_widgets.scss */
.widget.totals .percent {
    margin-right: 20px;
}
/* line 8, /app/source/stylesheets/core/_widgets.scss */
.widget.totals p span {
    position: relative;
}
    /* line 10, /app/source/stylesheets/core/_widgets.scss */
    .widget.totals p span em {
        position: absolute;
        left: 0;
        top: 16px;
        width: 250px;
    }
/* line 17, /app/source/stylesheets/core/_widgets.scss */
.widget.totals p:last-of-type {
    margin-bottom: 0;
}
/* line 21, /app/source/stylesheets/core/_widgets.scss */
.widget.totals .tool-tip {
    margin-left: 10px;
}
/* line 25, /app/source/stylesheets/core/_widgets.scss */
.widget.total-box {
    background-color: #f8f8f8;
    border: 2px solid gainsboro;
    display: table;
    padding: 15px;
    width: 100%;
    position: relative;
}
    /* line 32, /app/source/stylesheets/core/_widgets.scss */
    .widget.total-box .disclaimer {
        width: 255px;
        margin-right: 40px;
    }
    /* line 36, /app/source/stylesheets/core/_widgets.scss */
    .widget.total-box .tool-tip {
        position: absolute;
        right: 20px;
        top: calc(50% - 10px);
    }
/* line 43, /app/source/stylesheets/core/_widgets.scss */
.widget.range-toggle p {
    line-height: 34px;
}
/* line 47, /app/source/stylesheets/core/_widgets.scss */
.widget.range-toggle .slider-container .range-slider {
    width: 296px;
}
/* line 50, /app/source/stylesheets/core/_widgets.scss */
.widget.range-toggle .slider-container .result {
    position: relative;
    margin-top: 25px;
}
    /* line 53, /app/source/stylesheets/core/_widgets.scss */
    .widget.range-toggle .slider-container .result input[type="text"] {
        width: 84px;
        margin: 6px 15px 0;
    }
/* line 58, /app/source/stylesheets/core/_widgets.scss */
.widget.range-toggle .slider-container .error {
    position: absolute;
    left: 15px;
}
/* line 64, /app/source/stylesheets/core/_widgets.scss */
.widget.gray-box {
    background-color: #f8f8f8;
    padding: 20px;
    margin: 20px 0;
}
/* line 71, /app/source/stylesheets/core/_widgets.scss */
.widget.toggle-drop-down label {
    width: 95%;
}
/* line 76, /app/source/stylesheets/core/_widgets.scss */
.widget.image-slider #thumbnails {
    width: 290px;
    margin: 0 60px;
}
    /* line 79, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-slider #thumbnails li {
        padding: 0;
        margin: 0;
    }
/* line 85, /app/source/stylesheets/core/_widgets.scss */
.widget.image-slider .carousel-control.left, .widget.image-slider .carousel-control.right {
    background-image: none;
    top: calc(50% - 30px);
    filter: none;
}
/* line 90, /app/source/stylesheets/core/_widgets.scss */
.widget.image-slider .carousel-control.left {
    left: -53px;
}
/* line 91, /app/source/stylesheets/core/_widgets.scss */
.widget.image-slider .carousel-control.right {
    right: -57px;
}
/* line 93, /app/source/stylesheets/core/_widgets.scss */
.widget.image-slider input[type="text"] {
    width: 462px;
}
/* line 98, /app/source/stylesheets/core/_widgets.scss */
.widget.slider-blocks .slider-block {
    position: relative;
    background-color: #f8f8f8;
    border: 2px solid gainsboro;
    padding: 20px 25px;
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px;
    min-height: 216px;
}
    /* line 108, /app/source/stylesheets/core/_widgets.scss */
    .widget.slider-blocks .slider-block:nth-child(2n+0) {
        margin-right: 0;
    }
    /* line 111, /app/source/stylesheets/core/_widgets.scss */
    .widget.slider-blocks .slider-block.total {
        background-color: white;
        border: 0;
        padding: 0;
    }
/* line 119, /app/source/stylesheets/core/_widgets.scss */
.widget.grid-checks .checked-box {
    padding: 15px;
    border: 2px solid gainsboro;
    background-image: url("/images/green-check.png");
    background-repeat: no-repeat;
    background-position: 15px center;
}
    /* line 125, /app/source/stylesheets/core/_widgets.scss */
    .widget.grid-checks .checked-box p {
        margin-left: 35px;
    }
/* line 130, /app/source/stylesheets/core/_widgets.scss */
.widget.image-selector {
    margin-top: 2px;
}
    /* line 132, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-selector img {
        border: 2px solid gainsboro;
    }
/* line 137, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion .panel-title > a, .widget.investment-cards .panel-title > a, .widget.investment-table .panel-title > a {
    color: #496c80;
}
    /* line 139, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion .panel-title > a:hover, .widget.investment-cards .panel-title > a:hover, .widget.investment-table .panel-title > a:hover {
        text-decoration: none;
    }
/* line 142, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion .panel-group .panel, .widget.investment-cards .panel-group .panel, .widget.investment-table .panel-group .panel {
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
    /* line 145, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion .panel-group .panel + .panel, .widget.investment-cards .panel-group .panel + .panel, .widget.investment-table .panel-group .panel + .panel {
        margin: 0;
    }
/* line 148, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion .panel-default > .panel-heading, .widget.investment-cards .panel-default > .panel-heading, .widget.investment-table .panel-default > .panel-heading {
    background-color: white;
}
/* line 150, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion .panel-body img, .widget.investment-cards .panel-body img, .widget.investment-table .panel-body img {
    margin-right: 20px;
}
/* line 152, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion .switch-label, .widget.investment-cards .switch-label, .widget.investment-table .switch-label {
    line-height: 34px;
}
    /* line 155, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion .switch-label.collapsed:before, .widget.investment-cards .switch-label.collapsed:before, .widget.investment-table .switch-label.collapsed:before {
        background-position: left 0;
    }
    /* line 157, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion .switch-label:before, .widget.investment-cards .switch-label:before, .widget.investment-table .switch-label:before {
        content: "Details";
        margin-right: 20px;
        padding: 0px 0 2px 30px;
        font-size: 15px;
        font-size-adjust: 0.45;
        background-image: url("/images/plus-sprite.png");
        background-repeat: no-repeat;
        background-position: left -20px;
        color: #808080;
    }

@-moz-document url-prefix() {
    .widget.accordion .switch-label:before, .widget.investment-cards .switch-label:before, .widget.investment-table .switch-label:before {
        content: "Details";
        margin-right: 20px;
        padding: 2px 0 0px 30px;
        font-size: 14px;
        font-size-adjust: 0.5;
        background-image: url("/images/plus-sprite.png");
        background-repeat: no-repeat;
        background-position: left -20px;
        color: #808080;
    }
}

/* line 168, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .panel-title > a, .widget.investment-cards.table .panel-title > a, .widget.investment-table.table .panel-title > a {
    color: #185b8c;
}
/* line 169, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .panel-body, .widget.investment-cards.table .panel-body, .widget.investment-table.table .panel-body {
    border: 2px solid gainsboro !important;
    padding: 15px 39px;
}
    /* line 172, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .nav-tabs, .widget.investment-cards.table .panel-body .nav-tabs, .widget.investment-table.table .panel-body .nav-tabs {
        border-bottom: 0;
        position: relative;
        top: 1px;
    }
        /* line 176, /app/source/stylesheets/core/_widgets.scss */
        .widget.accordion.table .panel-body .nav-tabs li, .widget.investment-cards.table .panel-body .nav-tabs li, .widget.investment-table.table .panel-body .nav-tabs li {
            margin-bottom: 0;
        }
            /* line 178, /app/source/stylesheets/core/_widgets.scss */
            .widget.accordion.table .panel-body .nav-tabs li a, .widget.investment-cards.table .panel-body .nav-tabs li a, .widget.investment-table.table .panel-body .nav-tabs li a {
                border-radius: 0px;
                background-color: #e4e4e4;
                color: black;
                padding: 5px 15px;
            }
            /* line 184, /app/source/stylesheets/core/_widgets.scss */
            .widget.accordion.table .panel-body .nav-tabs li.active a, .widget.investment-cards.table .panel-body .nav-tabs li.active a, .widget.investment-table.table .panel-body .nav-tabs li.active a {
                background-color: white;
            }
    /* line 189, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .tab-content, .widget.investment-cards.table .panel-body .tab-content, .widget.investment-table.table .panel-body .tab-content {
        padding: 24px 15px;
        background: white;
        border: 1px solid gainsboro;
    }
        /* line 193, /app/source/stylesheets/core/_widgets.scss */
        .widget.accordion.table .panel-body .tab-content img, .widget.investment-cards.table .panel-body .tab-content img, .widget.investment-table.table .panel-body .tab-content img {
            width: 100%;
        }
    /* line 197, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .panel-col1, .widget.accordion.table .panel-body .panel-col2, .widget.investment-cards.table .panel-body .panel-col1, .widget.investment-cards.table .panel-body .panel-col2, .widget.investment-table.table .panel-body .panel-col1, .widget.investment-table.table .panel-body .panel-col2 {
        margin: 20px 0;
    }
    /* line 200, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .panel-col1, .widget.investment-cards.table .panel-body .panel-col1, .widget.investment-table.table .panel-body .panel-col1 {
        width: 240px;
        float: left;
    }
    /* line 204, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .panel-col2, .widget.investment-cards.table .panel-body .panel-col2, .widget.investment-table.table .panel-body .panel-col2 {
        width: 558px;
        float: right;
    }
    /* line 208, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .graph-text, .widget.investment-cards.table .panel-body .graph-text, .widget.investment-table.table .panel-body .graph-text {
        margin: 20px 0;
    }
    /* line 209, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel-body .containers, .widget.investment-cards.table .panel-body .containers, .widget.investment-table.table .panel-body .containers {
        width: 47%;
        padding: 20px 0 0;
        min-height: 200px;
    }
        /* line 213, /app/source/stylesheets/core/_widgets.scss */
        .widget.accordion.table .panel-body .containers.second, .widget.investment-cards.table .panel-body .containers.second, .widget.investment-table.table .panel-body .containers.second {
            border-left: 1px solid gainsboro;
            margin-left: 20px;
            padding-left: 20px;
        }
/* line 220, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .switch-label, .widget.investment-cards.table .switch-label, .widget.investment-table.table .switch-label {
    line-height: 1;
}
    /* line 222, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .switch-label:before, .widget.investment-cards.table .switch-label:before, .widget.investment-table.table .switch-label:before {
        content: "";
        margin-right: 0;
        padding: 4px 0 0px 30px;
    }
/* line 228, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .panel-default > .panel-heading, .widget.accordion.table .panel, .widget.investment-cards.table .panel-default > .panel-heading, .widget.investment-cards.table .panel, .widget.investment-table.table .panel-default > .panel-heading, .widget.investment-table.table .panel {
    background-color: transparent;
}
/* line 229, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .panel, .widget.investment-cards.table .panel, .widget.investment-table.table .panel {
    border: none;
    border-bottom: 1px solid gainsboro;
}
    /* line 232, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .panel:last-of-type, .widget.investment-cards.table .panel:last-of-type, .widget.investment-table.table .panel:last-of-type {
        border-bottom: 0;
    }
        /* line 234, /app/source/stylesheets/core/_widgets.scss */
        .widget.accordion.table .panel:last-of-type .panel-body, .widget.investment-cards.table .panel:last-of-type .panel-body, .widget.investment-table.table .panel:last-of-type .panel-body {
            border: 0;
        }
/* line 237, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .gray-box, .widget.investment-cards.table .gray-box, .widget.investment-table.table .gray-box {
    width: 920px;
    margin-left: -20px;
    padding: 20px 20px 5px 20px;
}
/* line 242, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .invest-single-card, .widget.investment-cards.table .invest-single-card, .widget.investment-table.table .invest-single-card {
    width: 90%;
    margin: 0 auto;
}
    /* line 245, /app/source/stylesheets/core/_widgets.scss */
    .widget.accordion.table .invest-single-card.gray-box, .widget.investment-cards.table .invest-single-card.gray-box, .widget.investment-table.table .invest-single-card.gray-box {
        padding: 0px;
    }
/* line 249, /app/source/stylesheets/core/_widgets.scss */
.widget.accordion.table .invest-card-head, .widget.investment-cards.table .invest-card-head, .widget.investment-table.table .invest-card-head {
    background-color: white;
    padding: 20px 20px;
    margin: -20px -20px 20px;
}
/* line 256, /app/source/stylesheets/core/_widgets.scss */
.widget.submit-complete {
    margin: 40px 0;
    position: relative;
}
    /* line 260, /app/source/stylesheets/core/_widgets.scss */
    .widget.submit-complete p span {
        width: 349px;
    }
/* line 265, /app/source/stylesheets/core/_widgets.scss */
.widget.table {
    margin-top: 0px;
}
    /* line 268, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.simple th {
        padding-bottom: 10px;
        border: none;
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }
    /* line 273, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.simple tr.table-totals {
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }
    /* line 276, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.simple td {
        border-top: 2px solid gainsboro;
        padding: 10px 0;
    }
    /* line 282, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.block .info-box {
        padding: 25px 20px;
        width: 40%;
        border-left: 20px solid white;
    }
    /* line 287, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.block .indent {
        text-indent: 10px;
    }
    /* line 290, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.block .divider {
        margin: 20px 0;
    }
    /* line 293, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.drop-down .hiddenRow {
        padding: 0;
        border: 0;
    }
    /* line 297, /app/source/stylesheets/core/_widgets.scss */
    .widget.table.drop-down th, .widget.table.drop-down td {
        border: 2px solid gainsboro;
    }
/* line 303, /app/source/stylesheets/core/_widgets.scss */
.widget.plan-search input[type="text"] {
    margin: 0 20px;
}
/* line 306, /app/source/stylesheets/core/_widgets.scss */
.widget.plan-search #error {
    margin-left: 20px;
}
/* line 310, /app/source/stylesheets/core/_widgets.scss */
.widget.pie-col {
    width: 160px;
    margin-right: 20px;
    margin-left: 20px;
}
    /* line 315, /app/source/stylesheets/core/_widgets.scss */
    .widget.pie-col .pie-label {
        margin-left: -20px;
    }
/* line 318, /app/source/stylesheets/core/_widgets.scss */
.widget.single-range .noUi-horizontal {
    width: 70%;
}

/* line 324, /app/source/stylesheets/core/_widgets.scss */
.floating-container {
    width: 39%;
    float: right;
    margin: 10px 0 0 20px;
}
    /* line 328, /app/source/stylesheets/core/_widgets.scss */
    .floating-container p {
        margin-top: 10px;
    }

/* line 333, /app/source/stylesheets/core/_widgets.scss */
.dark-tabs .single-tab {
    margin-bottom: 0 !important;
}
    /* line 335, /app/source/stylesheets/core/_widgets.scss */
    .dark-tabs .single-tab a {
        border: 0 !important;
        background-color: #b2b2b2;
        color: white !important;
    }
        /* line 339, /app/source/stylesheets/core/_widgets.scss */
        .dark-tabs .single-tab a:hover {
            background-color: gray;
        }
    /* line 342, /app/source/stylesheets/core/_widgets.scss */
    .dark-tabs .single-tab.active a {
        background-color: gray !important;
    }
/* line 347, /app/source/stylesheets/core/_widgets.scss */
.dark-tabs .nav-tabs {
    border-bottom: 0;
}
/* line 348, /app/source/stylesheets/core/_widgets.scss */
.dark-tabs .tab-content {
    border: 20px solid gray;
}

/* line 354, /app/source/stylesheets/core/_widgets.scss */
table.clean th, table.clean td {
    border: 1px solid gainsboro;
    padding: 5px 15px;
    font-size: 14px;
}
/* line 358, /app/source/stylesheets/core/_widgets.scss */
table.clean th {
    background-color: #093048;
    color: white;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
}
/* line 363, /app/source/stylesheets/core/_widgets.scss */
table.minimal {
    width: 100%;
}
    /* line 366, /app/source/stylesheets/core/_widgets.scss */
    table.minimal tr.top-row {
        border-bottom: 1px solid black;
    }
    /* line 369, /app/source/stylesheets/core/_widgets.scss */
    table.minimal tr th, table.minimal tr td {
        font-size: 12px;
        height: 30px;
    }

/* line 376, /app/source/stylesheets/core/_widgets.scss */
.tab-table {
    width: 485px;
    padding-left: 40px;
    border-left: 1px solid #DCDCDC;
}

/* line 383, /app/source/stylesheets/core/_widgets.scss */
.large-pdf {
    margin: 0;
    margin-bottom: 10px;
    width: 50%;
    height: 100px;
    padding: 0 10px 0 0;
}
    /* line 389, /app/source/stylesheets/core/_widgets.scss */
    .large-pdf p {
        margin-bottom: 0px;
    }
    /* line 390, /app/source/stylesheets/core/_widgets.scss */
    .large-pdf a {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
    }
    /* line 391, /app/source/stylesheets/core/_widgets.scss */
    .large-pdf .doc-type {
        display: block;
    }
    /* line 392, /app/source/stylesheets/core/_widgets.scss */
    .large-pdf:before {
        content: " ";
        background: url(/images/pdf-medium.png) no-repeat;
        background-size: contain;
        display: block;
        float: left;
        height: 59px;
        width: 56px;
        margin-right: 15px;
    }
    /* line 403, /app/source/stylesheets/core/_widgets.scss */
    .large-pdf:first-child {
        float: left;
        width: 50%;
        height: 100px;
        padding: 0 10px 0 0;
    }

/* line 412, /app/source/stylesheets/core/_widgets.scss */
.dd-table th {
    background-color: #39586c;
    color: white;
}
/* line 416, /app/source/stylesheets/core/_widgets.scss */
.dd-table th, .dd-table td {
    border: 1px solid gainsboro;
    padding: 15px;
}
/* line 422, /app/source/stylesheets/core/_widgets.scss */
.dd-table tr.collapsed .toggle {
    background-image: url("/images/plus.png");
}
/* line 428, /app/source/stylesheets/core/_widgets.scss */
.dd-table td.hiddenRow {
    border: 0;
    padding: 0px;
    background-color: #f8f8f8;
}
    /* line 432, /app/source/stylesheets/core/_widgets.scss */
    .dd-table td.hiddenRow th, .dd-table td.hiddenRow td {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
    /* line 437, /app/source/stylesheets/core/_widgets.scss */
    .dd-table td.hiddenRow th {
        background-color: transparent;
        color: black;
    }
    /* line 441, /app/source/stylesheets/core/_widgets.scss */
    .dd-table td.hiddenRow .inner-table {
        padding: 0 3%;
    }
        /* line 443, /app/source/stylesheets/core/_widgets.scss */
        .dd-table td.hiddenRow .inner-table th, .dd-table td.hiddenRow .inner-table td {
            padding: 10px;
        }
        /* line 448, /app/source/stylesheets/core/_widgets.scss */
        .dd-table td.hiddenRow .inner-table tr:last-of-type td {
            border-bottom: 0;
        }
/* line 453, /app/source/stylesheets/core/_widgets.scss */
.dd-table td.toggle {
    cursor: pointer;
    background-image: url("/images/minus.png");
    background-repeat: no-repeat;
    background-position: 15px center;
}
    /* line 458, /app/source/stylesheets/core/_widgets.scss */
    .dd-table td.toggle.collapsed {
        background-image: url("/images/plus.png");
    }
/* line 464, /app/source/stylesheets/core/_widgets.scss */
.dd-table.summing .table-percentage {
    width: 40px;
}
/* line 467, /app/source/stylesheets/core/_widgets.scss */
.dd-table.summing th {
    background-color: #2c475a;
}

/* line 471, /app/source/stylesheets/core/_widgets.scss */
.pagination nav {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    text-align: center;
}
    /* line 476, /app/source/stylesheets/core/_widgets.scss */
    .pagination nav .next-prev {
        width: 50px;
        display: inline-block;
    }
/* line 481, /app/source/stylesheets/core/_widgets.scss */
.pagination ul {
    display: inline;
}
    /* line 483, /app/source/stylesheets/core/_widgets.scss */
    .pagination ul li {
        display: inline-block;
    }
        /* line 485, /app/source/stylesheets/core/_widgets.scss */
        .pagination ul li a, .grayBgBox.curved.selectbtn.semi.s-ssm {
            padding: 5px 10px;
        }
/* line 488, /app/source/stylesheets/core/_widgets.scss */
.pagination .current-page {
    border: 1px solid black;
}
/* line 493, /app/source/stylesheets/core/_widgets.scss */
.pagination .prev.inactive {
    color: #e4e4e4;
}
/* line 496, /app/source/stylesheets/core/_widgets.scss */
.pagination .next.inactive {
    color: #e4e4e4;
}
/* line 498, /app/source/stylesheets/core/_widgets.scss */
.pagination .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
    /* line 503, /app/source/stylesheets/core/_widgets.scss */
    .pagination .arrow.left {
        border-right: 10px solid #185b8c;
        margin-right: 10px;
    }
        /* line 506, /app/source/stylesheets/core/_widgets.scss */
        .pagination .arrow.left.inactive {
            border-right: 10px solid #e4e4e4;
        }
    /* line 508, /app/source/stylesheets/core/_widgets.scss */
    .pagination .arrow.right {
        border-left: 10px solid #185b8c;
        margin-left: 10px;
    }
        /* line 511, /app/source/stylesheets/core/_widgets.scss */
        .pagination .arrow.right.inactive {
            border-left: 10px solid #e4e4e4;
        }

/* line 515, /app/source/stylesheets/core/_widgets.scss */
.donut-center {
    position: absolute;
    top: 38px;
    left: 50px;
}

r
/* line 523, /app/source/stylesheets/core/_widgets.scss */
#avatar #thumbnails .list-inline {
    margin-left: 0;
}
/* line 529, /app/source/stylesheets/core/_widgets.scss */
#avatar #thumbnails .carousel-inner a.selected img {
    border: 4px solid #54b948;
    width: 80px;
    height: 45.2px;
}

#headerCarousel2 .carousel-inner a img {
    width: 80px;
    height: 45.2px;
}

/* line 539, /app/source/stylesheets/core/_widgets.scss */
.slider-amount span.bottom {
    display: block;
    margin-top: 33px;
}

/* line 544, /app/source/stylesheets/core/_widgets.scss */
.details {
    display: none;
}
    /* line 546, /app/source/stylesheets/core/_widgets.scss */
    .details.on {
        display: block;
    }

/* END WIDGETS CSS */




/* CAROUSEL CSS */

/* line 7, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel {
    position: relative;
}

/* line 11, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
    /* line 16, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }
        /* line 23, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }
    /* line 31, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }
    /* line 33, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active {
        left: 0;
    }
    /* line 38, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }
    /* line 44, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .next {
        left: 100%;
    }
    /* line 47, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .prev {
        left: -100%;
    }
        /* line 51, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }
    /* line 55, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active.left {
        left: -100%;
    }
    /* line 58, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active.right {
        left: 100%;
    }

/* line 67, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
    /* line 82, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }
    /* line 85, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }
    /* line 93, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control:hover, .carousel-control:focus {
        outline: none;
        color: white;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
    /* line 104, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }
    /* line 111, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }
    /* line 115, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }
    /* line 119, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }
        /* line 128, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-control .icon-prev:before {
            content: '\2039';
        }
        /* line 133, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-control .icon-next:before {
            content: '\203a';
        }

/* line 144, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}
    /* line 155, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid white;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }
    /* line 176, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: white;
    }

/* line 187, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
    /* line 198, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 769px) {
    /* line 212, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    /* line 222, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    /* line 229, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-indicators {
        bottom: 20px;
    }
}

/* END CAROUSEL */




/* INVESTMENTS */

/* line 2, /app/source/stylesheets/pages/_investments.scss */
.investments p.s-xreg.navy-text.semi:last-of-type {
    margin-bottom: 20px;
}
/* line 5, /app/source/stylesheets/pages/_investments.scss */
.investments .docs {
    float: right;
    width: 440px;
    border: 2px solid gainsboro;
    margin-left: 25px;
    padding: 17px;
}
    /* line 12, /app/source/stylesheets/pages/_investments.scss */
    .investments .docs h3 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }
    /* line 18, /app/source/stylesheets/pages/_investments.scss */
    .investments .docs ul {
        margin: 0;
        padding: 0;
        clear: both;
        margin-top: 10px;
    }
        /* line 23, /app/source/stylesheets/pages/_investments.scss */
        .investments .docs ul li {
            margin: 0;
            padding: 0 0 0 10px;
            margin-bottom: 10px;
            width: 50%;
            float: right;
        }
/* line 58, /app/source/stylesheets/pages/_investments.scss */
.investments .browsefunds-tabs {
    display: inline-block;
    margin-left: 23px;
}

.individual_election_source_margin .margin-left68px {
    margin-left: 68px !important;
}
/* line 61, /app/source/stylesheets/pages/_investments.scss */
.investments .browsefunds-tabs a {
    display: inline-block;
    padding: 0px 10px !important;
    font-size: 14px;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif !important;
    border: 2px solid gainsboro;
    background-color: white;
    color: black;
    margin: 0 -2px 0 0;
    line-height: 26px;
    min-width: 100px;
    text-align: center;
}
    /* line 70, /app/source/stylesheets/pages/_investments.scss */
    .investments .browsefunds-tabs a:hover {
        text-decoration: none;
    }
    /* line 73, /app/source/stylesheets/pages/_investments.scss */
    .investments .browsefunds-tabs a.active {
        color: white;
        background-color: #185B8C;
    }

.toggles-cards-table a.active:first-child {
    background: #63c15a;
}
/* line 77, /app/source/stylesheets/pages/_investments.scss */
.investments .browsefunds-tabs a:first-child {
    -webkit-border-radius: 7px 0px 0px 7px;
    -moz-border-radius: 7px 0px 0px 7px;
    -ms-border-radius: 7px 0px 0px 7px;
    -o-border-radius: 7px 0px 0px 7px;
    border-radius: 7px 0px 0px 7px;
}
/* line 80, /app/source/stylesheets/pages/_investments.scss */
.investments .browsefunds-tabs a:last-child {
    -webkit-border-radius: 0px 7px 7px 0px;
    -moz-border-radius: 0px 7px 7px 0px;
    -ms-border-radius: 0px 7px 7px 0px;
    -o-border-radius: 0px 7px 7px 0px;
    border-radius: 0px 7px 7px 0px;
}
/* line 85, /app/source/stylesheets/pages/_investments.scss */
.investments #my-filters {
    margin-top: -4px;
    vertical-align: top;
}
/* line 89, /app/source/stylesheets/pages/_investments.scss */
.investments #cards-tables {
    float: right;
    margin-top: -4px;
}
    /* line 92, /app/source/stylesheets/pages/_investments.scss */
    .investments #cards-tables .view-as {
        font-size: 14px;
    }
/* line 96, /app/source/stylesheets/pages/_investments.scss */
.investments .filter-container {
    border: 1px solid gainsboro;
    padding: 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}
    /* line 101, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container p {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /* line 106, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container .center {
        width: 80%;
        text-align: center;
        display: inline-block;
    }
    /* line 111, /app/source/stylesheets/pages/_investments.scss */
    .investments .filter-container .profile-slider-disclaimer {
        margin-bottom: -25px;
    }
        /* line 113, /app/source/stylesheets/pages/_investments.scss */
        .investments .filter-container .profile-slider-disclaimer p {
            font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
            font-style: italic;
            color: #595959;
            margin: 0 0 -5px 0;
        }
/* line 120, /app/source/stylesheets/pages/_investments.scss */
.investments #profile-slider {
    width: 100%;
    position: relative;
    margin: 0;
}
    /* line 124, /app/source/stylesheets/pages/_investments.scss */
    .investments #profile-slider:after {
        content: 'Drag one or both sliders to adjust your risk/return range';
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
        color: gray;
        width: 100%;
        text-align: center;
        margin: -19px auto 0;
        display: block;
        height: 23px;
        padding-top: 1px;
        border: solid 1px #DCDCDC;
        background-color: white;
    }
    /* line 135, /app/source/stylesheets/pages/_investments.scss */
    .investments #profile-slider .noUi-base {
        background-color: transparent;
    }
    /* line 138, /app/source/stylesheets/pages/_investments.scss */
    .investments #profile-slider .noUi-origin {
        background-color: transparenAt;
    }

.investments #create-profile-slider {
    width: 100%;
    position: relative;
    margin: 0;
}
    /* line 124, /app/source/stylesheets/pages/_investments.scss */
    .investments #create-profile-slider:after {
        content: 'Drag one or both sliders to adjust your risk/return range';
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
        color: gray;
        width: 100%;
        text-align: center;
        margin: -19px auto 0;
        display: block;
        height: 23px;
        padding-top: 1px;
        border: solid 1px #DCDCDC;
        background-color: white;
    }
    /* line 135, /app/source/stylesheets/pages/_investments.scss */
    .investments #create-profile-slider .noUi-base {
        background-color: transparent;
    }
    /* line 138, /app/source/stylesheets/pages/_investments.scss */
    .investments #create-profile-slider .noUi-origin {
        background-color: transparenAt;
    }

/* line 143, /app/source/stylesheets/pages/_investments.scss */
.filter-type-list .filter-type {
    padding: 0 8px;
    background-color: #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    line-height: 30px;
}
    /* line 148, /app/source/stylesheets/pages/_investments.scss */
    .filter-type-list .filter-type.active {
        color: white;
        background-color: #99360F;
        font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
    }
    /* line 152, /app/source/stylesheets/pages/_investments.scss */
    .filter-type-list .filter-type:hover {
        text-decoration: none;
    }
/* line 154, /app/source/stylesheets/pages/_investments.scss */
.filter-type-list .filter-all {
    font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif;
    cursor: pointer;
}
/* line 159, /app/source/stylesheets/pages/_investments.scss */
.investments .date-selector {
    display: inline;
    margin-right: 20px;
}
    /* line 162, /app/source/stylesheets/pages/_investments.scss */
    .investments .date-selector input {
        width: 100px;
        font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
        font-style: italic;
    }
    /* line 166, /app/source/stylesheets/pages/_investments.scss */
    .investments .date-selector .btn {
        padding: 8px 19px;
    }
    /* line 167, /app/source/stylesheets/pages/_investments.scss */
    .investments .date-selector img {
        width: auto !important;
        margin-top: -1px;
    }
/* line 169, /app/source/stylesheets/pages/_investments.scss */
.investments .table {
    margin-bottom: 0px;
    margin-top: 10px;
}
    /* line 172, /app/source/stylesheets/pages/_investments.scss */
    .investments .table a {
        font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    }
/* line 176, /app/source/stylesheets/pages/_investments.scss */
.investments #invest-cards-container, .investments #invest-table-container {
    display: none;
}
/* line 179, /app/source/stylesheets/pages/_investments.scss */
.investments .visible {
    display: block !important;
}
/* line 181, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table .scrollable-table {
    width: calc(100% - 449px);
    overflow-x: scroll;
    overflow-y: visible;
    margin-left: 442px;
    border-right: 2px solid gainsboro;
}
/* line 188, /app/source/stylesheets/pages/_investments.scss */

/* line 190, /app/source/stylesheets/pages/_investments.scss */

/* line 192, /app/source/stylesheets/pages/_investments.scss */


/* line 202, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table th {
    color: white;
    background-color: #39586c;
}
    /* line 205, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table th.no-scroll {
        background-color: #2c475a;
        padding-bottom: 9px;
        margin-top: -2px;
        height: 60px;
    }
/* line 212, /app/source/stylesheets/pages/_investments.scss */
.investments .investment-table .no-scroll {
    position: absolute;
    background-color: white;
    border: 2px solid gainsboro;
}
    /* line 216, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:first-child {
        width: 215px;
        margin-left: -442px;
    }
    /* line 220, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:nth-child(2n) {
        width: 78px;
        margin-left: -244px;
    }
    /* line 224, /app/source/stylesheets/pages/_investments.scss */
    .investments .investment-table .no-scroll:nth-child(3n) {
        width: 171px;
        margin-left: -168px;
    }
/* line 230, /app/source/stylesheets/pages/_investments.scss */
.investments #invest-cards-container {
    position: relative;
    min-height: 1050px;
    z-index: 1;
}
    /* line 234, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:before, .investments #invest-cards-container:after {
        content: " ";
        height: 707px;
        width: 44px;
        position: absolute;
        top: 78px;
    }
    /* line 241, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:before {
        left: 0px;
        background-image: url(/images/slidecards-leftbg.jpg);
    }
    /* line 245, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container:after {
        right: 0px;
        background-image: url(/images/slidecards-rightbg.jpg);
        z-index: -1;
    }
    /* line 250, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container .investment-cards {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        -moz-transition-property: opacity, visibility;
        -o-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
        /* line 256, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards .invest-single-card {
            z-index: 0;
        }
        /* line 259, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards.vis-card {
            opacity: 1;
            visibility: visible;
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }
            /* line 263, /app/source/stylesheets/pages/_investments.scss */
            .investments #invest-cards-container .investment-cards.vis-card .invest-single-card {
                z-index: 10;
            }
        /* line 267, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .investment-cards .invest-single-card {
            -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
            -moz-box-shadow: 0 0 5px 0 #a0a0a0;
            box-shadow: 0 0 5px 0 #a0a0a0;
        }
    /* line 271, /app/source/stylesheets/pages/_investments.scss */
    .investments #invest-cards-container .cards-nav {
        height: 175px;
        width: 44px;
        display: block;
        -webkit-box-shadow: 0 0 5px 0 #a0a0a0;
        -moz-box-shadow: 0 0 5px 0 #a0a0a0;
        box-shadow: 0 0 5px 0 #a0a0a0;
        position: absolute;
        z-index: 1;
        top: 305px;
        background-color: white;
    }
        /* line 280, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .cards-nav#investment-cards-left {
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            -ms-border-radius: 5px 0 0 5px;
            -o-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
            background: url(/images/home-nav-arrow.png) no-repeat white;
            background-position: center center;
            background-size: 20px;
            left: 0px;
            clip: rect(-8px, 44px, 183px, -8px);
        }
        /* line 288, /app/source/stylesheets/pages/_investments.scss */
        .investments #invest-cards-container .cards-nav#investment-cards-right {
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            -ms-border-radius: 0 5px 5px 0;
            -o-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
            background: url(/images/home-nav-arrow-right.png) no-repeat white;
            background-position: center center;
            background-size: 20px;
            right: 0px;
            clip: rect(-8px, 183px, 183px, 0);
        }

/* END INVESTMENTS */



/* CORE INPUTS */


/* line 1, /app/source/stylesheets/core/_inputs.scss */
input {
    outline: none;
}
    /* line 3, /app/source/stylesheets/core/_inputs.scss */
    input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none !important;
        background-image: url("/images/radio.png");
        background-repeat: no-repeat;
        background-position: 0 -22px;
        height: 22px;
        width: 22px;
        margin: 10px 0 -5px;
        padding-left: 30px;
    }
        /* line 12, /app/source/stylesheets/core/_inputs.scss */
        input[type="radio"]:checked {
            background-position: 0 0;
        }

@-moz-document url-prefix() {
    .rdbLabel {
        top: -5px;
        margin-left: 10px;
        position: relative;
    }
}

/* line 16, /app/source/stylesheets/core/_inputs.scss */
input[type="text"] {
    -webkit-box-shadow: inset 11px 11px 5px -10px #a0a0a0;
    -moz-box-shadow: inset 11px 11px 5px -10px #a0a0a0;
    box-shadow: inset 11px 11px 5px -10px #a0a0a0;
    border: 1px solid gainsboro;
    padding: 5px 5px 5px 10px;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #333 !important;
}

/* line 24, /app/source/stylesheets/core/_inputs.scss */
label.gr-radio {
    position: relative;
    bottom: 6px;
    margin: 0 18px 0 10px;
}

/* line 31, /app/source/stylesheets/core/_inputs.scss */
label.blue-btn {
    width: auto !important;
    position: relative;
    min-width: 70px;
}
    /* line 35, /app/source/stylesheets/core/_inputs.scss */
    label.blue-btn select {
        outline: medium none;
        display: inline-block;
        -moz-appearance: none;
        cursor: pointer;
        border: 1px solid gainsboro;
        height: 30px;
        cursor: pointer;
        margin: 0 5px;
        padding: 0 10px 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    /* line 47, /app/source/stylesheets/core/_inputs.scss */
    label.blue-btn:after {
        content: " ";
        height: 30px;
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        -o-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        background-image: url("/images/drop-transparent.png");
        background-position: right;
        background-repeat: no-repeat;
        background-color: #496c80;
        padding: 0 20px 0 10px;
        margin: -6px 5px;
        position: absolute;
        right: 0px;
        top: 0px;
        pointer-events: none;
    }
    /* line 63, /app/source/stylesheets/core/_inputs.scss */
    label.blue-btn.disabled select {
        color: #868686;
        cursor: auto;
    }
    /* line 64, /app/source/stylesheets/core/_inputs.scss */
    label.blue-btn.disabled:after {
        background-color: gray;
    }

/* line 71, /app/source/stylesheets/core/_inputs.scss */
label.switch {
    width: 124px;
    display: inline;
}
    /* line 74, /app/source/stylesheets/core/_inputs.scss */
    label.switch input[type="checkbox"] {
        display: none;
    }
    /* line 75, /app/source/stylesheets/core/_inputs.scss */
    label.switch span {
        background-image: url("/images/on-off.png");
        background-repeat: no-repeat;
        background-position: -104px 0;
        height: 34px;
        width: 104px;
        margin-top: 0;
        vertical-align: middle;
        display: inline-block;
    }
    /* line 85, /app/source/stylesheets/core/_inputs.scss */
    label.switch :checked + span {
        background-position: 0;
    }
    /* line 86, /app/source/stylesheets/core/_inputs.scss */
    label.switch.yes-no span {
        background-image: url("/images/yes-no.png");
    }
    /* line 87, /app/source/stylesheets/core/_inputs.scss */
    label.switch.percent span {
        background-image: url("/images/money-toggle.png");
    }
    /* line 89, /app/source/stylesheets/core/_inputs.scss */
    label.switch.view-as span:before {
        content: "View as";
        line-height: 34px;
        position: relative;
        left: -60px;
        font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
        color: #333333;
        font-size: 14px;
    }

/* line 98, /app/source/stylesheets/core/_inputs.scss */
label.green-check {
    width: 20px !important;
    display: inline;
}
    /* line 101, /app/source/stylesheets/core/_inputs.scss */
    label.green-check input[type="checkbox"] {
        display: none;
    }
    /* line 102, /app/source/stylesheets/core/_inputs.scss */
    label.green-check span {
        background-image: url("/images/check-sprite.png");
        background-repeat: no-repeat;
        background-position: 0 -16px;
        height: 18px;
        width: 20px;
        display: inline-block;
        margin-left: -5px;
    }
    /* line 110, /app/source/stylesheets/core/_inputs.scss */
    label.green-check :checked + span {
        background-position: 0 0;
    }

/* line 113, /app/source/stylesheets/core/_inputs.scss */
label.radio {
    display: inline;
    padding-left: 0px;
}
    /* line 116, /app/source/stylesheets/core/_inputs.scss */
    label.radio [type="radio"] {
        display: none;
    }
    /* line 117, /app/source/stylesheets/core/_inputs.scss */
    label.radio span {
        background-image: url("/images/radio.png");
        background-repeat: no-repeat;
        background-position: 0 -22px;
        height: 22px;
        width: 22px;
        display: inline-block;
    }
    /* line 125, /app/source/stylesheets/core/_inputs.scss */
    label.radio :checked + span {
        background-position: 0 0;
    }

/* END CORE INPUTS */


/* RESPONSIVE TWEAKS */



@media screen and (min-width:600px) and (max-width:603px) {
    .withdrawals .docs-reader .snddiv {
        white-space: nowrap;
        padding-top: 10px;
    }
}

@media screen and (max-width:768px) {


    .withdrawals .docsdiv {
        float: left !important;
        width: 100% !important;
    }

    .withdrawals .docs-reader {
        float: left;
        margin-left: 0px !important;
    }

    .withdrawals .fullwidTh {
        width: 100% !important;
        clear: left;
    }

    .withdrawals .docs-reader .snddiv {
        width: 330px !important;
    }

    .upload_center .docs-reader {
        float: left;
        margin-left: 0px !important;
    }

    .upload_center .fullwidTh {
        width: 100% !important;
        clear: left;
    }

    .upload_center .docs-reader .imagediv {
        width: 30% !important;
    }

    .upload_center .docs-reader .textdiv {
        width: 70% !important;
    }
}


@media screen and (max-width:459px) {

    .withdrawals .docs-reader .snddiv {
        padding-left: 0px !important;
        padding-top: 3px;
    }
}


@media screen and (max-width:768px) {

    .algnfixpdf {
        width: 100% !Important;
        text-align: left !important;
        float: left !important;
        margin-left: 0px !important;
    }

        .algnfixpdf .imagediv {
            text-align: left !Important;
            width: 88px !important;
        }

            .algnfixpdf .imagediv img {
                width: 80px !important;
            }

        .algnfixpdf .textdiv {
            text-align: left !Important;
            width: auto !Important;
            float: left;
            padding-top: 5px;
        }


    .withdrawals #lblWithdrawalType {
        display: inline !important;
    }

    .widWrapp100per {
        width: 100% !important;
    }

    .MarLftreset {
        margin-left: 0px !important;
    }

    .FlTLeFt {
        float: left !important;
    }

    .withdrawals .hidecolumn {
        display: none;
    }

    .withdrawals .module {
        width: 100% !important;
        margin-top: 20px;
    }

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

    .withdrawals .docs-reader {
        padding-left: 0px;
    }



        .withdrawals .docs-reader .imagediv {
            text-align: right !Important;
            width: 88px;
        }

        .withdrawals .docs-reader .snddiv {
            float: left !important;
            text-align: left !important;
            line-height: 16px;
            padding-left: 5px;
            width: 300px;
        }


    /*footer */
    /*.footer-links, .footer-logos {
        text-align: center !important;
        width: 100%;
        background: red;
        padding: 0 !important;
    }
    */

    .footer-logos {
        margin-top: 30px;
        float: none;
        text-align: center;
        width: 100%;
    }

    /* express enrollment */
    .desktop, .goalimage {
        display: none;
    }

    #main-content h3.module-title {
        font-size: 100% !important;
    }

        #main-content h3.module-title.big {
            font-size: 155% !important;
        }

    #main-content p {
        font-size: 90%;
    }

    .page-title {
        font-size: 120% !important;
        font-weight: normal !important;
        text-align: center;
    }

    .orange-ball {
        height: 110px;
        width: 110px;
        background-color: #f0642e;
        -webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        -ms-border-radius: 55px;
        -o-border-radius: 55px;
        border-radius: 55px;
        padding: 40px 30px;
        color: white;
    }

    .module-title.no-margin {
        margin: -19px -19px 10px !important;
    }

    label ~ .right {
        float: none;
    }

    .btn.mar-right-ten {
        width: 100% !important;
    }

    #retire-age {
        max-width: 80%;
    }

    /* actions-for-you */
    .actionsforyou .half.left, .actionsforyou .widget.right, .actionsforyou .widget.left, .actionsforyou .t-right {
        float: none;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .plan-search .btn {
        margin-top: 20px;
        width: 100%;
        display: block;
    }

    /* contributions */
    .toggle-drop-down label {
        display: block;
        margin: 10px 0;
    }

    .toggle-drop-down select {
        display: block;
        width: 100% !important;
    }

    .toggle-drop-down label.blue-btn:after {
        margin: 0 -5px 0 0;
    }

    .floating-container {
        width: 100%;
        float: none;
        margin: 0;
    }

    #show-btn {
        width: 100% !important;
        float: none;
        margin: 0;
    }

    .widget.totals p span {
        line-height: 1;
        font-size: 100%;
    }

    .widget.totals .s-xl {
        font-size: 150%;
    }

        .widget.totals .s-xl:nth-child(3) {
            padding: 5px 10px 5px 0;
            font-size: 250%;
            display: block;
        }

    .widget.total-box {
        max-width: 100% !important;
        box-sizing: border-box;
    }

        .widget.total-box .disclaimer, .widget.range-toggle .slider-container .range-slider {
            max-width: 100%;
            margin-right: 0;
            width: 100%;
        }

        .widget.total-box .tool-tip.right {
            margin-right: -20px !important;
        }

    .widget.range-toggle .no-mar.left {
        line-height: 1.25;
    }

    .btn.green.block {
        display: block;
    }

    /* fund-transfer */
    .thirds {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    /* set-my-goals */

    /* home page */
    .cards .card table .top-cell.left {
        width: 100%;
    }

    .card-content .s-xxl {
        font-size: 30px;
        margin-right: 10px;
    }

    .card-content .s-xreg.gray-text.mar-five-top.right {
        font-size: 12px;
        line-height: 1;
        margin: -10px 0 0 10px;
        display: block;
    }

    .card .mar-thirty {
        margin-left: -12px;
    }

    .cards .card .top-half > .left, .cards .card .top-half > .right, .cards .card .bottom-half > .left, .cards .card .bottom-half > .right {
        max-width: 100%;
    }

    .cards .card .retirement-progress > .left, .cards .card .retirement-progress > .right {
        width: 90%;
    }

    .cards .card .retirement-progress > .right {
        float: right;
        margin-right: -10px;
    }

    .btn.green.center {
        display: block;
        clear: both;
    }

    /* login */
    .container.content.login * {
        max-width: 100% !important;
        height: auto;
        position: relative !important;
    }

    .login .left, .login .right {
        float: none;
    }

    .card-front {
        max-width: 60%;
        height: auto;
    }

    .login input {
        padding: 15px;
    }

        .login input[type=password] {
            margin-top: 20px;
        }

    .login #btnSignIn {
        width: 100%;
        margin: 0 auto;
    }

    .container.content.login {
        margin: 0 20px !important;
        max-width: 92%;
    }

    /* investments */
    .investments * {
        /* max-width: 100%; /* this has adverse affects on guided elections scroll table at <=768 */
    }

    .browsefunds-tabs a, .filter-type-list a {
        display: inline-block !important;
        margin: 5px 0 !important;
        line-height: 1.25;
        border-radius: 5px !important;
        width: 100% !important;
    }

    #my-filters .browsefunds-tabs span {
        display: inline-block;
        width: 100% !important;
    }

    #my-filters {
        margin: 0;
    }

    #cards-tables {
        float: none;
        position: relative;
        clear: both;
    }

    #browsefunds .module-title {
        background: none;
        border: 0;
    }

    .filterbyfundprofile {
        display: none;
    }

    .investments #cards-tables {
        float: none;
        margin: 0;
    }
    /*
    .investments .btn.right {
        display: block;
        float: none;
        width: 100% !important;
        margin: 20px auto 0 auto;
    }
*/
    .investments .module-title {
        background: none;
        margin-bottom: 20px;
    }

        .investments .module-title span {
            display: block;
            float: none;
        }

    .investments .widget.table { /* profile page table */
        /* max-width: 80%; */
        /* margin: -30px 0 0 -5px !important; */
    }

    #invest-cards-container {
        display: none !important;
    }

    .pulldown-menus .selectedMenu {
        padding-left: 12px;
    }

    #avatar-wrap {
        width: 100%;
    }

    /* end of max-width 767 (devices below ipad res) */
}

.ie8 .mobile {
    display: none;
}

@media screen and (min-width:769px) {
    .mobile {
        display: none;
    }

    .navbar {
        max-width: 600px !important;
        float: none !important;
        top: 10px !important;
        position: relative !important;
    }
    /* fix for unwanted navbar layering over profile area */
    .sf-menu > .drop.sfHover > ul {
        width: 750px;
        float: none !important;
        left: 10px !important;
    }
}

/* END RESPONSIVE FOR EXPRESS ENROLLMENT */


/* quick enroll tweaks */

#main-content .btn.navy {
    background: #496c80 !important;
}


.gray-border {
    border: 1px solid gainsboro;
}

.width-px-seventy {
    width: 70px;
}

.width-px-hundred-twenty {
    width: 120px !important;
}

/* general tweaks */
.sidebar {
    margin: 20px 0 0 0 !important;
}

    .sidebar .right {
        float: none;
        margin-left: 10px;
        text-transform: none;
        color: #333;
        font-size: 120%;
        font-weight: normal;
    }

    .sidebar .module-title {
        border-bottom: 2px dotted #ccc;
        margin-bottom: 15px;
        padding-bottom: 15px;
        color: #333;
    }

    .sidebar .s-med {
        font-size: 140%;
        color: #333;
    }

    .sidebar .module-title a {
        text-decoration: none;
        font-size: 100%;
    }

.module-content p {
    /* font-size: 90%; */
}

.switch-label, .more-info-link {
    color: #185b8c;
    top: 7px;
    position: relative;
    font-size: 12px;
    text-decoration: none;
}

.more-info-link {
    top: 12px;
}

.sidebar .module-title.icon a {
    color: #185b8c;
    font-size: 120%;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    margin-left: 30px;
    display: block;
}
/* .widget .right{float:none;margin-left:25px;display:block} */

.list-inline li {
    display: inline-block !important;
}

    .list-inline li a {
        display: inline !important;
        float: left;
        margin-left: 5px;
    }

#thumbnails.right {
    float: right;
}

.btn.right {
    float: right;
}

.content h4 {
    border: 0;
}

/* LOGIN  */
.orange-text {
    color: #99360F !important;
}

    .orange-text.upper {
        font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
        font-size: 15px;
    }



/* line 3, /app/source/stylesheets/pages/_login.scss */
.login .flip-card {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    margin: 0 auto 0;
    text-align: center;
    min-width: 640px;
    max-width: 740px;
    display: block;
    position: relative;
    width: 640px;
    height: 410px;
}
    /* line 13, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card .login-footer {
        clear: both;
        text-align: center;
        margin-top: 10px;
        padding-top: 30px;
        border-top: 2px dotted gray;
    }
        /* line 19, /app/source/stylesheets/pages/_login.scss */
        .login .flip-card .login-footer a {
            padding: 0 10px;
            /*border-right: 1px solid gray;*/
        }
            /* line 22, /app/source/stylesheets/pages/_login.scss */
            .login .flip-card .login-footer a:last-child {
                border: 0px;
            }
    /* line 28, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card .card-front,
    .login .flip-card .card-back {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 40px;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 1s;
        -moz-transition: -moz-transform 1s;
        -o-transition: -o-transform 1s;
        transition: transform 1s;
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
    }
    /* line 38, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card .card-front {
        background-color: white;
        color: black;
        -webkit-transform: perspective(900) rotateY(0);
        -moz-transform: perspective(900) rotateY(0);
        -ms-transform: perspective(900) rotateY(0);
        -o-transform: perspective(900) rotateY(0);
        transform: perspective(900) rotateY(0);
        z-index: 10;
    }
    /* line 44, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card .card-back {
        background-color: white;
        color: black;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        z-index: 8;
    }
    /* line 51, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card.flip .card-front {
        -webkit-transform: perspective(900) rotateY(180deg);
        -moz-transform: perspective(900) rotateY(180deg);
        -ms-transform: perspective(900) rotateY(180deg);
        -o-transform: perspective(900) rotateY(180deg);
        transform: perspective(900) rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    /* line 55, /app/source/stylesheets/pages/_login.scss */
    .login .flip-card.flip .card-back {
        z-index: 950;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform: perspective(900) rotateY(0deg);
        -moz-transform: perspective(900) rotateY(0deg);
        -ms-transform: perspective(900) rotateY(0deg);
        -o-transform: perspective(900) rotateY(0deg);
        transform: perspective(900) rotateY(0deg);
    }

.container.content.login {
    width: 640px;
    padding: 20px 0 0 0;
}

.login a {
    color: #185b8c;
}

.login input, .txtinput, input[type="text"] {
    border-radius: 0 !important;
}


/* END LOGIN */

/* investments */
.investments a.active {
    color: #fff !important;
}

.browsefunds-tabs a, .filter-type-list a {
    text-decoration: none !important;
    color: #333 !important;
    margin-right: 5px;
}

.view-as {
    margin-right: 10px;
}

#browsefunds .module-title {
    margin: -20px -20px 20px;
    padding-bottom: 10px;
    line-height: 2;
}

#browsefunds .s-xreg, .profile-slider-guides {
    /* font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;  JSB font replace */
}

.profile-slider-disclaimer {
    font-style: italic;
}

.italicfont {
    font-style: italic;
}

.normalfont {
    font-style: normal !important;
}

.content a {
    text-decoration: none;
}

/* nav tabs */
.dark-tabs .nav-tabs {
    border-bottom: 0;
}
/* line 351, /app/source/stylesheets/core/_widgets.scss */
.dark-tabs .tab-content {
    border: 20px solid gray;
}
/* line 76, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs {
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
}
    /* line 78, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }
        /* line 84, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            font-weight: normal;
            font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
            color: #333 !important;
        }
            /* line 89, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
            .nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #dddddd;
            }
        /* line 98, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #e4e4e4;
            background-color: white !important;
            border: 1px solid #dddddd !important;
            border-bottom-color: transparent !important;
            cursor: default !important;
        }

/* line 118, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-pills > li {
    float: left;
}
    /* line 122, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-pills > li > a {
        border-radius: 4px;
    }
    /* line 125, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-pills > li + li {
        margin-left: 2px;
    }
    /* line 133, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: white;
        background-color: #428bca;
    }

/* line 144, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-stacked > li {
    float: none;
}
    /* line 146, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

/* line 160, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}
    /* line 163, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: none;
    }
        /* line 165, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }
    /* line 171, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

/* line 190, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0;
}
    /* line 193, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }
    /* line 201, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
        border: 1px solid #dddddd;
    }

/* line 224, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.tab-content > .tab-pane {
    display: none;
}
/* line 227, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.tab-content > .active {
    display: block;
}

/* line 237, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_navs.scss */
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav-tabs a.tabs {
    background: #ddd !important;
    border: 0 !important;
    text-decoration: none;
    color: #444 !important;
    padding: 5px 15px !important;
    display: block;
}

.tab-content {
    clear: both;
    margin-top: 5px !important;
}

.investments #browsefunds a.active {
    color: #fff !important;
}

.investments .sidebar {
    min-height: 0 !important;
}

#browsefunds .module-title {
    margin-left: 5px;
    font-size: 150%;
}

.bold {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

table.clean tr {
    background-color: transparent;
    /* color: #666; */
}

    table.clean tr:hover {
        color: #333;
    }

.table-totals {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
}

    .table-totals #_allocated {
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        font-size: 18px;
        color: #F26522;
    }

table.totalClean th {
    border: none;
    border-bottom: 1px solid gainsboro;
}

table.totalClean tr th {
    background-color: transparent;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    padding: 0;
    color: #333333;
    border-right: none !important;
}

table.totalClean {
    border: none;
    margin: 0;
}

    table.totalClean tr {
        background-color: transparent;
        color: #333333;
    }

        table.totalClean tr td {
            padding: 0;
            border: none;
        }

        table.totalClean tr:hover {
            color: #333333;
        }

.isidebar .imodules .imodule {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 #a0a0a0;
    -moz-box-shadow: 0 0 10px 0 #a0a0a0;
    box-shadow: 0 0 10px 0 #a0a0a0;
    background-color: white;
    margin-bottom: 20px;
    clear: both;
}
    /* line 8, /app/source/stylesheets/core/_modules.scss */
    .isidebar .imodules .imodule .imodule-title {
        font-size: 24px;
        background-color: #f8f8f8;
        padding: 15px 20px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -ms-border-radius: 5px 5px 0 0;
        -o-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        font-weight: normal;
        border-bottom: 1px solid gainsboro;
        font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    }
    /* line 16, /app/source/stylesheets/core/_modules.scss */
    .isidebar .imodules .imodule .imodule-content {
        padding: 30px 20px;
    }
        /* line 18, /app/source/stylesheets/core/_modules.scss */
        .isidebar .imodules .imodule .imodule-content li {
            margin-bottom: 15px;
        }
            /* line 20, /app/source/stylesheets/core/_modules.scss */
            .isidebar .imodules .imodule .imodule-content li:last-of-type {
                margin-bottom: 0;
            }
    /* line 24, /app/source/stylesheets/core/_modules.scss */
    .isidebar .imodules .imodule.three-fourths {
        width: 658px;
    }

.isidebar .imodules {
    width: 658px;
    float: left;
}
    /* line 34, /app/source/stylesheets/core/_modules.scss */
    .isidebar .imodules a {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif !important;
    }
    /* line 35, /app/source/stylesheets/core/_modules.scss */
    .isidebar .imodules.side-column {
        width: 242px;
        float: right;
    }
        /* line 39, /app/source/stylesheets/core/_modules.scss */
        .isidebar .imodules.side-column .imodule .imodule-title {
            background-color: white;
            font-size: 20px;
            padding: 15px 0;
            margin: 0 20px;
        }
            /* line 45, /app/source/stylesheets/core/_modules.scss */
            .isidebar .imodules.side-column .imodule .imodule-title p {
                padding-top: 15px;
                font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
            }
            /* line 50, /app/source/stylesheets/core/_modules.scss */
            .isidebar .imodules.side-column .imodule .imodule-title.icon .right {
                width: 82%;
                margin-top: -4px;
            }
        /* line 56, /app/source/stylesheets/core/_modules.scss */
        .isidebar .imodules.side-column .imodule .imodule-content {
            padding: 20px 20px;
        }

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

table#tblPRR {
    border-spacing: 0;
    border-collapse: collapse;
}

    table#tblPRR tr {
        border-spacing: 0;
        border-collapse: collapse;
    }

        table#tblPRR tr td {
            border-spacing: 0;
            border-collapse: collapse;
        }

table#tblPerformance, table#tblGuidedElections {
    border-spacing: 0;
    border-collapse: collapse;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
}

    table#tblPerformance tr, table#tblGuidedElections tr {
        border-spacing: 0;
        border-collapse: collapse;
    }

        table#tblPerformance tr:hover, table#tblGuidedElections tr:hover {
            color: #333;
        }

        table#tblPerformance tr td, table#tblGuidedElections tr td {
            border-spacing: 0;
            border-collapse: collapse;
        }

table#tblPrice {
    border-spacing: 0;
    border-collapse: collapse;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
}

    table#tblPrice tr {
        border-spacing: 0;
        border-collapse: collapse;
    }

        table#tblPrice tr:hover {
            color: #333;
        }

        table#tblPrice tr td {
            border-spacing: 0;
            border-collapse: collapse;
        }

/*Realignment*/

.realignment .info {
    float: right;
    width: 240px !important;
    border: 2px solid gainsboro;
    margin-left: 25px;
}

.interfundTransferHeaderModule .info {
    float: right;
    width: 440px;
    border: 2px solid gainsboro;
    margin-left: 25px;
    padding: 17px;
    margin-bottom: 25px;
}

#investBar1 {
    border-right: 1px solid #DCDCDC;
}

#investBar3 {
    border-right: 1px solid #DCDCDC;
}

#investBar5 {
    border-right: 1px solid #DCDCDC;
}

#tblPRR input {
    width: 60px;
}

.backgroud-color {
    background-color: transparent !important;
}


.newportfolio {
    float: right;
    padding-right: 25px;
    padding-top: 50px;
}

.newportfolioguidele {
    float: right;
    padding-right: 25px;
    padding-top: 70px;
}

    .newportfolioguidele img {
        height: 65px !important;
    }

a.btn.blue, #main-content input.btn, #main-content .btnblue, input[type="button"] {
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    background: #2C6426 !important;
    color: #fff;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    padding: 8px 30px;
    text-decoration: none;
    width: auto;
}

.blueboldtext {
    color: #185b8c;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.leftboxwithimg {
    width: 50%;
    height: 100px;
    border: 2px solid gainsboro;
    float: left;
    padding: 20px;
    margin-top: 10px;
}

.rightbox {
    width: 48%;
    height: 100px;
    float: right;
    padding: 20px;
    margin-top: 10px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.width30Per {
    width: 30%;
}

.width50Per {
    width: 50%;
}

.width48Per {
    width: 48%;
}

.width55Per {
    width: 55%;
}

.width60Per {
    width: 60%;
}

.width70Per {
    width: 70%;
}

.width80Per {
    width: 80%;
}

a.bluelink {
    color: #185b8c !important;
}

div.cardtablename {
    text-align: right;
    margin-right: 5%;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    color: #333333;
}

.blackcolor {
    color: #000000 !important;
}

a.tabbutton {
    color: #000 !important;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
    text-decoration: none;
}

/* look and feel updates */
.expando {
    color: #808080;
}

    .expando a img {
        display: none;
    }

    .expando a {
        display: block;
        width: 15px;
        height: 15px;
        float: left;
        background: #f26522;
        border-radius: 50%;
        margin: 0 5px;
        margin-top: 3px;
        color: #fff !important;
        line-height: 1.25;
        text-align: center;
        font-size: 80%;
    }

        .expando a:hover, #main-content a#01plus:hover, a#01minus:hover {
            color: #fff !important;
            text-decoration: none !important;
        }

.btnpadding {
    padding: 8px 10px !important;
}

.cancelrequestguided {
    padding: 8px 25px !important;
}

.rightaligntext {
    text-align: right;
}


a.noborderradius {
    border-radius: 0px !important;
}

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

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

td.detailspadding {
    padding: 5px 15px !important;
    white-space: nowrap;
}

td.realigndetailspadding {
    padding: 5px 5px !important;
    white-space: nowrap;
}

h3.docs-module-title {
    font-size: 24px !important;
    padding: 10px 10px !important;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-transform: none !important;
    font-weight: normal !important;
    margin: -20px -20px 20px;
    line-height: 1.5;
}

div.docsdiv {
    margin: 0px !important;
    padding: 0px !important;
}

.docsdiv li {
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 10px !important;
}

.docs-reader {
    float: right;
    width: 440px;
    margin-left: 5px;
    padding: 5px;
}

    .docs-reader div {
        float: right;
        width: 45%;
        text-align: right;
    }

    .docs-reader .imagediv {
        float: left;
        width: 55%;
        text-align: right;
        padding-top: 3px;
    }

.docs-readeraside div {
    width: 20%;
}

.docs-readeraside .imagediv {
    width: 80%;
}

.margin0 {
    margin: 0px !important;
}

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

.height35px {
    height: 35px !important;
}

.headerAsOf {
    text-align: right;
    float: right;
    font-size: 10px;
    text-transform: none;
}

.leftboxwithimg img {
    vertical-align: middle;
    float: left;
}

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

.pad-all-five {
    padding: 5px !important;
}

.pad-all-ten {
    padding: 10px !important;
}

.width-five {
    width: 5%;
}

.width-twentytwo {
    width: 22%;
}

.width-twentyfour {
    width: 24%;
}

.Interfund input[type='text'] {
    height: 20px;
    width: 50px;
    padding: 0px;
    padding-left: 5px;
}

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

.font-large {
    font-size: large !important;
}

.dotted-spaced {
    border-bottom: 3px dotted #ccc !important;
}

.top-dotted-spaced {
    border-top: 3px dotted #ccc !important;
}

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

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

#browsefunds * {
    /* font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif; */
}

a[id^="plus-"]:hover, a[id^="minus-"]:hover, .faqa:hover {
    text-decoration: none !important;
}

#main-content .btn.submit {
    background: #2c6426 !important;
    color: #fff !important;
    /* margin: 0; */
}

.withdrawals .grayBgBox {
    border: 1px solid #ddd;
}

.scrollable-table th {
    text-align: left;
    padding: 5px 0 5px 10px;
}

.year2010 {
    position: absolute;
    margin-top: 290px;
    font-size: 11px;
    color: black;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
}

.greenmodule {
    background: #cbecb0;
    border-radius: 5px;
    box-shadow: 0 0 12px #aaa;
    border: 2px solid #eee;
    margin-bottom: 25px;
    padding: 20px 15px;
    color: #333;
}

.chkright {
    margin-left: 5px;
}

.disclaimerStyle {
    margin-right: 328px;
    margin-top: 77px;
}

.futureinvbox {
    background-color: #f8f8f8 !important;
    border: 2px solid gainsboro !important;
    display: table !important;
    padding: 15px !important;
    position: relative !important;
}

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

.asofdate {
    text-align: right;
    float: right;
    font-size: 11px;
    text-transform: none;
    padding-right: 30px;
}

.module-title .asofdate {
    text-align: right;
    float: left;
    font-size: 11px;
    text-transform: none;
    padding-right: 30px;
}

.totalsaving {
    text-align: left;
    float: left;
    font-size: 16px;
    text-transform: none;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
}

.module-totalsaving {
    width: 35% !important;
    text-align: left;
}

.detailsdiv {
    margin: 0 0 0 2px !important;
    color: #808080;
}

.currentelection {
    width: 460px;
    padding-left: 5px;
}

.donutchart {
    float: right;
    margin-top: 30px;
    width: 190px;
}

.electioninfoleft {
    width: 45%;
    padding: 20px;
    margin: 10px;
    border: solid 1px #ccc;
}

.electioninforight {
    float: right;
    width: 45%;
    padding: 20px;
    margin: 10px;
    border: solid 1px #ccc;
}

    .electioninfoleft img, .electioninforight img {
        width: 300px;
        height: 150px;
    }

    .electioninfoleft span a, .electioninforight span a {
        font-size: 18px;
        color: #0f29f6;
        text-decoration: none !important;
    }

.actionforyouinfo {
    padding: 15px 0 0 15px;
}

    .actionforyouinfo img {
        width: 150px;
        height: 75px;
    }

    .actionforyouinfo button {
        width: 150px !important;
        padding: 8px !important;
    }

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

    .modulecontent p {
        /* font-size: 13px !important; */
    }

.amerbgcolor {
    background: #f90;
    float: left !important;
}


.goldmanbgcolor {
    background: #609;
    float: left !important;
}

.frankbgcolor {
    background: #6cc;
    float: left !important;
}

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

.colorkey {
    margin-top: 2px;
    width: 15px !important;
    height: 15px !important;
}

.mar-left-twentyfour {
    margin-left: 24px !important;
}

.interfundtable {
    table-layout: fixed !important;
    padding-bottom: 0px;
}

    .interfundtable td, .interfundtable th {
        padding-left: 5px !important;
        padding-right: 5px !important;
        text-align: left !important;
    }

        .interfundtable td:last-child {
            background-color: #e4e4e4;
            text-align: center !important;
        }

    .interfundtable #browsefunds td:last-child {
        background-color: transparent;
    }

#rabalanceCumulativeFix .t-center {
    text-align: center !important;
}

#rabalanceCumulativeFix td, #rabalanceCumulativeFix th {
    padding-left: 10px !important;
}

.floatrightdiv {
    padding: 0px;
    float: right !important;
}

.scheduleleft {
    float: left;
    width: 230px;
    text-align: right;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: left;
}

.rebalanceleft {
    float: left;
    width: 170px;
    text-align: right;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: left;
}


.scherebalright {
    float: left;
    text-align: left;
    padding: 0 8px 0 8px;
    display: block;
    background-color: #F8F8F8;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #222;
    font-size: 14px;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.balncehr {
    margin: 5px 0 15px 0;
}


.module .firstverify {
    width: 20%;
    float: left;
    height: 150px;
}

.module .secondverify {
    width: 38%;
    float: left;
    height: 150px;
}

.module .thirdverify {
    width: 38%;
    float: right;
    height: 150px;
}

.adjusttextsize {
    padding-left: 20px !important;
    font-size: 30px;
}

.retirmentrefreshbtn {
    margin-top: 25px;
    margin-left: 15px;
}

.bottompadding {
    padding-bottom: 20px;
}

.pad-bottom-fifteen {
    padding-bottom: 15px;
}

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

.goalimage {
    width: 80px;
    position: absolute !important;
    margin: 0 auto;
    left: 400px;
    height: 62px;
    background: url(/images/avatar.jpg) right no-repeat;
}

.titleLink {
    font-size: 14px;
    float: right;
}

.threepiller {
    margin-right: 2%;
    float: left;
    width: 30%;
    min-height: 320px;
    position: relative;
}

    .threepiller img {
        width: auto;
        height: auto;
    }

    .threepiller span {
        font-size: 14px;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
        color: #185b8c;
        padding-left: 8px;
        position: absolute;
    }

    .threepiller .third-first {
        position: absolute;
        top: 245px;
        right: 5px;
    }

    .threepiller .third-second {
        position: absolute;
        top: 245px;
        right: 15px;
    }


    .threepiller .third-third {
        position: absolute;
        top: 245px;
        right: 12px;
    }

    .threepiller .firstpara {
        color: #496C80;
        padding-top: 10px;
    }

.firsttoppadding {
    /* padding-top: 35px; */
}

.lasttoppadding {
    padding-top: 15px;
}

.secondtoppadding {
    padding-top: 10px;
}

.orangecolor {
    color: #99360F !important;
    font-size: inherit !important;
}

.gray-color {
    color: #595959 !important
}

.annualsalaryinputwidth {
    width: 180px !important;
}

.noborder {
    border: none !important;
}

.errorMsg {
    margin-left: 10px !important;
    font-style: italic;
    color: #990000 !important;
}

.med.floatLeft.thinbordered {
    padding: 15px 15px 0;
}

.sliderbottom {
    display: block !important;
    margin-top: 33px !important;
}

.zerobottommargin {
    margin-bottom: 0px !important;
}

.filter-anchor {
    /* padding: 8px 10px !important; */
}

.tdwithbutton a {
    padding: 10px !important;
    margin: 0px;
}

.portfolionow div:first-child {
    width: 70%;
}

.portfolionow div:nth-of-type(2) {
    width: 25%;
    margin-left: 0px !important;
}

#tblPerformance .align-top {
    vertical-align: top !important;
}

.enrollchartdiv {
    width: 30%;
    height: 150px !important;
    /*font-size: 11px;*/
}

#tblPerformance tr, #tblGuidedElections tr {
    border-right: medium none !important;
}

#admin-nav a {
    font-size: 12px !important;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
    color: #8298a3;
    color: rgba(255,255,255,.5) !important;
}

#admin-nav.pad-five-top {
    margin-top: -5px !important;
    text-transform: uppercase;
}

#admin-nav a[href="/logoff.aspx"] {
    text-transform: uppercase;
}

#alert-number {
    text-decoration: none;
}

footer {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    padding-top: 27px;
    margin-top: 80px !important;
}

    footer p {
        color: #FFFFFF;
        font-size: 12px;
        margin-bottom: 20px;
    }
    /* line 15, /app/source/stylesheets/core/_footer.scss */
    footer .top-footer {
        margin-bottom: 70px;
        height: 25px;
    }
        /* line 18, /app/source/stylesheets/core/_footer.scss */
        footer .top-footer .footer-links {
            text-align: center;
        }

@media only screen and (min-width: 321px) {
    /* line 18, /app/source/stylesheets/core/_footer.scss */
    footer .top-footer .footer-links {
        text-align: left;
        float: left;
        margin-top: 4px;
    }
}
/* line 26, /app/source/stylesheets/core/_footer.scss */
footer .top-footer .footer-logos {
    display: block;
    float: right;
}
    /* line 29, /app/source/stylesheets/core/_footer.scss */
    footer .top-footer .footer-logos img {
        text-align: left;
        margin: 0 0 0 35px;
        display: inline-block;
    }


.copyright {
    border-bottom: 1px dashed #8c9ea9;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.card .semi .s-med {
    color: #333;
}

.card .semi .gray-text, .card .semi a {
    font-size: 14px;
}

.card .semi a {
    text-underline: none !important;
}

.card .s-smed.semi, .card .s-xmed.semi, .s-med.pad-right-ten {
    font-size: 20px !important;
}

.card .s-xreg.semi {
    font-size: 16px;
}


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
/* line 28, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

    /* line 29, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto;
    }

/* line 31, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

/* line 40, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* line 55, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

/* line 57, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
/* line 59, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    /* line 64, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

/* RTL direction/left-side scrollbar */
/* line 66, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

/* line 76, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
/* line 79, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

/* line 84, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
/* line 86, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

/* line 95, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

/* line 97, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

/* line 104, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

    /* line 111, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

/* line 121, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

/* line 124, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

/* line 127, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

/* line 137, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* line 148, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

/* line 153, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

/* line 155, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
/* line 157, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

/* line 167, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */
/* line 169, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

/* line 171, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

/* line 177, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

    /* line 183, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

/* line 190, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

/* line 196, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

/* line 202, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

/* line 212, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

/* line 214, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
/* line 225, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    /* line 238, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

/* line 243, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

/* line 245, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
/* line 248, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
/* line 252, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
/* line 255, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
/* line 258, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

/* line 260, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

/* line 265, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 270, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 275, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
/* line 281, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
/* line 296, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* line 306, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
/* line 341, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

/* line 344, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

/* line 351, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

/* line 353, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

/* line 358, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

/* line 363, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

/* line 368, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* line 376, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

/* line 382, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

/* line 391, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

/* line 400, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

/* line 409, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

    /* line 421, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    /* line 426, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }

/* theme: "dark" */
/* line 431, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

/* line 433, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 435, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 438, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 440, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

/* line 442, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

/* line 444, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

/* line 446, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
/* line 455, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* line 462, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* line 471, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

/* line 477, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

/* line 480, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* line 482, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

/* line 484, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

/* line 486, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

/* line 488, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/* theme: "dark-2" */
/* line 493, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* line 498, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* line 503, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 506, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 508, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

/* line 510, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

/* line 512, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

/* line 514, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
/* line 523, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* line 530, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* line 537, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

/* line 544, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

/* line 550, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

/* line 553, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* line 555, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

/* line 557, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

/* line 559, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

/* line 561, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/* theme: "dark-thick" */
/* line 566, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* line 571, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* line 576, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 579, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 581, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

/* line 583, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

/* line 585, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

/* line 587, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
/* line 595, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

/* line 598, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

/* line 601, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

/* line 604, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/* theme "dark-thin" */
/* line 613, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

/* line 615, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 617, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 620, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 622, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

/* line 624, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

/* line 626, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

/* line 628, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
/* line 636, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

/* line 641, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    /* line 646, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

/* line 654, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    /* line 659, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

/* line 667, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

/* line 676, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

/* line 681, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

/* line 690, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

/* line 695, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

/* line 697, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

/* line 699, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

/* line 701, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
/* line 707, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 709, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

/* line 712, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 717, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 719, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

/* line 721, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

/* line 723, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

/* line 725, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
/* line 731, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

/* line 736, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

/* line 742, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

/* line 750, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

/* line 756, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

/* line 758, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

/* line 760, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

/* line 762, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
/* line 767, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

/* line 771, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

/* line 773, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

/* line 775, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

/* line 777, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
/* line 788, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* line 801, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
/* line 815, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

/* line 818, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

/* line 821, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    /* line 829, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    /* line 832, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    /* line 845, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    /* line 848, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

/* line 851, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

/* line 859, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

/* line 865, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

/* line 867, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

/* line 869, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

/* line 871, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */
/* line 876, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

/* line 881, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* line 883, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

/* line 885, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

/* line 887, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

/* line 889, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
/* line 898, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    /* line 906, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        /* line 909, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

/* line 912, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

/* line 915, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

/* line 918, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

/* line 924, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* line 937, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* line 942, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

/* line 945, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

/* line 950, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

/* line 955, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

/* line 957, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

/* line 959, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

/* line 961, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

/* line 963, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
/* line 968, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

/* line 970, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

/* line 972, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

/* line 974, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

/* line 979, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

/* line 981, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

/* line 986, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

/* line 988, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

/* line 990, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

/* line 992, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

/* line 994, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
/* line 1003, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

/* line 1011, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
/* line 1018, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

/* line 1024, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

/* line 1027, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

/* line 1030, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

/* line 1032, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

/* line 1038, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
/* line 1046, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

/* line 1052, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
/* line 1064, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

/* line 1070, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

/* line 1075, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

/* line 1084, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

/* line 1091, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

/* line 1096, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

/* line 1098, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

/* line 1100, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

/* line 1102, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */
/* line 1107, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 1109, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 1112, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 1114, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

/* line 1116, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

/* line 1118, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

/* line 1120, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

/* line 1122, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
/* line 1135, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

/* line 1145, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* line 1161, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* line 1177, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

/* line 1185, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

/* line 1189, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

/* line 1193, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

/* line 1197, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
/* line 1204, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 1208, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 1215, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 1219, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

/* line 1223, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

/* line 1227, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

/* line 1231, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

/* line 1235, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
/* line 1241, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 1250, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
/* line 1255, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

/* line 1257, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

/* line 1259, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

/* line 1261, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

/* line 1264, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

/* line 1266, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

/* line 1268, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

/* line 1271, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/libs/_scroller.scss */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.investments .table a {
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
}

.investments table.table-scroller img {
    width: auto !important;
}

.investments .table {
    margin-bottom: 0px;
    margin-top: 10px;
}
    /* line 172, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments .table a {
        font-family: "ProximaNova-Bold", Arial, Helvetica, sans-serif !important;
    }
/* line 176, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.investments #invest-cards-container, .investments #invest-table-container {
    display: none;
}
/* line 179, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.investments .visible {
    display: block !important;
}
/* line 181, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.investments table.table-scroller {
    width: 100%;
    border-right: 1px solid #e4e4e4;
}
    /* line 184, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller img {
        width: auto !important;
    }
    /* line 185, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller th {
        color: white;
        background-color: #093048;
        border-right: 1px solid;
    }
    /* line 191, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller .t-first-level td, .investments table.table-scroller .t-first-level th, .investments table.table-scroller .t-second-level td, .investments table.table-scroller .t-second-level th {
        padding-left: 5px;
        height: 43px;
        padding-bottom: 0px !important;
    }
    /* line 195, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller .t-first-level td, .investments table.table-scroller .t-second-level td {
        height: 50px;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        color: #333333;
    }
    /* line 200, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller .t-first-level {
        width: 445px;
        /*height: 416px;*/
    }
    /* line 204, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller .table-container {
        width: 790px;
        margin-top: 19px;
    }
        /* line 207, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
        .investments table.table-scroller .table-container .t-second-level {
            width: 100%;
            /*height: 416px;*/
        }
            /* line 210, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
            .investments table.table-scroller .table-container .t-second-level th {
                background-color: #496c80;
                border-right: 1px solid;
            }
    /* line 216, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .investments table.table-scroller .t-scroll {
        width: 360px;
        /*height: 415px;*/
    }

.guidedinvestments table.table-scroller .t-scroll {
    width: 350px !important;
}

/* line 216, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.investments table.table-scroller .t-scroll {
    width: 360px;
    /*height: 415px;*/
}

.investments table.table-scroller th, .investments table.table-scroller td {
    padding: 0px;
}

.investments table.table-scroller th, .investments table.table-scroller td {
    padding: 0px;
}

.investments table, .table.table-scroller table {
    margin: 0 !important;
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0px !important;
    max-width: 100%;
    background-color: transparent;
}

/* line 291, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.mCustomScrollbar {
    margin-top: -19px;
}

/* line 294, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.mCSB_scrollTools {
    opacity: 1 !important;
    top: 0 !important;
    height: 19px !important;
}

/* line 299, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.mCSB_draggerRail {
    margin: 0 !important;
    height: 19px !important;
    background-color: white !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* line 305, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
.mCSB_dragger_bar {
    background-color: #f26522 !important;
    height: 19px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border: 1px solid gainsboro;
    left: 0;
}

/* line 313, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
a.mCSB_buttonLeft {
    background-image: url("/images/o-scroll-left.jpg") !important;
    background-position: center !important;
    opacity: 1 !important;
    height: 19px !important;
    width: 20px !important;
    border: 1px solid gainsboro;
}

/* line 321, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
a.mCSB_buttonRight {
    background-image: url("/images/o-scroll-right.jpg") !important;
    background-position: center !important;
    opacity: 1 !important;
    height: 19px !important;
    width: 20px !important;
    border: 1px solid gainsboro;
}


a.inactivegrey {
    background-color: #595959 !important;
    color: white !important;
}

a.activegreen {
    background-color: #2C6426 !important;
    color: white !important;
}

a.activeblue {
    background-color: #496c80 !important;
    color: white !important;
}

.enroll-subscribe {
    padding: 10px !important;
}

.floatLeft .width-fiftyfive p {
    margin-left: 0px !important;
}


header #top-header #account {
    float: right;
    -webkit-transition-duration: 0.15s;
    -moz-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
}
    /* line 138, /app/source/stylesheets/core/_header.scss */
    header #top-header #account .greeting {
        margin-top: 9px;
        float: left;
        text-align: right;
        margin-right: 16px;
        position: relative;
        z-index: 30;
    }
        /* line 145, /app/source/stylesheets/core/_header.scss */
        header #top-header #account .greeting p {
            color: white;
            margin-bottom: 7px;
            font-family: "ProximaNova-Regular",Arial,Helvetica,sans-serif;
        }
            /* line 148, /app/source/stylesheets/core/_header.scss */
            header #top-header #account .greeting p a {
                color: white;
                margin-left: 10px;
                text-decoration: none;
                font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
            }
                /* line 151, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .greeting p a:hover {
                    color: white;
                }
        /* line 155, /app/source/stylesheets/core/_header.scss */
        /*header #top-header #account .greeting.dropped p, header #top-header #account .greeting.dropped a {
        color: #2c475a; }*/
        /* line 160, /app/source/stylesheets/core/_header.scss */
        header #top-header #account .greeting .account-nav li {
            display: inline-block;
            text-transform: uppercase;
        }
            /* line 163, /app/source/stylesheets/core/_header.scss */
            header #top-header #account .greeting .account-nav li a {
                color: #a5adb3;
                margin: 0 0 0 20px;
                font-size: 12px;
                font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
            }
    /* line 172, /app/source/stylesheets/core/_header.scss */
    header #top-header #account #avatar {
        float: left;
    }
    /* line 175, /app/source/stylesheets/core/_header.scss */
    header #top-header #account #banner {
        z-index: 30;
    }
    /* line 179, /app/source/stylesheets/core/_header.scss */
    header #top-header #account .dropdown {
        z-index: 20;
    }
        /* line 181, /app/source/stylesheets/core/_header.scss */
        header #top-header #account .dropdown .dropdown-menu {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            -ms-border-radius: 0 0 4px 4px;
            -o-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-property: opacity;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            transition-property: opacity;
            -webkit-transition-duration: 0.25px;
            -moz-transition-duration: 0.25px;
            -o-transition-duration: 0.25px;
            transition-duration: 0.25px;
        }
            /* line 187, /app/source/stylesheets/core/_header.scss */
            header #top-header #account .dropdown .dropdown-menu.dropdown-menu {
                opacity: 1;
                visibility: visible;
            }
            /* line 192, /app/source/stylesheets/core/_header.scss */
            header #top-header #account .dropdown .dropdown-menu.mega.slider {
                left: -188px;
                border-radius: 0 0 4px 4px;
                border: 0;
                width: 481px;
                z-index: 0;
                padding: 10px 10px 0px;
                margin-top: -6px;
            }
                /* line 200, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .dropdown .dropdown-menu.mega.slider h4 {
                    font-size: 18px;
                    color: gray;
                    margin-bottom: 10px;
                }
                /* line 205, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .dropdown .dropdown-menu.mega.slider #main-image {
                    width: 240px;
                    margin-top: 25px;
                }
                /* line 208, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails {
                    width: 185px;
                    margin: 0 0px 0px 16px;
                }
                    /* line 211, /app/source/stylesheets/core/_header.scss */
                    header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails .list-inline {
                        text-align: left;
                    }
                        /* line 213, /app/source/stylesheets/core/_header.scss */
                        header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails .list-inline li {
                            padding: 0;
                            /*width: 138px;
                            height:78px;*/
                        }
                    /* line 219, /app/source/stylesheets/core/_header.scss */
                    header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails .carousel-control.left {
                        left: 50px;
                        top: calc(40% -118px);
                        filter: none;
                        position: relative;
                        top: -30px;
                    }
                    /* line 223, /app/source/stylesheets/core/_header.scss */
                    header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails .carousel-control.right {
                        right: 50px;
                        top: calc(40% -50px);
                        filter: none;
                        position: relative;
                        top: -30px;
                    }
                    /* line 227, /app/source/stylesheets/core/_header.scss */
                    header #top-header #account .dropdown .dropdown-menu.mega.slider #thumbnails .carousel-control img {
                        width: 100%;
                    }
                /* line 232, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .dropdown .dropdown-menu.mega.slider input[type="text"] {
                    width: 230px;
                }
                /* line 236, /app/source/stylesheets/core/_header.scss */
                header #top-header #account .dropdown .dropdown-menu.mega.slider .btn.green {
                    width: 140px;
                    margin-top: 10px;
                }
/* line 247, /app/source/stylesheets/core/_header.scss */
header #sub-header {
    background-color: rgba(44, 71, 90, 0.75);
}
    /* line 249, /app/source/stylesheets/core/_header.scss */
    header #sub-header .wrap {
        padding: 0;
    }
    /* line 252, /app/source/stylesheets/core/_header.scss */
    header #sub-header .breadcrumbs {
        padding: 9px 0;
    }
        /* line 255, /app/source/stylesheets/core/_header.scss */
        header #sub-header .breadcrumbs ul li {
            color: white;
            display: inline-block;
            text-transform: uppercase;
            font-size: 12px;
        }
            /* line 260, /app/source/stylesheets/core/_header.scss */
            header #sub-header .breadcrumbs ul li:after {
                content: ">";
                padding: 0 5px;
            }
            /* line 264, /app/source/stylesheets/core/_header.scss */
            header #sub-header .breadcrumbs ul li a {
                color: white;
            }
            /* line 268, /app/source/stylesheets/core/_header.scss */
            header #sub-header .breadcrumbs ul li.current-page:after {
                content: none;
            }
            /* line 271, /app/source/stylesheets/core/_header.scss */
            header #sub-header .breadcrumbs ul li.current-page a {
                color: #54b948;
            }
/* line 279, /app/source/stylesheets/core/_header.scss */
header .carousel-inner > .item {
    width: 100% !important;
    height: auto !important;
}
/* line 283, /app/source/stylesheets/core/_header.scss */
header .plans {
    margin-bottom: 4px;
}

.dropdown {
    position: relative;
}

/* line 24, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-toggle:focus {
    outline: 0;
}

/* line 29, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
    /* line 51, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }
    /* line 57, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }
    /* line 62, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: nowrap;
    }

        /* line 76, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: whitesmoke;
        }

    /* line 87, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: white;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

    /* line 102, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        /* line 109, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

/* line 121, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > .dropdown-menu {
    display: block;
}
/* line 126, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > a {
    outline: 0;
}

/* line 135, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-right {
    left: auto;
    right: 0;
}

/* line 145, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-left {
    left: 0;
    right: auto;
}

/* line 151, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

/* line 160, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

/* line 170, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

/* line 183, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}
/* line 189, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 769px) {
    /* line 203, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
    /* line 208, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_dropdowns.scss */
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}


.carousel {
    position: relative;
}

/* line 11, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 30px;
}
    /* line 16, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }
        /* line 23, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1;
        }
    /* line 31, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }
    /* line 33, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active {
        left: 0;
    }
    /* line 38, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }
    /* line 44, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .next {
        left: 100%;
    }
    /* line 47, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .prev {
        left: -100%;
    }
        /* line 51, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }
    /* line 55, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active.left {
        left: -100%;
    }
    /* line 58, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-inner > .active.right {
        left: 100%;
    }

/* line 67, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
    /* line 82, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    }
    /* line 85, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }
    /* line 93, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control:hover, .carousel-control:focus {
        outline: none;
        color: white;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }
    /* line 104, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }
    /* line 111, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
    }
    /* line 115, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
    }
    /* line 119, /app/vendor/bundle/ruby/2.0.0/bundler/gems/bootstrap-sass-5e583f0219dc/vendor/assets/stylesheets/bootstrap/_carousel.scss */
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }


.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid white;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: white;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 769px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }


    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}


.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.pull-right {
    float: right !important;
}


.pull-left {
    float: left !important;
}


.hide {
    display: none !important;
}


.show {
    display: block !important;
}


.invisible {
    visibility: hidden;
}


.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}


.hidden {
    display: none !important;
    visibility: hidden !important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.open {
    display: block;
}

/* fix MM column layout margins */
.sub_menu_left, .sub_menu_center, .sub_menu_right {
    margin-left: -10px;
    font-size: 15px;
}

.account-nav li a {
    text-decoration: none;
}

/* mimic look and feel of extractable site mega menu (MM) */
nav.main * {
    font-family: 'ProximaNova-Regular',Arial,sans-serif;
}

nav.main h4 {
    color: #39586c;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}

nav.main table a {
    color: #868687;
}

#menu-main-menu li ul li a {
    color: #868687;
}

nav.main table small.black {
    color: gainsboro !important;
}

nav.main table {
    margin: 10px 0 0 30px;
}

/*
THESE CHANGES NEED TO BE RE-EVALUATED. THEY CAUSE ISSUES WITH NOTIFICATION PANEL
*/

/* remove all but logo on the enrollment page*/
#enrollment header .main > .container > div {
    visibility: hidden;
}

#enrollment div.pulldown-menus {
    width: 50%;
}

#enrollment #headerRetirementImg {
    cursor: default;
}

#enrollment header .main > .container > div.pulldown-menus {
    visibility: visible;
}

#enrollment div.pulldown-menus .selectedMenu {
    margin: 0;
}

#enrollment header .main > .container > div.pulldown-menus > div > select {
    display: none;
}

#enrollment header .main > .container > div.pulldown-menus > div > div {
    display: inline !important; /* this causes the plan notification panel to glitch! */
}

#enrollment #crumbs, #enrollment .greeting p {
    display: none;
}

#enrollment .greeting p, #enrollment .greeting ul, #enrollment nav {
    visibility: hidden;
}

    #enrollment .greeting p:nth-of-type(2) {
        visibility: visible;
        display: block;
        margin-top: 0 !important;
    }

/*#enrollment header .top .container {
    background-position: left;
    width: 978px;
    margin: 0 auto;
    float: right;
    z-index: 1;
    height: 64px;
    margin-right: 31px;
}

#quickenrollment header .top .container {
    background-position: left;
    width: 978px;
    margin: 0 auto;
    float: right;
    z-index: 1;
    height: 64px;
    margin-right: 31px;
}*/


/*remove all but logo,retirement image,Logout,Plan name on the quick enroll page*/
/*#quickenrollment header .main > .container > div {
    visibility: hidden;
}*/

#quickenrollment #headerRetirementImg {
    cursor: default;
}

#quickenrollment header .main > .container > div.pulldown-menus {
    visibility: visible;
}

    /*#quickenrollment nav {
    visibility: hidden;
}*/

    #quickenrollment header .main > .container > div.pulldown-menus > div > div {
        display: inline !important;
    }


/*#quickenrollment header .main > .container > div.pulldown-menus > div > select, #quickenrollment .greeting p, #quickenrollment #crumbs {
    display: none;
}*/

/*#quickenrollment .greeting ul {
    visibility: hidden;
}*/

#quickenrollment .greeting p:nth-of-type(2) {
    visibility: visible;
    display: block;
    margin-top: 0 !important;
}

#quickenrollment div.pulldown-menus {
    width: 50%;
}

    #quickenrollment div.pulldown-menus .selectedMenu {
        margin: 0;
    }

#quickenrollment header .top .container {
    background-position: left;
}

#enrollment header #top-header #account .dropdown .dropdown-menu.mega.slider,
#quickenrollment header #top-header #account .dropdown .dropdown-menu.mega.slider {
    display: none !important;
}


#csrnewcall .account-nav, #csrnewcall nav.main, #csrnewcall #avatar-wrap #avatar, #csrnewcall #notify-container {
    display: none;
}

#sponsorprofile .account-nav, #sponsorprofile nav.main, #sponsorprofile #avatar-wrap #avatar, #sponsorprofile #notify-container {
    display: none;
}


#goingChart {
    /*width: 90%;
    height: 250px;*/
    font-size: 11px;
    width: 175px;
    height: 168px;
    /*font-size: 11px;*/
    margin: 10px 0;
}

#goingChartExpressEnroll {
    /*width: 90%;
    height: 250px;*/
    font-size: 11px;
    width: 200px;
    height: 200px;
    /*font-size: 11px;*/
    margin: auto !important;
}

.goingchartdiv {
    position: relative;
    height: auto;
}

.legends {
    float: left;
    overflow: hidden;
    text-align: left;
    width: 160px;
}

.pichart {
    position: relative;
}


.goingchartdiv #goingchartLegends {
    /* padding-top: 200px; */
    /* position: absolute; */
    margin-top: 0px;
}

.amcharts-chart-div a[href="http://www.amcharts.com/javascript-charts/"] {
    display: none !important;
}

.headerfont {
    font-size: large !important;
}

.seealllinkdiv {
    padding-left: 10px;
    cursor: default !important;
    margin-left: 82px;
    line-height: 30px;
}

.leftcontribute {
    position: relative;
}

    .leftcontribute .contributeimg {
        top: 0px;
        left: 480px;
        position: absolute;
    }

        .leftcontribute .contributeimg img {
            min-height: 250px;
            min-width: 20px;
        }

.width-thirtyfive .middlecontent {
    margin-top: 100px !important;
}

.width-thirtyEight .middlecontent {
    margin-top: 29px !important;
}

.showlicirclestyle li:before {
    content: "*";
}

.tabs-small a {
    padding: 5px 15px !important;
    margin: 3px -7px -13px 0 !important;
}

.guidedelections {
    margin-top: 30px !important;
}

    .guidedelections table.table-scroller .t-first-level {
        /*width: 430px;*/
        width: 520px;
        /*height: 416px;*/
    }

    .guidedelections table.table-scroller .t-second-level {
        width: 100%;
        height: auto !important;
    }


#tblScrollGuidedElections tr td {
    text-align: center;
}

#tblScrollGuidedElections tr th {
    background-color: #496c80;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    text-align: center;
}

#tblScrollGuidedElections img {
    width: 15px !important;
    height: 15px !important;
}

#guidedElectionTdFixes1 td, #guidedElectionTdFixes1 th, #guidedElectionTdFixes2 td, #guidedElectionTdFixes2 th {
    background-color: transparent !important;
    height: 30px !important;
    padding-left: 10px !important;
}

#guidedElectionTdFixes1 .bold, #guidedElectionTdFixes2 .bold {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
    font-size: 12px !important;
}

#guidedElectionTdFixes1 .fontsize12px, #guidedElectionTdFixes2 .fontsize12px {
    font-size: 12px !important;
}

#guidedElectionTdFixes1 .regular-text, #guidedElectionTdFixes2 .regular-text {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
}

.table-container-gelection {
    width: 480px;
    margin-top: 19px;
}
    /* line 207, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
    .table-container-gelection .t-second-level {
        width: 100%;
        height: 415px;
    }
        /* line 210, C:/OWS/BMO_Extractable/bmo-website-0.9.0.3-beta/source/stylesheets/pages/_investments.scss */
        .table-container-gelection .t-second-level th {
            background-color: #39586c;
            border-right: 1px solid;
        }




/*================================= Start Custom CSS ==================================*/

.wid45 {
    width: 45%;
}

.bordernone {
    border: 0 !important;
}

.backgroundnone {
    background: none !important;
}

table.cleanborder th {
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}

table.cleanborder td {
    border: 0px !important;
}

table.cleanheaderbackground th {
    background-color: white !important;
    /*color: #666 !important;*/
}

#amchartLegend {
    overflow: hidden;
    position: absolute;
    text-align: left;
    width: 20px;
    height: 20px;
    top: 70px;
}

.borderbottom {
    border-bottom: 1px solid #ccc;
}

.marginR15 {
    margin-right: 15px;
}

.periodDdl {
    width: 110px;
    height: 23px;
    margin-left: 10px;
    margin-right: 0px;
}

#investLine11 {
    width: 100%;
    height: 281px;
    background-color: #FFFFFF;
    margin: 5px 0 20px 0;
}

.selectStyle {
    width: 120px;
    height: 24px;
    margin-left: 10px;
    margin-right: 10px;
}

#datepicker1 {
    width: 100px;
}

#btnSubmit {
    color: #fff;
}

.marginB {
    margin-bottom: -8px;
}

#donut1 {
    width: 160px;
    height: 160px;
    overflow: hidden;
    text-align: left;
    background-color: rgb(255, 255, 255);
}

.chartpos {
    position: relative;
    width: 160px;
    height: 160px;
}

.chartoverflow {
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 140px;
    height: 160px;
    left: 20px;
}

.svgchart {
    position: absolute;
    width: 160px;
    height: 160px;
    left: 0.5px;
}

#bullsEyeDiv {
    margin-top: 49px;
    margin-left: 58px;
    padding-bottom: 10px;
}

#MoDiv {
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #ccc;
}

.amchartInner {
    font-size: 10px;
    text-align: center;
    padding-top: 4px;
}

.amchartInnerStyle {
    font-size: 10px;
    text-align: center;
    padding-bottom: 30px;
}

#Investmentsddl {
    width: 140px;
    height: 23px;
    margin-right: 10px;
}

#Sourcesddl {
    width: 140px;
    height: 23px;
    margin-left: 10px;
    margin-right: 10px;
}

#datepicker2, #datepicker3 {
    width: 100px;
}

.Q3stmt {
    float: right;
    /* font-size: 12px; */
}

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

.width100Per {
    width: 100%;
}

.overflowhidden {
    overflow: hidden;
}

.quickenrollchartdiv {
    background-color: rgb(255, 255, 255);
}

.quickenrollheight400px {
    height: 400px;
}

.quickenrollheight296px {
    height: 296px;
}

.quickenrollwidth296px {
    height: 296px;
}

.quickenrollwidth160px {
    width: 160px;
}

.quickenrolllefthalfpx {
    left: 0.5px;
}

.positionabsolute {
    position: absolute;
}

.positionrelative {
    position: relative;
}

.quickchartdivlegend {
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 160px;
    height: 104px;
}

.quickchartdivlegendsvg {
    position: absolute;
    width: 160px;
    height: 104px;
    left: 0.5px;
}

.quickenrollchartbar {
    width: 30%;
    height: 400px;
    background-color: #FFFFFF;
}

.fontsize11px {
    font-size: 11px;
}


.tabpanel {
    width: 100%;
    float: left;
    border: 1px solid #ccc !important;
    padding: 0px !important;
}

    .tabpanel .tab-content {
        border: none !important;
        border-top: 1px solid gainsboro !important;
    }

        .tabpanel .tab-content .tab-pane {
            width: 100%;
        }

.docList {
    float: right;
    margin-top: 30px;
    margin-right: 5px;
}

    .docList li {
        float: left;
        margin-left: 19px;
        margin-bottom: 0px;
    }

        .docList li a {
            font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
        }

            .docList li a img {
                margin-right: 6px !important;
            }

.tablist {
    float: left;
}

    .tablist ul li a {
        text-transform: uppercase;
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
        color: #000 !important;
        text-decoration: none !important;
    }

.investBarLeft {
    width: 30%;
    height: 281px;
    background-color: #FFFFFF;
    border-right: none !important;
    float: left;
}

.investBarRight {
    width: 69.1%;
    height: 281px;
    background-color: #FFFFFF;
    border-left: 1px solid #DCDCDC;
    float: right;
}

.leftDottedLineContainer {
    width: 30%;
    height: 10px;
    background-color: #FFFFFF;
    float: left;
}

.leftDottedLine {
    float: left;
    width: 98%;
    height: 10px;
    background-color: #FFFFFF;
    text-align: center;
    border-top: 3px dotted #ccc !important;
}

.rightDottedLineContainer {
    width: 69.1%;
    height: 10px;
    background-color: #FFFFFF;
    border-left: solid 1px #DCDCDC;
    float: right;
}

.rightDottedLine {
    width: 98%;
    height: 10px;
    background-color: #FFFFFF;
    align: center;
    float: right;
    border-top: 3px dotted #ccc !important;
}

.investBar1Legend {
    width: 30%;
    height: 118px;
    background-color: #FFFFFF;
    float: left;
}

.investBar2Legend {
    width: 69.1%;
    min-height: 118px;
    background-color: #FFFFFF;
    border-left: 1px solid #DCDCDC;
    float: right;
}

.LegendContainerDiv {
    overflow: hidden;
    width: 100%;
    min-height: 118px;
}

.LegendContainerDivmin-height {
    overflow: hidden;
    width: 100%;
    min-height: 137px !important;
}

.investBar1LegendNew {
    height: 118px;
    background-color: #FFFFFF;
    float: left;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

.investBar2LegendNew {
    min-height: 118px;
    background-color: #FFFFFF;
    border-left: 1px solid #DCDCDC;
    float: right;
    margin-right: -1px;
    padding-bottom: 500em;
    margin-bottom: -500em;
}

.bottomTextContainer {
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    float: left;
}

.leftBottomTextContainer {
    width: 30%;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    float: left;
}

.rightBottomTextContainer {
    width: 69.1%;
    background-color: #FFFFFF;
    text-align: center;
    font-size: 12px;
    /*padding-top: 10px;*/
    border-left: 1px solid #DCDCDC;
    float: right;
}

.priceAsOf {
    font-size: 12.6px;
    float: left;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif; /* JSB font replace */
}

.fundDetailsDisclaimer {
    width: 60%;
    border-left: 1px solid rgb(220, 220, 220);
    padding-left: 10px;
}

.tab-pane .tab-table {
    width: 50% !important;
}

.height435px {
    height: 435px;
}

.paddingtop25px {
    padding-top: 25px;
}

.textdecorationnone {
    text-decoration: none !important;
}

.cards .bottom-half th {
    text-align: left;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
    font-size: 14px;
}


.leftInfo {
    width: 50%;
    height: 150px;
    float: left;
    padding: 20px;
}

.transferInModule .rightbox {
    height: 150px;
    background-color: gray;
}

    .transferInModule .rightbox span {
        color: black;
        vertical-align: middle;
    }

.transferInModule .infoContainer {
    padding-bottom: 20px;
    width: 100%;
}

.transferInModule .submoduleHeader {
    margin-bottom: 10px;
    font-family: "ProximaNova-Semibold", Arial, Helvetica, sans-serif;
    color: #496c80;
}

.tblFundTransfer th {
    text-align: left;
}

.tblFundTransfer td {
    text-align: left;
}

    .tblFundTransfer td.t-center {
        text-align: center !important;
    }

.tblFundTransfer .expandSection {
    border: 1px solid #ccc;
    padding: 10px;
}

.tblFundTransfer input[type=text] {
    width: 50px;
    padding-right: 0px;
}

/*------Responsive Interfund Transfer--------*/
/*
    SEE OWS-18213

@media screen and (max-width:960px) {
    .collapseddetailslabel {
        display: none;
    }

    table.tblFundTransfer tr td:nth-child(1), table.tblFundTransfer tr th:nth-child(1),
    table.tblFundTransfer tr td:nth-child(3), table.tblFundTransfer tr th:nth-child(3) {
        display: none;
    }
}

@media screen and (max-width:730px) {
    table.tblFundTransfer tr td:nth-child(4),
    table.tblFundTransfer tr th:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width:615px) {
    table.tblFundTransfer tr td:nth-child(6),
    table.tblFundTransfer tr th:nth-child(6) {
        display: none;
    }

    table.tblFundTransfer tr th:nth-child(5) {
        white-space: normal !important;
    }
}

@media screen and (max-width:420px) {
    table.tblFundTransfer tr th:nth-child(7) {
        white-space: normal !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width:375px) {
    table.tblFundTransfer tr th,
    table.tblFundTransfer tr td {
        padding: 10px !important;
        margin: 0 !important;
    }
}

@media screen and (max-width:320px) {
    table.tblFundTransfer tr th,
    table.tblFundTransfer tr td {
        padding: 5px !important;
        margin: 0 !important;
    }
}
*/
/*------Responsive Interfund Transfer--------*/

.verifyTransferModule .fromFundsContainer {
    width: 45%;
    float: left;
    height: auto;
}

.verifyTransferModule .toFundsContainer {
    width: 45%;
    float: right;
    height: auto;
}

.interfundTransferHeaderModule .rightbox {
    background-color: #EFF9EE;
}

/*================================= End Custom CSS ==================================*/

.btn.center {
    margin: 0 auto;
    max-width: 70% !important;
    display: block;
    clear: both;
    padding: 12px !important;
}

.retirement-progress table td {
    border: 0 !important;
}

#slider-number {
    position: absolute;
    bottom: 15px;
    left: calc(50% - 38.5px);
}

.footer-links a.white-text {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    font-size: 12px;
}

/* fixes for individual_elections page */
#totalPerc, .totalPerc {
    display: block;
    text-align: center;
    font-size: 21px !important;
}

.pnexttobutton {
    max-width: 650px;
}

.buttonnexttop p {
    max-width: 130px;
    text-align: left !important;
    margin: -10px 0 0;
    line-height: 1.2;
}

.radiogroup {
    padding: 10px 20px 20px;
}

.portfolionow .toggles-cards-table {
    display: block;
    min-width: 100px;
}

.portfolionow .right p {
    margin-left: 20px;
}

.investments .futureinvbox {
    padding: 10px 30px 20px 15px !important;
}

.filter-type-list a {
    display: inline-block;
}

/* fixes for IE header layout issues */
header .main {
    min-height: 80px;
}

    header .main .container {
        padding: 0;
    }

.navbar {
    height: 0 !important;
    float: left !important;
}

header .main {
    padding-top: 10px;
}

.pulldown-menus select::-ms-expand {
    display: none;
}

/* module styling */
#main-content .module .module-title, aside .module-title, .side-column .imodule-title {
    color: #333;
    font-size: 20px !important;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
}

.module .module-content p {
    font-size: 14px;
}

#main-content .module .module-title {
    font-size: 24px !important;
}

aside .module-title, .side-column .imodule-title {
    font-size: 24px;
    color: #185b8c !important;
    text-transform: none;
    font-weight: normal;
    line-height: 1 !important;
    text-transform: none !important;
}

/* investments page styling */
.docs a {
    color: #185b8c !important;
}

.docs h3, #card-title {
    text-transform: none !important;
    font-size: 24px !important;
    font-weight: normal;
}

.green-grad .bold {
    font-weight: normal;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #333;
}

#investBar1Legends p {
    line-height: 1.1 !important;
}

.graph-text .s-med {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
}

.nav-tabs a {
    font-weight: normal !important;
}

#tblPerformance th, #tblPrice th {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    text-align: left;
    margin-left: 5px;
}

/* ProximaNova-Bold */
.s-bold, .interfundTransferHeaderModule .blueboldtext, .checkbox-list {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    font-weight: normal !important;
}

/* ProximaNova-Semibold */
.s-sbold, #myTab a.tabbutton, #btnContinue, .balance-table label, .thirds .thirds-title, .contributions .widget.totals .s-smed, .btn, .graph-text strong, #infographic .infographic-title, #infographic .infographic-title a {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
}

/* ProximaNova-Regular */
.s-reg, .regular-text, select {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
}


/***************************** 
    NOTE: These are only used for exception cases, use the .s-xreg, .s-xmed, etc font size classes beginning on line 3545
*****************************/
/* font size 12px */
.fontsize12px {
    font-size: 12px !important;
}

/*font size 14 px*/
.fontsize14px {
    font-size: 14px !important;
}

/* font size 14px */
select, .docs-reader a, .noUi-value-large, .sliderbottom {
    font-size: 14px !important;
}

/* font size 16px */
.balance-table label, .thirds .thirds-title, .fontsize16px {
    font-size: 16px !important;
}

/* font size 20px */
.infographic-title {
    font-size: 20px;
}

/* font size 24px */
#main-content #welcome-title, #main-content .module-title.s-xmed {
    font-size: 24px !important;
}

/* blue header #185b8c */
#fund-transfer .thirds a.module-title, .infographic-title, .infographic-title a {
    color: #185b8c !important;
}

/* #808080 */
.s-8, .noUi-value-large, .sliderbottom {
    color: #333333 !important;
}

.withdrawals h3.docs-module-title {
    border-bottom: none !important;
    background: none;
}

a.strong.a.bluelink, .s-xreg {
    font-weight: normal !important;
}

.inv-price-scroll-width {
    width: 470px !important;
}

/* for checkbox labels */
.checkbox-list input[type="checkbox"] {
    float: left;
}

    .checkbox-list input[type="checkbox"] ~ label {
        display: table-row;
        line-height: 1.2;
    }

.checkbox-list li {
    clear: left;
    line-height: 1;
    margin-bottom: 10px !important;
}

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

/* fix for express enrollment pie chart label spacing */
.goingchartdiv .headerfont {
    margin-left: 0;
}

.headerfont.chart-header {
    text-align: center;
    margin: 0 0 -30px -30px;
}

/* general fixes */
#fund-transfer .thirds a.module-title {
    margin-bottom: -15px;
    display: block;
}

.special-message-box {
    background: rgba(99, 193, 90, 0.10) !important;
}

.sidebar h3.icon-calc:before {
    display: none;
}

div h3.icon-calc {
    background: url(/images/calc-icon.png) no-repeat;
    padding: 0 0 0 30px;
    border: 0;
}

    div h3.icon-calc:before {
        display: none;
    }

.sidebar h3.icon-calc {
    background: url(/images/calc-icon.png) no-repeat;
    padding: 0 0 0 30px;
    border: 0;
    margin: 0 -10px 10px 0 !important;
}

.sidebar p.dotted-spaced {
    margin-bottom: 15px !important;
    padding-bottom: 15px;
}

.contributions .widget.totals .total.s-xl {
    font-size: 36px;
    color: #63c15a;
}

.floatRight.width-fiftyone {
    width: 65%;
}

.cancel-message {
    margin: 30px 30px 0;
}

#main-content .btn.cancel {
    background: #496C80 !important;
}
/* add "cancel" class to all cancel buttons for this formatting */
.module-subtitle {
    font-size: 16px;
    font-family: 'ProximaNova-Regular';
    margin-bottom: 15px !important;
}

.module h3.s-reg.s-xmed:first-child {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
}
/* reset any module-title elements that were set to Regular font based on previous instructions */

/* enrollment page*/
#enrollment #infographic .threepiller img {
    float: left;
    margin-right: 5px;
}

#enrollment #infographic .btn.green {
    padding: 10px;
    display: block;
}

/* OWS-18269 This causes the issue in the ticket
#enrollment .widget.featured-image {
    width: 920px;
    height: 300px;
}
*/

#myCarousel2 a.selected img {
    outline: 3px solid #63c15a;
    opacity: 1 !important;
    margin: 3px;
    width: 132px;
    height: 72px;
}
/* set my goals selected thumb */

/* table layout css for enrollment page */
.table-container {
    border-spacing: 5px;
    display: table;
    margin-top: -10px;
}

.table-cell {
    border: solid #ddd 2px;
    display: table-cell;
    padding: 10px;
    border-width: 0 2px;
    width: 290px;
}

.table-container:first-child .table-cell {
    border-top: 2px solid #ddd;
}

.table-container:last-child .table-cell {
    border-bottom: 2px solid #ddd;
    top: -10px !important;
}

.table-cell img {
    float: left;
    margin-right: 10px;
}

/* account for mobile display where css table layout cannot reside */
.threepiller {
    float: none;
    width: 100%;
    min-height: 0;
    margin-bottom: 15px;
}

    .threepiller .btn.green.block {
        margin: 10px 0 0;
    }

/* semi-bold 16px #496c80*/
#infographic p, #Container .confirmation .semi-bold, .semi-bold-blue-six {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    font-size: 16px !important;
    color: #496c80 !important;
}

/* end table layout css*/

/* confirmation screens*/
.confirmation .module .btn.right {
    float: none !important;
    margin-left: -20px !important;
}

.checkbox-list .pad-left-five {
    padding: 0 !important;
}

/* set my goals */
#Container .set-my-goals .btn.green.right {
    margin: 0;
}

.pre-slider {
    width: 100%;
    float: none;
    position: relative;
    right: 25px;
}
/* fixes issue with continue button float affecting slider module */

/* fund transfer */
.fund-transfer .img-width-full {
    padding: 20px 15px !important;
    padding-bottom: 15px !important;
}

.fund-transfer .img-width-reduced {
    padding: 20px 15px !important;
    padding-bottom: 15px !important;
}

.fund-transfer .img-width-full img {
    width: 246px !important;
}

.fund-transfer .img-width-reduced img {
    width: 210px !important;
}

.fund-transfer .thirds .bordered {
    min-height: 278px !important;
}

.fund-transfer .thirds {
    max-width: 280px;
}

    .fund-transfer .thirds .mar-ten-top {
        margin: -5px 0 15px 0 !important;
    }


/* widget table alignment */
.widget table th {
    text-align: left;
}

    .widget table th:last-child {
        text-align: center;
    }

.regulartbl tr th {
    cursor: default;
}

.regulartbl tr td {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    font-size: 14px !important;
    cursor: default;
}

    .regulartbl tr td a {
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
        font-size: 14px !important;
        cursor: pointer;
    }

        .regulartbl tr td a.s-sbold {
            font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
            font-size: 14px !important;
        }

#tblIndividualElections td, #tblIndividualElections th {
    padding-left: 10px !important;
}

span.total {
    color: #333333;
}

.height30 {
    line-height: 30px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#tblFundTransfer td {
    padding-left: 15px;
    padding-right: 15px;
}

.k-percent input, .k-dollars input, #k-dollar-slider_2 .noUi-value-large {
    color: #333 !important;
}

.auto-width {
    width: auto !important;
}

.individual-elections .total-box {
    width: 75% !important;
    line-height: 3;
}



.nav-section {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
}

/* contributions fixes */
.contributions .cancel-area {
    width: 265px;
}

    .contributions .cancel-area .floatRight {
        width: 200px;
        float: left;
    }

/* interfund-transfer */
.tblFundTransfer td, .tblFundTransfer th {
    padding: 5px 15px !important;
}

.tblFundTransfer input[type=text] {
    width: 50px;
    padding-right: 0px;
}

.tblFundTransfer th:last-child {
    padding-right: 40px !important;
}

.verify-module h4, .verifyTransferModule h4 {
    font-size: 22px;
    color: #333;
}

.interfund-transfer .width-sixteen {
    width: 150px;
    text-align: right;
    margin-top: -10px;
    line-height: 1.25;
}

.collapseddetails, .expanddetails {
    /* background-image: url("/images/only-plus-sprite.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left 0; */
    background: #f26522;
    border-radius: 50%;
    height: 20px;
    width: 20px !important;
    display: inline-block;
    color: #fff !important;
    font-size: 16px;
    line-height: 18px;
}

.collapseddetails_transfer, .expanddetails_transfer, .collapseddetails_transfer_in {
    /* background-image: url("/images/only-plus-sprite.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left 0; */
    background: #f26522;
    border-radius: 50%;
    height: 20px;
    width: 20px !important;
    display: inline-block;
    color: #fff !important;
    font-size: 16px;
    line-height: 18px;
}

.collapseddetails, .collapseddetails_transfer, .collapseddetails_transfer_in {
    line-height: 20px;
}

    .collapseddetails:after, .expanddetails:after, .collapseddetails_transfer:after, .expanddetails_transfer:after, collapseddetails_transfer_in:after {
        content: '+';
        text-align: center !important;
        display: block;
        margin: 0 0 0 1px;
    }

.expanddetails:after, expanddetails_transfer:after {
    content: '-';
}

.collapseddetails:hover, .expanddetails:hover, .expanddetails_transfer:hover, .collapseddetails_transfer:hover, .collapseddetails_transfer_in:hover {
    text-decoration: none !important;
}

.collapseddetails14px, .expanddetails14px, .collapseddetails14px_election, .expanddetails14px_election {
    /* background-image: url("/images/only-plus-sprite.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left 0; */
    background: #f26522;
    border-radius: 50%;
    height: 13px;
    width: 13px !important;
    display: inline-block;
    color: #fff !important;
    font-size: 16px;
    line-height: 18px;
}

.collapseddetails14px {
    line-height: 13px;
}

.collapseddetails14px_election {
    line-height: 13px;
}

    .collapseddetails14px:after, .expanddetails14px:after, .collapseddetails14px_election:after, .expanddetails14px_election:after {
        content: '+';
        text-align: center !important;
        display: block;
        margin: 0 0 0 1px;
    }

.expanddetails14px:after, .expanddetails14px_election:after {
    content: '-';
    text-align: center !important;
    display: block;
    margin: -3px 0 0 0px;
}

.collapseddetails14px:hover, .expanddetails14px:hover, .collapseddetails14px_election :hover, .expanddetails14px_election :hover {
    text-decoration: none !important;
}

.continue .right {
    margin-left: 30px !important;
    display: block !important;
}

.continue .btn-message {
    clear: left !important;
    display: block;
    font-family: 'ProximaNova-Italic',Arial,Helvetica,sans-serif;
    width: 150px;
    line-height: 1.25;
    margin-top: -10px;
    font-size: 14px !important;
    color: #990000 !important;
}

.continue .btn-message-model {
    clear: left !important;
    display: block;
    font-family: 'ProximaNova-Italic',Arial,Helvetica,sans-serif;
    width: 200px;
    line-height: 1.25;
    margin-top: -10px;
    font-size: 14px !important;
    color: #990000 !important;
}

.continue p {
    padding: 20px 0;
}

.continue .btn-messageLone {
    clear: left !important;
    display: block;
    font-family: 'ProximaNova-Italic',Arial,Helvetica,sans-serif;
    width: 194px;
    line-height: 1.25;
    margin-top: -10px;
    font-size: 14px !important;
    color: #990000 !important;
}

img.portfolioarrow {
    height: 70px;
}

.interfund-transfer img.portfolioarrow {
    margin: -30px -15px 0 15px;
}

.proximanova14pxff0000 {
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #990000;
}


.complete-area {
    font-size: 14px;
    font-style: italic;
}

h3.completerealignment {
    font-size: 24px !important;
    text-align: right;
    margin-bottom: 15px !important;
}

.realignment .btn.submit {
    width: 190px !important;
}

table .width-ten {
    white-space: nowrap !important;
}
/* this is required for the expand-collapse element to avoid wrapping with 15px padding on sides */
#Sourcesddl.styled-select {
    margin: 0 16px;
}

.expressenroll {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
    font-size: 36px !important;
    color: #63c15a;
}

.color333 {
    color: #333333 !important;
}

.investments .browsefunds-tabs a.toggleLink {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    min-width: 50px !important;
    font-size: 14px !important;
}

.toggles-cards-table a.toggleLink {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    min-width: 50px !important;
    font-size: 14px !important;
}

.toggles-cards-table a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    border: 1px solid gainsboro;
    background-color: white;
    color: #185b8c;
    margin: 0px -7px -13px 0;
}
    /* line 70, /app/source/stylesheets/pages/_investments.scss */
    .toggles-cards-table a:hover {
        text-decoration: none !important;
    }
/* line 73, /app/source/stylesheets/pages/_investments.scss */
.toggles-cards-table a {
    color: white;
    background-color: #185b8c;
}
    /* line 77, /app/source/stylesheets/pages/_investments.scss */
    .toggles-cards-table a:first-child {
        -webkit-border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
        -ms-border-radius: 7px 0px 0px 7px;
        -o-border-radius: 7px 0px 0px 7px;
        border-radius: 7px 0px 0px 7px;
    }
    /* line 80, /app/source/stylesheets/pages/_investments.scss */
    .toggles-cards-table a:last-child {
        -webkit-border-radius: 0px 7px 7px 0px;
        -moz-border-radius: 0px 7px 7px 0px;
        -ms-border-radius: 0px 7px 7px 0px;
        -o-border-radius: 0px 7px 7px 0px;
        border-radius: 0px 7px 7px 0px;
    }

.investments table.totalClean span.selectbtn {
    padding: 5px 10px !important;
    margin-right: 5px;
}

.checkbox-list ul li.no-mar label.chklabel {
    font-family: proximanova-bold !important;
    font-size: 14px !important;
}

h4.subheading {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    font-size: 20px;
}

.btnMessage, .cancel-message {
    font-style: italic;
    font-family: "ProximaNova-Light", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

#r-age-slider .noUi-pips div[style="left: 100.00000%"] {
    display: none;
}

#r-age-slider .noUi-pips div[style="left: 100%;"] {
    display: none;
}

.tblReturn tr td {
    padding: 0px !important;
    height: 30px !important;
    font-size: 12px !important;
    color: #333333 !important;
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid gainsboro !important;
    text-align: center !important;
}

.tblReturn tr th {
    padding: 0px !important;
    height: 30px !important;
    font-size: 12px !important;
    color: #333333 !important;
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    background-color: transparent !important;
    text-align: center !important;
}

.tblReturn th:last-child {
    padding-right: 0px !important;
}

.verify-message {
    clear: both;
    padding-top: 10px;
    font-size: 14px;
}

.module .email-container {
    margin-bottom: 10px;
}

    .module .email-container .email-heading {
        font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
        font-size: 14px;
        border-bottom: 1px solid gainsboro;
        width: 100%;
        margin-bottom: 5px;
    }

    .module .email-container .email-details {
        font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif;
        font-size: 14px;
    }

    .module .email-container a {
        font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
        color: blue !important;
    }

table.clean tr td.collapsibleSection, .regulartbl tr td.collapsibleSection {
    color: #808080;
}

table.clean tr td.invName {
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
    color: #185b8c;
}

.module .docs-readeraside .imagediv img {
    height: 22px;
    vertical-align: middle;
    width: 50px;
}

.docs-readeraside .imagediv {
    width: 66%;
}

.module .docs-readeraside .textdiv {
    font-size: 11px;
    width: 34%;
}

td.collapsibleSection.tdelection {
    padding-left: 11px;
}

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

.videoImages {
    width: 200px;
    height: 114px;
}

.guidedtabheading {
    max-width: 100%;
    vertical-align: top;
    text-align: left;
    border-bottom: hidden;
}

    .guidedtabheading div {
        width: 100%;
        bottom: 0px;
    }

    .guidedtabheading p {
        vertical-align: middle;
        text-align: center;
    }

.guidedtabheadingicon {
    width: 25%;
    padding: 0px;
    height: 70%;
    vertical-align: middle;
    text-align: center;
}

.quick-enroll-chart {
    width: 200px;
    height: 200px;
}

.altelection-chart {
    width: 170px;
    height: 200px;
}

.display-block {
    display: block;
}

.displaynone {
    display: none;
}

#tblDesBene input[type="radio"] {
    width: 20px;
    margin: 0px;
}

#tblDesBene input[type="text"] {
    margin: 0px;
}

#tblDesBene tr td, .tblDesBeneverify tr td {
    padding: 5px !important;
}

#tblDesBene th {
    padding: 10px !important;
}

.beneficiaryradiolabel {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 280px;
    font-size: 14px;
}

#byInvestment tr td {
    padding-left: 8px;
    padding-right: 8px;
}

.color-blue {
    color: #185b8c !important;
}

.color-orange {
    color: #F26522 !important;
}


.tblSelectPlan .t-left {
    text-align: left !important;
}

ul.statemenst li:before {
    content: " ";
    height: 50px;
    width: 50px;
    background: url(/images/pdf-medium.png) no-repeat;
    background-size: contain;
    display: block;
    float: left;
    margin-right: 10px;
}

.loan-aside {
    width: 220px !important;
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.loan-section {
    width: 670px !important;
    margin-left: 0 !important;
}

#main-content h3.module-second-title {
    margin: 0 5px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid gainsboro;
    text-transform: none !important;
    font-weight: normal !important;
}

.infoContainer {
    margin-top: 15px;
}

    .infoContainer .infoRow {
        clear: both;
        padding-top: 15px;
    }

    .infoContainer .cell {
        float: left;
    }

    .infoContainer .key {
        color: #333333 !important;
        font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
        width: 22%;
    }

    .infoContainer .value {
        color: #333333 !important;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        width: 15%;
        font-size: 14px;
    }

    .infoContainer .largevalue {
        color: #333333 !important;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        width: 35%;
        font-size: 14px;
    }

    .infoContainer .editLink {
        width: 15%;
        font-size: 14px;
    }

    .infoContainer .infomessage {
        color: #333333 !important;
        font-size: 12px;
        font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
        font-style: italic;
        width: 35%;
    }

.infoRow .errorMsg {
    float: right;
    font-style: normal;
}

.infoRow .errorMsgContainer {
    width: 52%;
}

.new-password-section .infoRow .key {
    width: 42%;
}

.pwd-strength-indicator {
    height: 10px;
    background-color: grey;
    width: 50%;
}

.password-disclaimer {
    float: left;
    width: 48%;
    padding-top: 10px;
}

.password-disclaimer-msg {
    font-style: italic;
    width: 48%;
    padding-top: 5px;
}

.largevalue p {
    margin-bottom: 10px;
}

.left-container {
    width: 52%;
    float: left;
}

.new-password-section .errorMsgContainer {
    width: 100%;
    padding-right: 10px;
}

.infoContainer .docs {
    width: 40% !important;
}

.doclistContainer {
    padding: 10px;
    float: right;
    width: 40%;
}

    .doclistContainer li {
        margin-bottom: 0px;
    }

    .doclistContainer hr {
        margin: 0.5em;
    }


.detailsContainer .infoRow .key {
    width: 27%;
}

.detailsContainer .infoRow .value {
    font-size: 14px;
}

.disablediv {
    opacity: 0.5;
    background: #9E9E9E;
    position: relative;
    max-height: 260px;
}

    .disablediv a {
        pointer-events: none;
        cursor: default;
    }

.disableddivtext {
    color: #990000;
    position: absolute;
    z-index: 10;
    top: 20%;
    font-size: 24px !important;
    opacity: 1;
}

.grayBgBox .title {
    font-size: 18px;
    border-bottom: 1px solid #333333 !important;
    font-family: 'ProximaNova-Semibold';
}

.loanInfoContainer {
    padding-top: 25px;
    clear: both;
}

    .loanInfoContainer .thinbordered {
        padding: 10px;
        margin-left: 5%;
    }

.loanInfoMsg {
    width: 50%;
    float: left;
    margin-left: 5%;
    padding-top: 10px;
    font-family: 'ProximaNova-Semibold';
}

.loanInfoContainer table input {
    width: 60px;
    padding: 5px 5px 5px 5px;
    margin-right: 0px !important;
}

.loanInfoContainer .maxAmountMsg {
    width: 70%;
    float: left;
    margin: 30px 0 0px 0;
}

.loanInfoContainer button {
    margin: 30px 0px 0 !important;
}

.loanInfoContainer table.clean {
    margin-top: 20px;
}

.loanInfoSelection {
    margin-top: 20px;
    float: left;
    width: 51%;
}

.residentialLoanMsg {
    width: 47%;
    float: left;
    margin-left: 10px;
    color: #990000;
}

    .residentialLoanMsg p {
        font-size: 11px !important;
    }

#byInvestment tr.byInvestmentsubtotal {
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif !important;
    font-size: 14px !important;
    color: #808080;
}


.nounderline {
    text-decoration: none !important;
}

a.nounderlinelink:hover {
    text-decoration: none !important;
    cursor: default;
}

.extncolor {
    background-color: #d4d4d4 !important;
}

#byInvestment tr.byInvestmentsubtotal:hover {
    color: #808080 !important;
}

.fontsize24 {
    font-size: 24px !important;
}


.fontsize21 {
    font-size: 21px !important;
}

.numberfont {
    color: #185b8c !important;
    font-size: 16px !important;
}

#electionsInvriskdiv {
    position: relative;
}

    #electionsInvriskdiv .moderatelbl {
        top: 23px;
        position: absolute;
        left: 287px;
    }

.riskIndicator {
    position: relative;
}

    .riskIndicator .moderatelbl {
        top: 28px;
        position: absolute;
        left: 386px;
    }

    .riskIndicator .moderatelblfundsel {
        top: 25px;
        position: absolute;
        left: 382px;
    }

#balancesInvriskdiv {
    position: relative;
}

    #balancesInvriskdiv .moderatelbl {
        top: 28px;
        position: absolute;
        left: 287px;
    }

.width-four-hundred-ninty-px {
    width: 490px !important;
}


.beneficarybox {
    background-color: #f8f8f8 !important;
    /*display: table !important;*/
    padding: 15px !important;
    position: relative !important;
}

.gainloss1 {
    color: #2c6426 !important;
}

.gainloss2 {
    color: #99360f !important;
}

.displayinlineblock {
    display: inline-block;
}

.greenborder {
    border: 2px double green !important;
}

.redborder {
    border: 2px double red !important;
}

.darkgreyborder {
    border-style: solid;
    border-width: 20px;
    border-color: #707070;
}

table.loandetail th {
    border: none;
    border-bottom: 1px solid gainsboro;
}

table.loandetail tr th {
    background-color: transparent;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    padding: 0;
    color: #333333;
    border-right: none !important;
}

table.loandetail {
    border: none;
    margin: 0;
}

    table.loandetail tr {
        background-color: transparent;
        color: #333333;
    }

        table.loandetail tr td {
            padding: 5;
            border: none;
        }

        table.loandetail tr th {
            font-weight: bold;
            text-align: right !important;
            padding: 5px;
            border: none;
        }

        table.loandetail tr:hover {
            color: #333333;
        }

.no-right-border {
    border-right: 0 none !important;
}

.no-left-border {
    border-left: 0 none !important;
}

.no-top-border {
    border-top: 0 none !important;
}

.no-bottom-border {
    border-bottom: 0 none !important;
}

.req-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    background-color: #595959 !important;
}

.req-tabs a.tabs {
    color: #ffffff !important;
    background-color: #707070 !important;
}

table.bluebackgroundheader .tblgreyback tbody tr, table.bluebackgroundheader .tblgreyback thead tr {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #ccc;
}

table.bluebackgroundheader .tblgreyback tr th {
    color: #333333 !important;
    background-color: #f8f8f8 !important;
    border-bottom: 1px solid #ccc !important;
    font-family: 'ProximaNova-bold',Arial,Helvetica,sans-serif !important;
}

table.bluebackgroundheader .tblgreyback tr td a {
    background-color: #f8f8f8 !important;
    font-family: 'ProximaNova-bold',Arial,Helvetica,sans-serif !important;
}

table.bluebackgroundheader .tblgreyback tr td {
    background-color: #f8f8f8 !important;
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
}

table.bluebackgroundheader .tblgreyback tr:first-child {
    border-top: 1px solid #ccc !important;
}

table.bluebackgroundheader .tblgreyback {
    margin: 0px;
}

.greyback {
    background-color: #f8f8f8 !important;
}

table.paddingtopbottomnone td {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.marginleft0 {
    margin-left: 0px !important;
}

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

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

.selectinv {
    background-color: #99360F !important;
    color: #FFFFFF !important;
}


tr.loanPaymentDetails th {
    background: none;
    color: #333;
}

p.icon-calc:before {
    display: none;
}

p.icon-calc {
    background: url(/images/calc-icon.png) no-repeat;
    padding: 0 0 0 30px;
    border: 0;
    margin: 0 -10px 10px 0 !important;
}

#calculationResultsMsgs {
    font-style: italic;
}

.focus {
    border: 2px solid #63c15a !important;
    background-color: #cbecb0 !important;
}

.logintextbox {
    width: 270px !important;
    height: 30px !important;
    background-color: #fff;
}

.width-twoseventy {
    width: 270px;
}

#securityInfoUpdate input[type=text], #securityInfoUpdate input[type=password], #securityInfoUpdate select {
    width: 260px;
}

.ProximaNova-italicfont {
    font-style: italic;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
}

.colorF26552 {
    color: #F26552;
}

.password-strength-box {
    background-color: #CCCCCC;
    border: 1px solid gray;
    height: 8px;
    display: block;
}

.height250px {
    height: 200px !important;
}

table.tbltools tr:last-child td {
    border: 0px !important;
}

table.tbltools thead tr:first-child th {
    border-bottom: 1px solid #333;
}

.collapsed-content {
    max-height: 60px;
    overflow: hidden;
}

.collapsed-line {
    max-height: 88px;
    overflow: hidden;
}

.collapsed-line2 {
    max-height: 160px;
    overflow: hidden;
}

.expanded-content {
    height: auto;
    overflow: auto;
}

.index-close-gap-arrow {
    left: 135px;
    top: 50px;
}

.index-closegap-chart {
    width: 175px;
    height: 159px;
}

.index-closegap-risklow-lbl {
    top: 130px;
    left: 36px;
}

.index-closegap-riskmod-lbl {
    top: 130px;
    left: 55px;
}

input.percentText {
    height: 29px;
    width: 50px !important;
}

.plan-links {
    color: #185b8c !important;
    font-size: 20px;
    line-height: 20px;
    font-weight: bolder;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.distributionstart-half {
    margin-right: 1.5%;
    float: left;
    width: 60%;
    padding-bottom: 10px;
}

.distributionstart-secondhalf {
    margin-right: 1.5%;
    float: right;
    width: 60%;
    padding-bottom: 10px;
}

.calcimg {
    height: 56px;
    width: 48px;
}

.account-heading {
    background-color: #093048;
    color: #fff;
    padding: 5px 30px;
    font-size: 18px;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
}

.opacity50 {
    opacity: 0.5;
}

.tblaccountinfo tr td {
    padding: 10px !important;
}

.tblcellborder tr td:not(:last-child) {
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}

.tblcellborder tr td:last-child {
    border-left: 1px solid #ccc !important;
}

.tblcellborder tr:last-child td:not(:last-child) {
    border-bottom: 1px solid #ccc !important;
}

.whitebackground {
    background: none repeat scroll 0 0 #fff !important;
}

.marginTop {
    margin-top: -5px;
}

.width8px {
    width: 81px;
}

#mainDiv {
    background-color: #ffffff;
}

.fontBold {
    font-weight: bold;
}

.applypad {
    padding: 8px 15px;
}

.sortlinks {
    padding-bottom: 10px;
}

    .sortlinks a {
        padding: 0 5px 0 5px;
    }

    .sortlinks .current-page {
        color: gray !important;
        border: 1px solid gainsboro;
    }

    .sortlinks .disabled {
        color: gray !important;
    }

    .sortlinks .prevLink:before {
        content: '\25C0';
        padding-right: 10px;
    }

    .sortlinks .nextLink:after {
        content: '\25B6';
        padding-left: 10px;
    }

.findparticipantdiv1 {
    padding-right: 30px;
    border-right: 2px solid gainsboro;
    float: left;
    position: relative;
}

.findparticipantdiv2 {
    padding: 0 0 0 30px;
    border-right: 2px solid gainsboro;
    float: left;
    position: relative;
}

.findparticipantdiv3 {
    padding: 0 30px 0 40px;
    float: left;
}

.findparticipantdiv4 {
    padding-right: 15px;
    border-right: 2px solid gainsboro;
    float: left;
    position: relative;
}

.findparticipantdiv5 {
    padding: 0 0 0 19px;
    border-right: 2px solid gainsboro;
    float: left;
    position: relative;
}

.ordivider1 {
    position: absolute;
    left: 250px;
    top: 100px;
    background: white;
}

.ordivider2 {
    position: absolute;
    left: 293px;
    top: 100px;
    background: white;
}

.ordividersponsorIndex {
    position: absolute;
    left: 116px;
    top: 100px;
    background: white;
}

#banner.pos-rel img {
    width: 212px;
    height: 64px;
}

#headerRetirementImg {
    width: 80px;
    height: 64px;
}

header {
    height: 80px;
}

.background-white {
    background: white !important;
}

.zonemaxheight {
    position: relative;
    width: 280px;
    min-height: 278px;
    margin-bottom: 15px;
    height: 410px !important;
}

.zoneminheight {
    position: relative;
    width: 280px;
    min-height: 278px;
    margin-bottom: 15px;
    height: 278px;
}

#fundavailable, #fundnotavailable {
    width: 100%;
    height: 100%;
    position: absolute;
}

#fundnotavailable {
    background-color: #9e9e9e;
    opacity: 0.75;
    font-weight: bold;
}

    #fundnotavailable div {
        position: absolute;
        border: 1px solid #c20000;
        color: #990000;
        left: 25px;
        right: 25px;
        top: 40px;
        padding: 5px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }
/*
#avatar-wrap {
    margin-top:8px;
    max-width: 100%;
    float: left;
    margin-bottom: 10px;
    height: 62px;
    //background:#fff;
    width:297px
}
*/

#avatar-wrap {
    margin-top: 8px;
    float: none;
}


.linkpointer {
    cursor: pointer;
}

.autoExpand {
    display: block;
    box-sizing: padding-box;
    overflow: hidden;
    padding: 5px 5px 5px 10px;
    width: 462px;
    font-size: 14px;
    border: 1px solid gainsboro;
    transition: all 1s;
    -webkit-transition: all 1s;
    box-shadow: inset 11px 11px 5px -10px #a0a0a0;
    font-family: "ProximaNova-Regular", Arial, Helvetica, sans-serif;
    font-style: italic;
    min-height: 29px !important;
}

.noforms {
    height: 100px;
    text-align: center;
}

.logoutMultiSessionDialog {
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 20px;
}

.proximanova12px {
    font-family: ProximaNova-Bold,Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    color: #333333;
}

.proximanova14px {
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #333333;
}

.proximanova14pxred {
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #F26522;
}

.csrheader {
    min-height: 60px;
    background: #2C475A;
    /*padding;*/
    width: 100%;
    color: #f8f8f8;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
}

    .csrheader .container {
        padding-top: 15px;
        padding-left: 80px;
    }

#btnendcall {
    box-shadow: none !important;
    margin-bottom: 15px !important;
    padding-left: 15px;
    padding-right: 15px;
    color: #FFF;
}

.border2pxgray {
    border: solid #ddd 2px !important;
}

#infographic {
    margin-left: -5px;
    margin-right: -5px;
}

.centerAllocation {
    bottom: 0;
    left: 30px;
    top: 120px;
    right: 0;
    margin: auto;
    position: absolute;
}

.centerSector {
    bottom: 0;
    left: 200px;
    top: 120px;
    right: 0;
    margin: auto;
    position: absolute;
}



#electionoptions {
    position: relative;
    width: 290px;
    height: 285px;
    min-height: 285px;
    margin-bottom: 15px;
    margin-top: 30px !important;
}

#electionoptions {
    position: relative;
    width: 290px;
    height: 285px;
    min-height: 285px;
    margin-bottom: 15px;
    margin-top: 30px !important;
}

#electionavailable, #electionnotavailable {
    width: 100%;
    height: 100%;
    position: absolute;
}

#electionnotavailable {
    background-color: #9e9e9e;
    opacity: 0.75;
    font-weight: bold;
}

    #electionnotavailable div {
        position: absolute;
        border: 1px solid #c20000;
        color: #990000;
        left: 25px;
        right: 25px;
        top: 40px;
        padding: 5px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }


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

#btnRefresh.disabled, #btncontinue.disabled {
    background: #595959 !important;
}

.lblIAgreeContainer a.blueboldtext {
    color: #185b8c !important;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important; /* JSB font replace */
}

.agree-check {
    float: left !important;
    width: 20px;
}
/* fix for forms agreement float responsive */

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

.disableddiv {
    pointer-events: none;
    opacity: 0.9;
}

.mar-left-hundreadten {
    margin-left: 110px !important;
}


.mar-left-hundreadseventy {
    margin-left: 170px !important;
}

.font12 {
    font-size: 12px !important;
}

.descLabel {
    font-size: 14px;
    font-family: 'ProximaNova-Regular',Arial,Helvetica,sans-serif;
    color: #333333;
}

.dlgButton {
    font-size: 12px !important;
    padding: 10px !important;
}

#tblScrollGuidedElections a[name='btnChoose'].disabled {
    background: #7e7e7e none repeat scroll 0 0 !important;
}

#dlgDefaultSalary a {
    float: left;
    color: #185b8c !important;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
}

.ui-widget-overlay.dlg-custom-overlay {
    background: #333333;
    opacity: 0.7;
}

.ui-widget-overlay {
    background: #333333 !important;
    opacity: 0.7 !important;
}


.dlgDefaultSal.ui-dialog {
    border: 2px solid #63c15a !important;
}

.dlgDefaultSal .ui-dialog-content {
    min-height: initial !important;
    width: 100% !important;
}

    .dlgDefaultSal .ui-dialog-content .rightSection {
        float: left;
        width: 45%;
    }

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

#sectionAddLater, #sectionMissingSalAddLater {
    padding: 10px !important;
}

    #sectionAddLater table tr td, #sectionMissingSalAddLater table tr td {
        border: none !important;
        padding: 2px 0px 2px 0px !important;
    }

.imgtextmiddle {
    vertical-align: middle !important;
}

#divphoneno {
    background: #ededed;
}

.mar-eighty-left {
    margin-left: 80px;
}

.legendsHeader {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
    color: #496c80 !important;
    font-size: 16px;
}

#accountbalancetable .stacked {
    width: 63px !important;
}

.enrollconfirmfundsel table tr {
    border: none;
}

.retirementsavingmodule {
    border-bottom: 2px dotted #ccc !important;
    color: #185b8c !important;
    font-family: "ProximaNova-Semibold",Arial,Helvetica,sans-serif !important;
    font-size: 20px !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
}

.investment-cards .rightContainer {
    width: 55%;
    padding-left: 10px;
    float: left;
}

.investment-cards .leftContainer {
    width: 45%;
    float: left;
    border-right: 1px solid rgb(220, 220, 220);
}

/* fixes for OWS-10786 */
.clearfix.panel-body.tabpanel, .invest-single-card {
    background: #fff;
}

.graph-text {
    background: #f5f5f5;
    padding: 10px 10px 15px;
}


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

.mar-right-fifty-five {
    margin-right: 55px !important;
}

.width-fortyseven {
    width: 47%;
}

.minimum-height-two-fifty {
    min-height: 250px;
}

.minimum-height-two {
    min-height: 200px !important;
}

.mar-left-210 {
    margin-left: 210px;
}



/*background color css*/

.bgGrey {
    background-color: #f5f5f5 !important;
}

.bdrLft0 {
    border-left: none !important;
}

.bdrNone {
    border: solid 0px !important;
}

.bgWht {
    background-color: #ffffff !important;
    height: 473px;
}

.hgt480 {
    height: 480px !important;
}

.bdrtab {
    border: solid 1px #dddddd !important;
}

.disabledbutton {
    background: #e4e4e4 !important;
    color: black !important;
}

    .disabledbutton:hover {
        color: black !important;
    }

.width34 {
    width: 34% !important;
}

.margin21 {
    margin-right: 21px;
}


.totalClean tr th.t-center {
    text-align: center !important;
}

.proximanova14px-bold {
    font-family: ProximaNova-Regular,Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.btnround {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
}

.regular-text-color {
    color: #333333 !important;
}


/*sponsor pages css cleanup*/

.MarRgt {
    margin-right: 20px;
}

.FntWgt {
    font-weight: bold;
}

.HeadType {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
    font-size: 16px !important;
    color: #496c80 !important;
    text-align: left !important;
}

h1.page-titleStyle {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #f26522;
    color: white;
    font-family: "ProximaNova-Bold",Arial,sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 2px;
    padding: 7px 20px;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
    color: #fff;
}


.marginTop {
    margin-top: 65px !important;
}

.bdrred {
    border: solid 1px red;
}

.WdtHgt {
    width: 916px !important;
    margin-bottom: 25px !important;
}

.WdtHgt1 {
    width: 918px !important;
    margin-bottom: 25px !important;
    margin-left: 20px !important;
}

.wdt800 {
    width: 800px !important;
}

table.newformat th {
    background-color: #093048;
    color: white;
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif;
}

table.newformat th, table.newformat td {
    border: 1px solid gainsboro;
    padding: 5px 15px;
    font-size: 14px;
}

.newformat img {
    padding-left: 5px;
}

.wdt10per {
    width: 10%;
}

.bdrcollapse {
    border-collapse: collapse;
}

.pagingpos {
    position: relative;
    top: 50px;
}

.noBdrRgt {
    border-right: none !important;
}

.top35 {
    top: 35px !important;
}

.fltLft {
    float: left;
}

.wd42 {
    width: 42% !important;
}

.btnPosi {
    position: relative;
    bottom: 6px;
}

.titStyle {
    font-size: 21px !important;
}

.divpos {
    position: relative;
    top: -20px;
}



a.nohover {
    text-decoration: none !important;
}

.moreactionlink {
    color: #185b8c;
    text-decoration: none;
}

.lineheight-three {
    line-height: 3;
}

.field_title {
    color: #496c80;
    font-size: 16px;
}






.alphabet {
    margin: 0 0 10px;
    overflow: hidden;
}

#main-content .alphabet a, #countries-table tr {
    transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
}

#main-content .alphabet a {
    width: 20px;
    float: left;
    cursor: pointer;
    height: 22px;
    display: block;
    padding: 2px 2px;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    border-right: none;
    text-decoration: none;
    color: #185b8c;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
}

.alphabet a.first {
}

.alphabet a.last {
}

/*.alphabet a:hover,
.alphabet a.active {
    font-weight: bold;
         font-size: 16px;
            color: #FF0000;
}*/


#main-content .alphabet a.active {
    font-weight: bold;
    font-size: 18px;
    color: #F26522 !Important;
}



#main-content .alphabet a.not-active {
    pointer-events: none;
    cursor: default;
    color: #F1F1F1;
}

.adjustmargin {
    margin-left: -48px;
}

.height25px {
    height: 25px !important;
}

.width230px {
    width: 230px !important;
}

.fontsize18 {
    font-size: 18px !important;
}

.semiboldOrage {
    font-weight: bolder;
}


.mar-left-threehundred-thirty {
    margin-left: 330px !Important;
}

.mar-left-fourhundred {
    margin-left: 400px !Important;
}

.mar-right-ninty {
    margin-right: 90px !important;
}

.mar-right-fifty {
    margin-right: 50px !important;
}

.pad-left-twenty-eight {
    padding-left: 28px !important;
}

.min-width-three-hundred-fifty-px {
    min-width: 350px;
}

.width-eight-hundred-eighty-px {
    width: 880px;
}

.morecontent span {
    display: none;
}

.colorFF0000 {
    color: #990000;
}

.colorFF0000Imp {
    color: #990000 !important;
}

#matchcontrimessages {
    line-height: 18px;
    width: 166.391px;
    float: left;
    padding-top: 20px;
}

.ui-tooltip-content {
    font-size: 14px;
}

section#main-content.twelve.columns.featured.actionsforyou > div:nth-child(3) > div:nth-child(3) > div.widget.submit-complete.clearfix > p.no-mar > span {
    width: auto !important;
}

.contributiontext {
    line-height: 18px;
    padding-top: 20px;
}

.width-Eighteen {
    width: 18%;
}

/*#headerRetirementImg2 {
    width: 80px;
    height: 64px;
}*/

#banner.pos-rel1 img {
    width: 212px;
    height: 64px;
}

.errormsg {
    font-size: 14px;
    font-family: ProximaNova;
    font-style: italic;
    color: #990000;
    width: 150px;
    line-height: 1.25;
    margin-top: -10px;
    clear: left !important;
    display: block;
}

.required-field-star, .required-field-star-12px {
    font-size: 18px;
    font-family: 'ProximaNova-Bold', Arial, Helvetica, sans-serif !important;
    color: #F26552;
    margin-left: -5px;
}

.required-field-star-12px {
    margin: 0 6px 0 -12px;
}

.e-del-prefs {
    float: none;
    clear: both;
    display: block;
    padding-top: 20px;
    width: 100% !important;
}


/* change mail address area button fixes */
#mailadd .infoRow.button-area {
    width: 100%;
}

    #mailadd .infoRow.button-area button {
        min-width: 200px;
    }

    #mailadd .infoRow.button-area .cell {
        min-width: 210px;
    }















/* start of responsive */


@media screen and (min-width:414px) and (max-width:533px) {
    .pdficofix {
        float: left;
        margin-top: 30px;
    }

    .dispclr {
        display: block;
        clear: both;
    }

    .hidedisplay {
        display: block;
        clear: left;
    }

    .marleft6 {
        margin-left: 6px;
    }

    #Investmentsddl, #Sourcesddl {
        width: 100%;
        margin: 5px 0px;
    }

        #Sourcesddl.styled-select {
            margin: 0 0px;
        }

    .topMar10 {
        margin-top: 10px;
    }
}

/* iphone 6+ */
@media screen and (max-width:475px) {

    .e-del-prefs {
        text-align: center;
    }

    .wid35per {
        width: 35% !important;
    }

    .marLft {
        margin-left: 0px !important;
    }

    .widt100perc {
        width: 100% !important;
    }

    #completeRequestSection .t-right, #completeRequestSection .align-right {
        text-align: center !important;
    }

    .button-area {
        width: 100%;
    }

        .button-area .width50Per {
            width: 100%;
            float: none !important;
        }

    .button-area {
        padding-bottom: 15px;
    }


        .button-area button, .button-area input[type=button] {
            display: block !important;
            width: 100% !important;
            /*padding: 20px 0 !important;*/
            margin: 0;
            margin-bottom: 10px;
        }

        .button-area div {
            width: 100% !important;
        }

        .button-area .btnMessage {
            float: none;
            display: block !important;
            margin: 10px 0 20px;
            text-align: center;
        }

    #btnSubmitDividendReinv {
        margin-bottom: 8px;
    }

    .dividend-reinvestment .continue .right {
        margin: 0 !important;
        width: 100%;
    }

        .dividend-reinvestment .continue .right #btnContinue {
            display: block;
            margin: 0;
        }

    .dividend-reinvestment .mar-thirty {
        margin-bottom: 0 !important;
    }


    .rgtposfix {
        position: relative;
        left: 10px;
    }

    .wid100peR {
        width: 100% !important;
    }

    .btmNone {
        bottom: 0px !important;
    }

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

    .widget.image-slider #thumbnails {
        position: relative;
        right: 40px;
    }

    .arwRgt {
        position: relative;
        left: 40px !important;
        bottom: 180px;
    }

    .widget.image-slider .carousel-control.left {
        left: -35px !important;
    }

    #mailadd .infoContainer .cell {
        width: 100%;
    }

        #mailadd .infoContainer .cell.key {
            margin-bottom: 5px;
        }

        #mailadd .infoContainer .cell .rgtposfix {
            left: 0;
        }

    #completeRequestSection {
        float: none;
    }

    #mailinput {
        margin-left: 0 !important;
    }
}

@media screen and (max-width:767px) {




    .scrollContainer {
        width: 400px !important;
        border: solid 1px red;
        overflow: scroll;
    }

    #thumbnails {
        width: 100% !important;
    }
}







@media screen and (max-width:768px) {
    .hidePdficon {
        display: none;
    }

    .clrbth {
        clear: both !important;
    }

    .datepos {
        position: absolute;
        top: 68px;
        right: 18px;
    }

    .widget.image-slider #thumbnails {
        width: 290px;
        margin: 0 60px;
        float: left;
    }
        /* line 79, /app/source/stylesheets/core/_widgets.scss */
        .widget.image-slider #thumbnails li {
            padding: 0;
            margin: 0;
        }
    /* line 85, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-slider .carousel-control.left, .widget.image-slider .carousel-control.right {
        background-image: none;
        top: calc(50% - 30px);
        filter: none;
    }
    /* line 90, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-slider .carousel-control.left {
        left: -53px;
    }
    /* line 91, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-slider .carousel-control.right {
        right: -57px;
    }
    /* line 93, /app/source/stylesheets/core/_widgets.scss */
    .widget.image-slider input[type="text"] {
        width: 462px;
    }

    h3.module-title {
        line-height: 1 !important;
        padding: 15px 20px !important;
        max-width: 125% !important;
    }
    /* widget titles that wrap must not overly impact container height */

    nav.main {
        height: 0 !important;
        min-height: 0;
        padding: 0;
    }
    /* prevent nav from overlapping adjacent elements above and below */




    .container.content, .container .twelve.columns {
        width: auto !important;
        max-width: 100%;
    }

    /* fixes for actions for you screen sidebar float glitch at 768px */
    #main-content.actionsforyou {
        width: 100% !important;
    }

        #main-content.actionsforyou .module {
            margin-right: 20px;
        }

    #crumbs {
        margin-left: 15px;
    }

    .respo_menu {
        top: -22px;
    }

    .fund-transfer .thirds {
        max-width: 222px;
        height: 320px;
    }

    /* home page cards */
    .card .bottom-half .left, .card .bottom-half .right {
        float: none !important;
        width: 100% !important;
    }

    #chartdiv {
        margin: 0 auto;
    }



    .txtWhite {
        color: #fff !important;
    }




    /*.datatitlestyle {
        font-size: 15px !important;
        color: #333 !important;
        padding: 5px !important;
    }

    .bdrtopp {
        border-top: solid 1px #aaa !important;
        margin-top: 20px;
    }*/

    .bdrlftrgt {
        border-left: solid 1px #aaa !important;
        border-right: solid 1px #aaa !important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:460px) {
    table.bdrFiX td:nth-child(2) {
        border-top: solid 1px #aaa !important;
    }
}

@media screen and (max-width:767px) {
    #detailfix {
        height: auto !important;
        width: 100% !important;
        border-top: 0px !important;
        border-bottom: 0px !important;
    }

    /*table.bdrFiXhide tr:nth-child(1) {
        display: none;
    }*/

    /*table.bdrFiX td {
        border: 0px;
        height: 40px;
        padding: .5em;
    }*/

    /*table.bdrFiX td:nth-child(1) {
            border-top: solid 1px #aaa !important;
        }*/

    /*table.bdrFiX td:nth-child(5) + td {
            border-bottom: solid 1px #aaa !important;
            height: 40px !important;
        }*/

    table.bdrFiX #PayDetail {
        width: 50% !important;
        float: left;
        position: relative;
        border: none !important;
        bottom: 7px;
        text-align: left !important;
        display: inline !important;
    }

    #headDetails {
        width: 100%;
        margin: 0 auto;
        border: 0px !important;
        height: 30px !important;
    }

        #headDetails th {
            width: 40% !important;
            border: 0px !important;
            height: 30px !important;
            display: inline !important;
            float: left !important;
        }

        #headDetails td {
            margin-left: 20px;
            border: 0px !important;
            width: 40% !important;
            padding: 0;
            display: inline !important;
            float: left !important;
            height: 30px !important;
            text-align: left !important;
            line-height: 1;
        }


    /*
   #detailfix thead tr {
        position: static !important;
        
        padding: 0;
        display:inline !important;
        border:0 !important;
        text-align:left !important;
        margin-left:20px;
    }

    #detailfix .Wrapptbl {width:100% !important; border:0px !important}

    #detailfix .Wrapptbl tr:nth-of-type(2) {
        display:none !important
    }
    */

    .loanS .hideDtlCol {
        display: none !important;
    }
}




@media screen and (max-width:767px) {

    /*responsive-table algorithm*/
    .responsive-table thead tr {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 clip: rect(1px, 1px, 1px, 1px);*/
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .responsive-table thead tr.show {
            position: relative;
            clip: none;
            height: auto;
            width: auto;
        }

    .responsive-table {
        border: 0;
        width: 100% !important;
    }

        .responsive-table thead th:first-of-type {
            text-align: left;
        }

        .responsive-table tbody,
        .responsive-table tr,
        .responsive-table th,
        .responsive-table td {
            display: block;
            padding: 0;
            /* text-align: left;*/
            white-space: normal;
        }

        .responsive-table th,
        .responsive-table td {
            padding: .5em;
            vertical-align: middle;
            width: 100% !important;
        }

        .responsive-table tbody tr, .responsive-table tfoot tr, .responsive-table thead tr {
            margin-bottom: 1em;
            border: 1px solid #aaa;
            border-width: 0 1px;
        }

        .responsive-table th[scope="row"] {
            background-color: #336699;
            color: white;
        }

        .responsive-table tbody td {
            text-align: right !important;
        }

        .responsive-table tbody td {
            border-bottom: 1px solid #aaa;
        }

            .responsive-table tbody td[data-type=currency], .responsive-table thead .currency, .responsive-table tfoot .currency {
                text-align: right;
            }

        .responsive-table [data-title]:before {
            content: attr(data-title);
            float: left;
        }

        .responsive-table tbody td[scope="row"]:before, .responsive-table tfoot th[scope="row"]:before {
            float: none;
        }

        .responsive-table tbody td[scope="row"], .responsive-table tfoot th[scope="row"] {
            background-color: #183c53 !important; /* changed to match style guide page 44 */
            color: white !important;
            text-align: left !important;
            line-height: 1;
            width: 100% !important;
        }

        .responsive-table [scope="row"] .colorkey {
            float: left;
            margin-right: 10px;
        }

        .responsive-table .empty, .responsive-table .hidden {
            display: none;
        }

        .responsive-table tfoot th, .responsive-table thead th {
            background: #fff;
            border: 0;
            color: #333;
            border-bottom: 1px solid #aaa;
        }

        .responsive-table table td {
            width: auto;
            border-top: 1px solid #aaa;
            height: auto;
        }

        .responsive-table table tr {
            border: 0;
            height: auto;
        }

        .responsive-table table {
            margin-top: -15px;
            padding: 5px;
            background: #fff;
        }

        .responsive-table .padding0 {
            padding: 5px !important;
        }


    /*responsive border fix for tabular data starts here*/

    .rowhide {
        display: none !important;
    }

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

    table.clean td:last-child {
        border-bottom: solid 1px #dcdcdc !important;
        height: 30px !important;
    }
    /*responsive border fix for tabular data ends here*/

    #bdrTop {
        border-top: solid 1px #ccc !important;
    }
    /*end responsive-table*/

    /* balances.aspx */
    .balances .dispnone, .dispnone {
        display: none !important;
    }

    .balances .floatNone {
        float: none !Important;
    }

    .balances .hgtfix td {
        height: 35px;
    }

    /*.balances table.clean td {
        border: 0px !important;
    }*/

    .balances table.tdbdr td {
        border-bottom: solid 1px #aaa !important;
    }

    .balances table.clean td:last-child {
        border-bottom: solid 1px #aaa !important;
    }

    .balances #balancedetails .responsive-table td[scope=row] a {
        display: none;
    }

    .balances #balancedetails .responsive-table td[scope=row] {
        color: #183C53 !important;
        display: none;
    }

        .balances #balancedetails .responsive-table td[scope=row] + td, .balances #balancedetails .responsive-table td.rowscope {
            background: #183C53;
            color: #fff;
        }

            .balances #balancedetails .responsive-table td[scope=row] + td a {
                color: #fff;
            }

    .balances #balancedetails tfoot * {
        border-radius: 0 !important;
    }

    .balances #balancedetails tfoot td:empty {
        display: none;
    }

    .datatitlestyle {
        font-size: 15px !important;
        color: #333 !important;
        padding: 5px !important;
    }

    .bdrtopp {
        border-top: solid 1px #aaa !important;
        margin-top: 20px;
    }
}




/* mobile */
@media screen and (max-width:320px) {
    .hidedisplay {
        display: none;
    }

    .wid35per {
        width: 75% !important;
    }

    .marRgt60 {
        margin-right: 60px;
    }

    .regular-text.orange-text.fontsize24.pad-twelve {
        padding: 0;
    }

    .logintextbox {
        width: 100% !important;
    }

    .container.content.login {
        margin: 0 !important;
    }

    .login .btn {
        margin-bottom: 30px !important;
        display: block;
        width: 100% !important;
    }

    #avatar-wrap {
        height: 64px;
    }

    #investLinesummary, #balancedetails, #acctsumtable {
        max-width: 100% !important;
        padding-bottom: 20px !important;
        display: block;
    }
    /* THIS IS ONE OPTION FOR DISPLAYING COMPLEX LAYOUTS ON MOBILE. SUBJECT TO CLIENT APPROVAL */
    label.dispBlk {
        display: block !important;
    }

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

    .marLft6 {
        margin-left: 6px;
    }

    #Investmentsddl {
        width: 100%;
        margin: 5px 0px;
    }

    #Sourcesddl.styled-select {
        margin: 0 0px;
        width: 100%;
    }

    .respbtn {
        width: 100% !important;
        margin-top: 15px;
    }

    .martop5 {
        margin-top: 5px;
    }

    .marTop15 {
        margin-top: 15px;
    }

    .sectionWdth {
        width: 400px !important;
    }

    .contWrapper {
        width: 100% !important;
        border-right: none !important;
        margin-top: 10px !important;
        padding-left: 0px !important;
    }

    .marLft {
        margin-left: 0px !important;
    }

    .wdt100per, .img-responsive {
        width: 100% !important;
    }

    .thirds, .zoneminheight {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 0px !important;
        height: 0px !important;
        padding-bottom: 0px !important;
    }

    #resetresptbl {
        padding-right: 0px !important;
        max-width: 100% !important;
        margin: 0px !important;
    }

    * {
        max-width: inherit !important;
    }

    #thumbnails {
        display: block;
    }

    .right {
        right: 0px !important;
    }

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

    .carouselPosition {
        position: relative;
        left: 50px;
    }

    .fltLftimg {
        float: right !important;
    }

    .widAjt {
        width: 55% !important;
    }

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

    footer .top-footer {
        margin-right: 50px;
    }

    .footer-logos {
        margin-right: 25px;
    }
    /*
    .copyright, .bottom-footer {
        margin-left: -20px;
        margin-right: 30px;
    }
*/
    .graphtitlefix {
        display: block;
        width: 240px !important;
        margin-top: 50px;
    }

    .graphscroll {
        overflow-x: auto !important;
        width: 100%;
    }

    #investLinesummary {
        max-width: 650px !important;
    }

    .accbalwdth {
        width: 102% !important;
    }
}

/*.dlgWaiting {
    background-color: transparent !important;
}

    .dlgWaiting img {
        background-color: transparent !important;
    }

    .dlgWaiting.ui-dialog {
        background: transparent !important;
        border:none!important;
    }

    .dlgWaiting .ui-dialog-content {
        background: transparent !important;
        border:none!important;
    }*/

.ui-widget-overlay.dlg-custom-nooverlay {
    background: #333333;
    opacity: 0.0;
}




a.bluemoreboldlink {
    color: #185b8c !important;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif !important;
}


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

/*#deleteselected {
    text-align: center !important;
    padding: 10px !important;
    width: 120px !important;
}*/

a.lineheightcenter {
    line-height: 0.90 !important;
}

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

.valignbottom {
    vertical-align: bottom;
}

.mar-right-three {
    margin-right: 3% !important;
}

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

.bottom-footer {
    clear: both;
    line-height: 1.25;
}
/* fix glitch with bottom footer calculator disclaimer text overlapping card slider content */

.infoRow .cell {
    min-width: 160px;
}

.container.content.index {
    height: auto !important;
    margin-bottom: 0 !important;
}
/* fix for home page card height issue */

#avatar-wrap {
    white-space: nowrap !important;
}
/* fix for wrapping issue reported by Rebekka Chrome 43 */

/* incorporate breadcrumbs into header */
@media screen and (max-width:768px) {

    /* fix for right margin issue at ipad resolution 768px */
    #main-content.sixteen.columns {
        margin: 0 !important;
    }


    .bottom.breadcrumbs .container {
        width: 100%;
        margin-top: 10px;
    }

    #crumbs {
        display: block;
    }

    .respo_menu {
        right: 10px !important;
        left: auto !important;
        margin-top: 60px !important;
        position: absolute;
    }

    nav.main {
        width: 100% !important;
    }

    .container.content {
        margin-top: 0;
    }

    header {
        padding-bottom: 0;
    }

    #index header {
        padding-bottom: 10px;
    }

    #index .respo_menu {
        right: auto !important;
        left: auto !important;
        margin-top: 52px !important;
        position: relative;
    }
}

@media screen and (max-width:375px) {
    /* iphone 6 and below */
    #avatar-wrap {
        width: 300px;
    }

    #thumbnails {
        max-width: 295px;
        left: 5px !important;
    }
}

@media screen and (min-width:320px) and (max-width:360px) {
    #thumbnails {
        max-width: 295px;
        left: -3px !important;
    }
}

.set-my-goals-slider-blocks .slider-block {
    width: 46% !important;
    margin-left: 12px;
}

.set_my_goals_projectedretirement {
    margin-left: -12px;
    margin-right: -50px;
}

.set-my-goals .floating-container {
    margin-bottom: 30px;
}


/*Action For You Sidebar Module*/
ul.completed-actions-list > li {
    background-image: url("/images/checkbox-green.png");
    background-position: left 0;
    background-size: 17px 16px;
}

ul.pending-actions-list > li {
    background-image: url("/images/o-scroll-left.jpg");
    background-position: left 2px;
    background-size: 15px 15px;
}

ul.completed-actions-list > li, ul.pending-actions-list > li {
    background-repeat: no-repeat;
    padding-left: 24px;
    font-size: 14px;
    margin-bottom: 0 !important;
}

ul.completed-actions-list, ul.pending-actions-list {
    list-style: none;
}
/*END style for Action For You Sidebar Module*/















@media screen and (max-width:320px) {
    .list-inline li:first-child {
        margin-left: 20px !important;
    }
        /* for some reason the first thumb is smaller than others and off center */
        .list-inline li:first-child img {
            width: 150px !important;
        }
    /* for some reason the first thumb is smaller than others and off center */
    .carousel-control.left {
        margin-left: 30px;
    }
    /* otherwise, left control is off screen */
    .carousel-control.right {
        margin-left: -30px !important;
        margin-right: 30px !important;
        margin-top: -130px;
    }
    /* otherwise, right control is off screen */
}

/* fix for thumbnail image selector at 320px and below */
@media screen and (max-width:320px) {
    .set-my-goals #thumbnails {
        margin: 0 auto !important;
        left: auto;
        text-align: center;
    }

        .set-my-goals #thumbnails #carousel-bounding-box {
            margin: 0 auto;
            width: 100% !important;
        }

    /*.set-my-goals #thumbnails #carousel-bounding-box #carousel-selector-0.selected {
                margin-left: 25px !important;
            }*/
}

@media screen and (max-width:640px) {
    .set-my-goals #thumbnails {
        margin: 0 auto !important;
        left: -8px;
    }
}


@media screen and (min-width:604px) and (max-width:800px) {
    .set-my-goals .widget.image-slider > .left {
        max-width: 50%;
    }

    .widget.image-slider .carousel-control.left {
        left: -38px;
    }

    .set-my-goals .widget.image-slider > .right {
        max-width: 45% !important;
        margin: 0 0 0 5px !important;
        width: 100% !important;
    }

    .set-my-goals .arwRgt.carousel-control.right {
        right: -25px !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        width: 48% !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        margin-left: 0 !important;
    }

        .set-my-goals .set-my-goals-slider-blocks .slider-block:nth-child(even ) {
            margin-right: 10px !important;
        }

    .set-my-goals #projectedretirement {
        max-width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }

        .set-my-goals #projectedretirement:after {
            content: '';
            display: table;
            clear: both;
        }
}

@media screen and (max-width:414px) {
    .set-my-goals #projectedretirement {
        max-width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        width: 100% !important;
        margin: 0 0 15px;
    }
}

/* fix for thumbnail image selector at 320px and below */
@media screen and (max-width:320px) {
    .set-my-goals #thumbnails {
        margin: 0 auto !important;
        left: auto;
        text-align: center;
    }

        .set-my-goals #thumbnails #carousel-bounding-box {
            margin: 0 auto;
            width: 100% !important;
        }

            .set-my-goals #thumbnails #carousel-bounding-box #carousel-selector-0.selected {
                width: 132px !important;
            }
}

@media screen and (max-width:640px) {
    .set-my-goals #thumbnails {
        margin: 0 auto !important;
        left: -8px;
    }
}


@media screen and (min-width:604px) and (max-width:800px) {
    .set-my-goals .widget.image-slider > .left {
        max-width: 50%;
    }

    .set-my-goals .widget.image-slider > .right {
        max-width: 45% !important;
        margin: 0 0 0 5px !important;
        width: 100% !important;
    }

    .set-my-goals .arwRgt.carousel-control.right {
        right: -25px !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        width: 48% !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        margin-left: 0 !important;
    }

        .set-my-goals .set-my-goals-slider-blocks .slider-block:nth-child(even ) {
            margin-right: 10px !important;
        }

    .set-my-goals #projectedretirement {
        max-width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }

        .set-my-goals #projectedretirement:after {
            content: '';
            display: table;
            clear: both;
        }
}

@media screen and (max-width:414px) {
    .set-my-goals #projectedretirement {
        max-width: 100% !important;
        margin: 0 !important;
        margin-top: 10px !important;
    }

    .set-my-goals .set-my-goals-slider-blocks .slider-block {
        width: 100% !important;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:320px) {
    .disblk320 {
        width: 178px;
        float: right;
    }

    .btnarea {
        width: 100% !important;
    }

    .btnwidfull {
        width: 100% !important;
    }
}

@media screen and (max-width:391px) {
    table.responsive-forms td:nth-child(1) {
        height: auto;
    }
}

@media screen and (max-width:475px) {

    .withdrawals table.withrow td:last-child {
        height: 40px !important;
    }

    .topaddbdr td:nth-of-type(3) {
        border-top: solid 1px #ccc;
    }


    .rowhide475 {
        display: none !important;
    }

    .myProfileContainer #elecoption1,
    .myProfileContainer #paperoption1,
    .myProfileContainer #elecoption2,
    .myProfileContainer #paperoption2,
    .myProfileContainer #elecoption3,
    .myProfileContainer #paperoption3 {
        position: relative;
        bottom: 12px;
    }

    table.responsive-forms th, table.responsive-forms td {
        border: none;
        padding: 5px !important;
        font-size: 14px;
        height: 30px;
    }

    table.clean td:last-child {
        border-bottom: solid 1px #ccc !important;
    }

    /*responsive-table algorithm*/
    .responsive-forms thead tr {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 clip: rect(1px, 1px, 1px, 1px);*/
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .responsive-forms thead tr.show {
            position: relative;
            clip: none;
            height: auto;
            width: auto;
        }

    table.responsive-forms td:nth-child(1) {
        border-top: solid 1px #ccc;
    }

    table.responsive-forms td:nth-child(3) {
        border-bottom: solid 1px #ccc !important;
    }


    th.hiderrow {
        display: none !important;
    }

    .responsive-forms {
        border: 0;
        width: 100% !important;
    }

        .responsive-forms thead th:first-of-type {
            text-align: left;
        }

        .responsive-forms tbody,
        .responsive-forms tr,
        .responsive-forms th,
        .responsive-forms td {
            display: block;
            padding: 0;
            /* text-align: left;*/
            white-space: normal;
        }

        .responsive-forms th,
        .responsive-forms td {
            padding: .5em;
            vertical-align: middle;
            width: 100% !important;
        }

        .responsive-forms tbody tr, .responsive-forms tfoot tr, .responsive-forms thead tr {
            margin-bottom: 1em;
            border: 1px solid #aaa;
            border-width: 0 1px;
        }

        .responsive-forms th[scope="row"] {
            background-color: #336699;
            color: white;
        }

        .responsive-forms tbody td {
            text-align: right !important;
        }

        .responsive-forms tbody td {
            border-bottom: 1px solid #ccc;
        }

            .responsive-forms tbody td[data-type=currency], .responsive-forms thead .currency, .responsive-forms tfoot .currency {
                text-align: right;
            }

        .responsive-forms [data-title]:before {
            content: attr(data-title);
            float: left;
        }

        .responsive-forms tbody td[scope="row"]:before, .responsive-forms tfoot th[scope="row"]:before {
            float: none;
        }

        .responsive-forms tbody td[scope="row"], .responsive-forms tfoot th[scope="row"] {
            background-color: #183c53 !important;
            color: white !important;
            text-align: left !important;
            line-height: 1;
            width: 100% !important;
        }

        .responsive-forms [scope="row"] .colorkey {
            float: left;
            margin-right: 10px;
        }

        .responsive-forms .empty, .responsive-forms .hidden {
            display: none;
        }

        .responsive-forms tfoot th, .responsive-forms thead th {
            background: #fff;
            border: 0;
            color: #333;
            border-bottom: 1px solid #ccc;
        }

        .responsive-forms table td {
            width: auto;
            border-top: 1px solid #ccc;
            height: auto;
        }

        .responsive-forms table tr {
            border: 0;
            height: auto;
        }

        .responsive-forms table {
            margin-top: -15px;
            padding: 5px;
            background: #fff;
        }

        .responsive-forms .padding0 {
            padding: 5px !important;
        }

    .txtWhite {
        color: #fff !important;
    }

    #bdrTop {
        border-top: solid 1px #ccc !important;
    }
    /*end responsive-forms*/

    /* dividend reinvestment < 475px */
    #mdlDividendOptions table {
        table-layout: fixed !important;
    }

    #mdlDividendOptions .btn-message.continueerror {
        text-align: center;
        max-width: 100%;
        margin-top: 10px;
    }

    .dividend-reinvestment .module .right {
        float: none;
        margin: 0 !important;
    }

    .dividend-reinvestment .module .left, .dividend-reinvestment .module .right {
        width: 100% !important;
    }
}



@media screen and (max-width:460px) {

    .wid100per {
        width: 100% !important;
    }

    .forms-alignfix button.btnblue {
        width: 100% !important;
    }

    .lblpos {
        position: relative;
        bottom: 17px;
    }





    .tdblockview td {
        display: block;
        width: 100%;
        padding-top: 5px;
    }

        .tdblockview td:first-child {
            border-bottom: 0px;
            padding-top: 5px;
            padding-bottom: 0px;
        }

    .wid100 {
        width: 100% !important;
    }

    .btnarea {
        width: 100% !important;
    }

    .responsiveFAQ thead tr {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 clip: rect(1px, 1px, 1px, 1px);*/
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .responsiveFAQ thead tr.show {
            position: relative;
            clip: none;
            height: auto;
            width: auto;
        }

    .responsiveFAQ {
        border: 0;
        width: 100% !important;
    }


    table.responsiveFAQ td:nth-child(1) {
        text-align: left !important;
        border-top: solid 1px #ccc;
    }

    table.responsiveFAQ td:nth-child(2) {
        text-align: left !important;
    }

    table.responsiveFAQ tr:last-child td {
        border-bottom: solid 1px #ccc !important;
    }

        table.responsiveFAQ tr:last-child td:first-child {
            border-top: solid 1px #ccc !important;
        }

    table.responsiveFAQ td:nth-child(1) a:nth-child(1) {
        float: left !important;
        margin-right: 5px;
    }

    table.responsiveFAQ td:nth-child(1) a:nth-child(2) {
        float: left !important;
        margin-right: 5px;
    }

    table.responsiveFAQ td:nth-child(1) a:nth-child(3) {
        display: inline-block;
        width: 85% !important;
    }


    .responsiveFAQ thead th:first-of-type {
        text-align: left;
    }

    .responsiveFAQ tbody,
    .responsiveFAQ tr,
    .responsiveFAQ th,
    .responsiveFAQ td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal;
    }

    .responsiveFAQ th,
    .responsiveFAQ td {
        padding: .5em;
        vertical-align: middle;
        width: 100% !important;
    }

    .responsiveFAQ tbody tr, .responsiveFAQ tfoot tr, .responsiveFAQ thead tr {
        margin-bottom: 1em;
        border: 1px solid #aaa;
        border-width: 0 1px;
    }



    .responsiveFAQ tbody td {
        text-align: right !important;
    }

    .responsiveFAQ tbody td {
        border-bottom: 1px solid #aaa;
    }

        .responsiveFAQ tbody td[data-type=currency], .responsiveFAQ thead .currency, .responsiveFAQ tfoot .currency {
            text-align: right;
        }

    .responsiveFAQ [data-title]:before {
        content: attr(data-title);
        float: left;
    }

    .responsiveFAQ tbody td[scope="row"]:before, .responsiveFAQ tfoot th[scope="row"]:before {
        float: none;
    }

    .responsiveFAQ tbody td[scope="row"], .responsiveFAQ tfoot th[scope="row"] {
        text-align: left !important;
        line-height: 1;
        width: 100% !important;
    }

    .responsiveFAQ [scope="row"] .colorkey {
        float: left;
        margin-right: 10px;
    }

    .responsiveFAQ .empty, .responsiveFAQ .hidden {
        display: none;
    }

    .responsiveFAQ tfoot th, .responsiveFAQ thead th {
        background: #fff;
        border: 0;
        color: #333;
        border-bottom: 1px solid #aaa;
    }

    .responsiveFAQ table td {
        width: auto;
        border-top: 1px solid #aaa;
        height: auto;
    }

    .responsiveFAQ table tr {
        border: 0;
        height: auto;
    }

    .responsiveFAQ table {
        margin-top: -15px;
        padding: 5px;
        background: #fff;
    }

    .responsiveFAQ .padding0 {
        padding: 5px !important;
    }
}







@media screen and (max-width:800px) {
    #divVerify .left {
        display: table;
    }
}





@media screen and (max-width:460px) {

    .responsiveFAQ thead tr {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 clip: rect(1px, 1px, 1px, 1px);*/
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .responsiveFAQ thead tr.show {
            position: relative;
            clip: none;
            height: auto;
            width: auto;
        }

    .responsiveFAQ {
        border: 0;
        width: 100% !important;
    }


    table.responsiveFAQ td:nth-child(1) {
        text-align: left !important;
        border-top: solid 1px #ccc;
    }

    table.responsiveFAQ td:nth-child(2) {
        text-align: left !important;
    }

    table.responsiveFAQ tr:last-child td {
        border-bottom: solid 1px #ccc !important;
    }

        table.responsiveFAQ tr:last-child td:first-child {
            border-top: solid 1px #ccc !important;
        }

    table.wid64per td:nth-child(2) {
        width: 100% !important;
    }

    table.responsiveFAQ td:nth-child(1) a:nth-child(3) {
        width: 100%;
        float: none;
    }

    .responsiveFAQ thead th:first-of-type {
        text-align: left;
    }

    .responsiveFAQ tbody,
    .responsiveFAQ tr,
    .responsiveFAQ th,
    .responsiveFAQ td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal;
    }

    .responsiveFAQ th,
    .responsiveFAQ td {
        padding: .5em;
        vertical-align: middle;
        width: 100% !important;
    }


    .responsiveFAQ tbody td {
        text-align: right !important;
    }

    .responsiveFAQ tbody td {
        border-bottom: 1px solid #aaa;
    }




    .responsiveFAQ table td {
        width: auto;
        border-top: 1px solid #aaa;
        height: auto;
    }

    .responsiveFAQ table tr {
        border: 0;
        height: auto;
    }

    .responsiveFAQ table {
        margin-top: -15px;
        padding: 5px;
        background: #fff;
    }
}


/* position of NEW responsive menu */
#responsiveMenuDiv {
    margin: 5px 0 15px 0;
}

    #responsiveMenuDiv #mobile-toggle {
        text-indent: -3px;
    }

#index #responsiveMenuDiv {
    margin: 5px 0 -30px 0;
}

#mobile-toggle {
    margin: 0 auto !important;
}

    #mobile-toggle:hover {
        cursor: pointer;
    }

#responsiveMenuDiv nav {
    position: relative !important;
    float: none !important;
    margin: 10px auto;
    width: 100% !important;
}

.menu-head {
    padding-bottom: 3px;
}
/* fix for expand icon being cut off at bottom */

@media screen and (max-width:1023px) {
    .pulldown-menus {
        margin-left: 48px !important;
        margin-top: -10px !important;
    }

    nav.main {
        margin: 10px 0 -36px 65px;
    }
}

@media screen and (min-width:1024px) {
    .pulldown-menus {
        margin-left: -18px;
        margin-top: -10px !important;
    }

    nav.main {
        margin: 10px 0 -36px 0;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .withdrawals .docs-reader .imagediv {
        text-align: right !Important;
        width: 88px;
    }
}

@media screen and (max-width:1920px) {

    .pulldown-menus {
        margin-left: 60px !important;
    }

    nav.main {
        margin-left: 80px;
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .pulldown-menus {
        margin-left: 70px !important;
    }

    nav.main {
        margin-left: 90px;
    }

    .pulldown-menus .selectedMenu {
        width: 302px !important;
    }
}



@media screen and (max-width:768px) {
    .pulldown-menus {
        margin: 0 !important;
    }

    .container.content {
        margin-bottom: 0;
    }
        /* reset margin to prevent blue background from showing through */
        .container.content.index {
            margin-bottom: -15px !important;
        }
    /* home page margin above footer no show bg */
    /*#addresslink2mailadd {
        display: block;
        margin-left: 158px;
    }*/
    /*#mailinput{margin-left:160px;width:auto}*/
    #mailinput input {
        display: block;
    }

    #divcompletedActions .checked-box {
        margin-left: 0 !important;
    }
    /* reset left margin of floated els */
}

.threecolumns150px {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}

.avoidcolumnbreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: table;
}


/* This prevents the text from wrapping under the select button at smaller screen sizes */
#moduleRequestFunds .s-reg span:first-child {
    display: block;
    float: left;
    width: 60px;
}

@media screen and (max-width:460px) {
    /* this resets the listing to a linear list, one after another */
    #moduleRequestFunds .wid100 {
        float: none !important;
        width: 100% !important;
    }

    #moduleRequestFunds .s-reg span:first-child {
        display: inline;
        float: none;
        width: auto;
    }

    button.btn, #btnContinue, #btnSignIn {
        width: 100% !important;
        margin: 0;
    }

    .setmygoals .floating-container {
        right: auto;
    }

    #divmoreactions .expando, #divautorebal1 .expando {
        display: none;
    }

    #divmoreactions .moreactionlink {
        margin-left: 5px !important;
        width: 80% !important;
    }

    #divmoreactions .btn {
        clear: both;
    }
}

@media screen and (max-width:414px) {
    /* remove "Details Text" */
    #divmoreactions .expando, #divautorebal1 .expando {
        display: none;
    }

    #divmoreactions .moreactionlink, #divautorebal1 .linkblue {
        line-height: 1 !important;
        display: inline-block;
        max-width: 80%;
    }

    .panel-heading .switch {
        float: none;
        margin-top: 10px !important;
        display: block;
    }
}

@media screen and (max-width:320px) {
    #divmoreactions .moreactionlink, #divautorebal1 .linkblue {
        max-width: 160px !important;
    }
}


/*css reset for set my goals thumbnails section*/
@media screen and (width:768px) {
    .set-my-goals #thumbnails {
        left: 30px;
        position: relative;
    }

    .widget.image-slider .carousel-control.left {
        left: -40px !important;
    }
}

@media screen and (min-width:600px) and (max-width:767px) {
    .set-my-goals #thumbnails {
        width: 465px !important;
        position: relative;
        left: 30px !important;
    }

    .widget.image-slider .carousel-control.left {
        left: -53px !important;
    }

    .widget.image-slider .carousel-control.right {
        right: -30px !important;
    }
}

@media screen and (min-width: 736px) and (max-width:767px) {
    .widget.image-slider .carousel-control.left {
        left: -37px !important;
    }
}


@media screen and (width:533px) {
    .set-my-goals #thumbnails {
        width: 320px !important;
        position: relative;
        left: 78px !important;
    }

    .widget.image-slider .carousel-control.left {
        left: -53px !important;
    }

    .widget.image-slider .carousel-control.right {
        right: -30px !important;
    }
}

@media screen and (width:414px) {
    .set-my-goals #thumbnails {
        width: 320px !important;
        position: relative;
        left: 20px !important;
    }

    .widget.image-slider .carousel-control.left {
        left: -42px !important;
    }

    .arwRgt {
        left: 17px !important;
    }
}

@media only screen and (min-width:320px) and (max-width:536px) {
    .btnPosition {
        float: none !important;
        margin-top: 20px;
        display: block !important;
    }
}

/* margin fixes for main content, asides and aside titles */
@media screen and (min-width:768px) and (max-width:960px) {
    #main-content {
        padding: 0 10px;
        margin-top: 20px;
    }
}

@media screen and (max-width:767px) {
    #main-content {
        padding: 0 10px;
        margin: 30px 10px 0 10px !important;
    }

    #index #main-content {
        padding: 0;
        margin: 15px 0 0 !important;
    }

    aside {
        padding: 0 10px;
        margin-top: 10px;
    }

        aside .module {
            margin-bottom: 30px !important;
        }

        aside h3.module-title {
            padding: 0 0 15px !important;
        }

    #moduleRequestFunds {
        margin-bottom: 10px;
    }

    /*#index footer {
        background: red !important;
    }*/
}

@media screen and (min-width:1024px) and (max-width:1080px) {
    .pulldown-menus {
        margin-left: 1%;
    }
}

@media screen and (max-width: 600px) {
    .dvdreinvestcon .width100perc, .confirmStackFix .width100perc {
        width: 100% !important;
    }

    .dvdreinvestcon div.left.width-ten {
        width: 4%;
    }
}

@media screen and (max-width: 414px) {
    .dvdreinvestcon div.left.width-ten {
        width: 6%;
    }

    .dvdreinvestcon button {
        width: auto !important;
    }

    .dvdreinvestcon div.left.width-ten {
        width: 6%;
    }
}

@media screen and (max-width: 460px) {
    .frmWid100per {
        width: 100% !Important;
        margin-left: 0px !important;
    }

    .balances .pdficofix {
        width: 100%;
    }

    .balances .btn {
        width: 100% !important;
    }

    .dvdreinvestcon button {
        width: 100% !important;
    }

    .dvdreinvestcon div.left.width-ten {
        width: 6%;
    }
}

@media screen and (max-width: 360px) {
    .dvdreinvestcon div.left.width-ten {
        width: 8%;
    }
}

@media screen and (max-width: 320px) {
    .dvdreinvestcon div.left.width-ten {
        width: 9%;
    }

    .balances .marLft6 {
        margin-left: 0px !important;
    }
}

@media screen and (min-width:1024px) and (max-width:1920px) {
    .dvdreinvestcon div .width-ten {
        width: 5%;
    }
}

@media screen and (max-width:768px) {
    .balances .tdHide {
        display: none;
    }

    .balances tfoot :nth-child(1) {
        border-top: solid 1px #aaa;
    }

    .wrapperBal #main-content {
        width: 97.4% !important;
    }

    .balances #spnDownload {
        margin-top: 30px !important;
    }
}

@media screen and (max-width:800px) {
    .balances #spnDownload {
        margin-top: 0px !important;
    }

    .martopgap {
        position: relative;
        top: 10px;
    }
}

@media screen and (max-width:603px) {
    .wrapperBal #main-content {
        width: 96.4% !important;
    }
}

@media screen and (max-width:414px) {
    .wrapperBal #main-content {
        width: 95% !important;
    }

    .balances .endDatePos {
        left: 0px !important;
        bottom: 0px !important;
    }
}

@media screen and (max-width:375px) {
    .balances .hgtfix td {
        height: auto !important;
    }

    .wrapperBal #main-content {
        width: 94% !important;
    }
}

@media screen and (max-width:360px) {
    .wrapperBal #main-content {
        width: 93.5% !important;
    }
}

@media screen and (width:533px) {
    .balances .endDatePos {
        position: relative;
        left: 223px;
        bottom: 30px;
    }

    .balances #Investmentsddl {
        width: 49%;
        margin-right: 10px;
        bottom: 20px;
        position: relative;
    }

    .balances .topMar10 {
        margin-top: 0px;
    }

    .balances #Sourcesddl {
        width: 48%;
        bottom: 20px;
        position: relative;
    }
}

@media screen and (max-width:533px) {
    .balances #spnDownload {
        margin-top: 20px !important;
    }

    .balances #spnDownload {
        margin-top: 0 !important;
    }
}

@media screen and (max-width:548px) {
    a[id*=addresslink] {
        margin-left: 0 !important;
    }
}

@media screen and (min-width:321px) and (max-width:460px) {
    #Sourcesddl {
        margin-left: 0px !important;
    }

    #btnbaldetSubmit div.btn.respbtn, #btndownload, #btnSubmitas div.btn.respbtn {
        margin-top: 10px !important;
    }
}

@media screen and (max-width:590px) {
    .actionsforyou a.btn {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }
}

/* verify dividend options reset */
.dividend-reinvestment .module .left, .dividend-reinvestment .module .right {
    width: 45%;
}

/* responsive menu font styling */
.menu-head, .alertMenuIconPlusMinus {
    padding-bottom: 4px;
}

#mobile-menu-main-menu {
    font-weight: bold;
}

.sub_menu_left li {
    padding: 0 !important;
}

.sub_menu_left a {
    display: block;
    /* padding: 7px 0;*/
}


@media screen and (width:568px) {
    .set-my-goals #thumbnails {
        position: relative;
        left: 30px;
    }

    .widget.image-slider .carousel-control.right {
        right: 0px !important;
    }

    .widget.image-slider .carousel-control.left {
        left: -58px !important;
    }
}

.respbtnNew {
    margin-bottom: 0px;
    margin-left: 1px;
    margin-top: 20px;
}

.respbtnName {
    margin-bottom: 0px;
    margin-left: 1px;
    margin-top: 11px;
}

.respbtnRptPart {
    margin-bottom: 0px;
    margin-left: 1px;
    margin-top: -3px;
}


@media screen and (min-width:320px) and (max-width:474px) {

    section#main-content.twelve.columns.featured.actionsforyou > div:nth-child(3) > div:nth-child(3) > div.widget.submit-complete.clearfix > p.no-mar > span {
        width: 100% !important;
    }
}


@media screen and (min-width:415px) and (max-width:460px) {
    .set-my-goals #thumbnails {
        left: 48px !important;
    }

    .widget.image-slider .carousel-control.left {
        left: -50px !important;
    }

    .widget.image-slider .carousel-control.right {
        left: -48px !important;
    }
}

@media screen and (width:667px) {
    .set-my-goals #thumbnails {
        left: 74px !important;
    }

    .set-my-goals #myCarousel {
        width: 460px !important;
        margin-left: 68px;
    }

    .myrettxtpos {
        margin-left: 70px !important;
    }

    .set-my-goals #myCarousel img {
        margin: 0 auto !important;
    }
}

@media screen and (min-width:320px) and (max-width:375px) {
    .set-my-goals div #wid83per {
        width: 100% !important;
    }
}


@media screen and (min-width:415px) and (max-width:460px) {
    .set-my-goals div #wid83per {
        width: 86% !important;
    }
}

@media screen and (min-width:461px) and (max-width:533px) {
    .set-my-goals div #wid83per {
        width: 88% !important;
    }
}

@media screen and (min-width:534px) and (max-width:550px) {
    .set-my-goals div #wid83per {
        width: 88% !important;
    }
}

@media screen and (min-width:551px) and (max-width:604px) {
    .set-my-goals div #wid83per {
        width: 89% !important;
    }
}

@media screen and (min-width:534px) and (max-width:550px) {
    .set-my-goals div #retirement-income-block {
        width: 88% !important;
    }
}

@media screen and (min-width:551px) and (max-width:604px) {
    .set-my-goals div #retirement-income-block {
        width: 89% !important;
    }
}

@media screen and (max-width:372px) {
    #contributions-block .left-part {
        padding-right: 5%;
        float: left;
    }

    #contributions-block .right-part {
        float: left !important;
        left: 60px;
        margin-right: 10px !important;
    }

        #contributions-block .right-part label.view-as {
            left: 62px;
        }
}

@media screen and (max-width:1000px) {
    .annual-salary-block {
        display: table;
    }
}

@media screen and (min-width:321px) and (max-width:375px) {
    .set-my-goals #thumbnails {
        margin: 0 0 0 2px !important;
    }

        .set-my-goals #thumbnails .carousel-control.left {
            left: 0 !important;
            margin-left: -28px;
        }

        .set-my-goals #thumbnails .carousel-control.right {
            right: 0 !important;
            margin-right: 10px;
        }
}




.PlnDocuments .imagediv {
    text-align: right !important;
}

@media screen and (max-width:768px) {


    .PlnDocuments .maxWid100per {
        width: 100% !important;
    }

    .PlnDocuments .docs-reader {
        float: left !Important;
        width: 100% !important;
        margin-left: 0px !Important;
        padding: 0px !Important;
    }

    .PlnDocuments .imagediv {
        float: left !important;
        text-align: left !important;
        width: 50px;
    }

    .PlnDocuments .textdiv {
        width: 80% !Important;
        float: left !important;
        text-align: left !important;
        padding: 5px;
    }
}


@media screen and (max-width:320px) {

    .PlnDocuments .textdiv {
        padding: 0px 5px;
    }
}

@media screen and (min-width:961px) {
    .fndTransfer .margadj {
        margin-right: 2.2%;
    }

    .fndTransfer #fundoptions:nth-of-type(3) {
        margin-right: 0px !important;
    }
}


@media screen and (max-width:768px) {
    .fndTransfer #fundoptions {
        max-width: 100%;
        width: 100%;
    }

    .pad30Lft {
        padding: 0 0 0 30px !important;
    }
}

@media screen and (max-width:414px) {

    .fulWid {
        width: 100% !Important;
    }

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


@media screen and (min-width:461px) and (max-width:768px) {

    .loanS .hideDtlCol {
        display: none;
    }

    /*.loanS .responsive-table th {
        width: 50% !important;
        float: left;
        height: 10px;
    }

    .loanS .responsive-table td {
        width: 50% !important;
        float: left;
        position: relative;
        border: none !important;
        bottom: 7px;
        text-align: left !important;
    }

    .loanS table.responsive-table td:last-child {
        border-bottom: 0px !important;
    }*/
}

@media screen and (max-width:603px) {

    .loanS .wrap100per {
        width: 100% !important;
    }

    .loanS p.wrap100per {
        width: 100% !important;
    }

    .loanS .minhgt0px {
        min-height: 0px !important;
    }

    .loanS .marLft {
        margin-left: 0px !important;
    }
}

@media screen and (max-width:603px) {

    .loanS .Wrapptbl {
        /* width: 96% !important;*/
        border: 0;
    }
}



@media screen and (max-width:533px) {
    .loanS .Wrapptbl { /* width: 82% !important; */
    }

    .loanS #loans-estimate {
        /* overflow-x: scroll !important;*/
        /* display: block;*/
    }

        .loanS #loans-estimate thead th {
        }

        .loanS #loans-estimate tbody td {
        }
}


@media screen and (max-width:460px) {


    #calculationResults button.btnblue {
        float: none;
        width: 100% !important;
        top: 15px !important;
        position: relative;
    }


    table.responsive-loans th, table.responsive-loans td {
        border: none;
        padding: 5px !important;
        font-size: 14px;
        height: 30px;
    }

        table.responsive-loans td:nth-of-type(2) {
            border-top: solid 1px #ccc !important;
        }

    table.clean td:last-child {
        border-bottom: solid 1px #ccc !important;
    }

    /*responsive-table algorithm*/
    .responsive-loans thead tr {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 clip: rect(1px, 1px, 1px, 1px);*/
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

        .responsive-loans thead tr.show {
            position: relative;
            clip: none;
            height: auto;
            width: auto;
        }

    table.responsive-loans td:nth-child(1) {
        border-top: solid 1px #ccc;
    }

    table.responsive-loans td:nth-child(3) {
        border-bottom: solid 1px #ccc !important;
    }


    th.hiderrow {
        display: none !important;
    }

    .responsive-loans {
        border: 0;
        width: 100% !important;
    }

        .responsive-loans thead th:first-of-type {
            text-align: left;
        }

        .responsive-loans tbody,
        .responsive-loans tr,
        .responsive-loans th,
        .responsive-loans td {
            display: block;
            padding: 0;
            /* text-align: left;*/
            white-space: normal;
        }

        .responsive-loans th,
        .responsive-loans td {
            padding: .5em;
            vertical-align: middle;
            width: 100% !important;
        }

        .responsive-loans tbody tr, .responsive-loans tfoot tr, .responsive-loans thead tr {
            margin-bottom: 1em;
            border: 1px solid #aaa;
            border-width: 0 1px;
        }

        .responsive-loans th[scope="row"] {
            background-color: #336699;
            color: white;
        }

        .responsive-loans tbody td {
            text-align: right !important;
        }

        .responsive-loans tbody td {
            border-bottom: 1px solid #ccc;
        }

            .responsive-loans tbody td[data-type=currency], .responsive-loans thead .currency, .responsive-loans tfoot .currency {
                text-align: right;
            }

        .responsive-loans [data-title]:before {
            content: attr(data-title);
            float: left;
        }

        .responsive-loans tbody td[scope="row"]:before, .responsive-loans tfoot th[scope="row"]:before {
            float: none;
        }

        .responsive-loans tbody td[scope="row"], .responsive-loans tfoot th[scope="row"] {
            background-color: #336699 !important;
            color: white !important;
            text-align: left !important;
            line-height: 1;
            width: 100% !important;
        }

        .responsive-loans [scope="row"] .colorkey {
            float: left;
            margin-right: 10px;
        }

        .responsive-loans .empty, .responsive-loans .hidden {
            display: none;
        }

        .responsive-loans tfoot th, .responsive-loans thead th {
            background: #fff;
            border: 0;
            color: #333;
            border-bottom: 1px solid #ccc;
        }

        .responsive-loans table td {
            width: auto;
            border-top: 1px solid #ccc;
            height: auto;
        }

        .responsive-loans table tr {
            border: 0;
            height: auto;
        }

        .responsive-loans table {
            margin-top: -15px;
            padding: 5px;
            background: #fff;
        }

        .responsive-loans .padding0 {
            padding: 5px !important;
        }
}


/* fixes for fund_transfer.aspx */
@media screen and (max-width:768px) {
    .fund-transfer .thirds {
        float: left !important;
        max-width: 278px !important;
    }

        .fund-transfer .thirds:nth-of-type(even) {
            margin-right: 0;
        }
}

@media screen and (max-width:631px) {
    .fund-transfer .thirds {
        float: none;
        min-width: 100%;
        max-height: 200px;
    }
}

@media screen and (max-width:460px) {

    .changeBeneficiaries .realignment .btn.submit,
    .changeBeneficiaries #btnMaritalStatusContinue {
        width: 100% !important;
    }

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

    #main-content #docDeliveryPref .btn {
        width: 100% !important;
    }


    .editspan100per {
        width: 100% !important;
    }

    .myProfileContainer .pad-right-ten,
    .myProfileContainer .pad-right-thirtyfive {
        padding-right: 0px !important;
    }

    .CompletereQAlign {
        text-align: center !important;
        width: 100% !important;
    }



        .CompletereQAlign button, .CompletereQAlign input, .CompletereQAlign a, CompletereQAlign #btnContinueB {
            width: 100% !important;
            /*padding-top: 20px !important;
            padding-bottom: 20px !important;*/
        }

        .CompletereQAlign #btnSubmitChanges, .CompletereQAlign #cnslDes {
            width: 100% !important;
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

    .posrelbtm18 {
        position: relative;
        bottom: 18px;
    }

    .marTOP20 {
        margin-top: 20px;
    }

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

@media screen and (min-width:396px) and (max-width:569px) {

    .editfix a {
        position: relative;
        left: 160px;
    }
}


@media screen and (min-width:537px) and (max-width:959px) {
    .MarlEftrst {
        margin-left: 160px !important;
    }
}


@media screen and (max-width:536px) {
    .MarlEftrst {
        margin-left: 0px !important;
    }
}

@media screen and (min-width:447px) and (max-width:661px) {
    .spanfix {
        position: relative;
        left: 160px;
    }

    .editspan100per {
        width: 100% !important;
    }
}

@media screen and (min-width:320px) and (max-width:959px) {

    .myProfileContainer .left-container {
        width: auto !Important;
    }


    .myProfileContainer .minwid160 {
        min-width: 160px !important;
    }


    .myProfileContainer .password-disclaimer {
        float: right;
        width: 42%;
    }

    .myProfileContainer .password-disclaimer-msg {
        width: 100%;
    }
}

@media screen and (max-width:690px) {
    .myProfileContainer .password-disclaimer,
    .myProfileContainer .password-disclaimer-msg {
        width: 100% !important;
    }
}


@media screen and (min-width:461px) and (max-width:959px) {

    .myProfileContainer #CancelEditPassword,
    .myProfileContainer #CancelEditPin,
    .myProfileContainer #CancelEditSecurity,
    .myProfileContainer #CancelEditHomePhone {
        height: 47px;
        position: relative;
        top: 1px;
    }
}

@media screen and (min-width:401px) and (max-width:415px) {

    .withdrawals #txtwithdrawalPer {
        margin-left: 4px;
    }
}

@media screen and (min-width:377px) and (max-width:400px) {

    .withdrawals #txtwithdrawalPer {
        margin-left: 15px;
    }
}

@media screen and (min-width:326px) and (max-width:339px) {

    .withdrawals #txtwithdrawalPer {
        margin-left: -4px;
    }
}

@media screen and (min-width:769px) and (max-width:959px) {

    .contributions .pad30Lft {
        padding-bottom: 15px !Important;
    }
}



@media screen and (max-width:768px) {
    .loanS .TxtAlgnLft {
        text-align: left !important;
        margin-top: 20px !important;
    }

    .loanS .marLft0 {
        margin-left: 0px !important;
    }

    .contributions .module {
        clear: both;
    }

    .contributions #divverifycompleterequest .firstverify,
    .contributions #divverifycompleterequest .secondverify,
    .contributions #divverifycompleterequest .thirdverify {
        display: block !Important;
        width: 100% !Important;
        height: auto !important;
    }

    .contributions .widget.range-toggle .slider-container .result input[type="text"] {
        margin: 0px !Important;
    }

    .contributions .pad30Lft {
        padding-left: 30px !important;
    }

    .contributions .padLFT0 {
        padding-left: 0px !important;
    }

    .contributions .contributionper, .contributions #contributiondate_1 {
        margin-left: 0px !important;
    }

    .contributions .expanded-content {
        overflow: hidden !important;
    }

    .contributions .expanded-content,
    .contributions .widget totals,
    .contributions #matchcontrimessages {
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }

        .contributions .expanded-content div.left {
            text-align: center !important;
            float: none !important;
            margin: 0 auto !Important;
            width: 100% !important;
            display: inline !important;
        }

    .widget.totals .s-xl:nth-child(3) {
        display: inline !important;
    }
}


@media screen and (min-width:461px) and (max-width:580px) {
    .contributions #divverifycompleterequest .width100percentage {
        width: 100% !important;
    }
}

@media screen and (min-width:461px) and (max-width:960px) {
    .contributions .marGinbtm20 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width:460px) {

    .loanS table.responsiveFAQ td:nth-child(2) {
        text-align: right !important;
    }

    .loanS .responsiveFAQ tbody td[scope="row"], .responsive-loans tfoot th[scope="row"] {
        background-color: #093048 !important;
        color: white !important;
        text-align: left !important;
        line-height: 1.9;
        width: 100% !important;
    }

    .loanS table.hgtFiX td, .loanS table.hgtFiX td:last-child {
        height: 40px !important;
        border: 0px;
        padding: .5em !important;
    }
}

@media screen and (min-width:461px)and (max-width:609px) {

    .loanS table.responsiveFAQ td, .loanS table.responsive-loans td, .loanS table.responsive-loans th {
        padding: 5px 2px !important;
    }
}

@media only screen and (min-width: 359px) and (max-width: 768px) {
    .idaresponsive #resourcedv1 {
        width: 220px;
    }

    .idaresponsive aside .module {
        margin: 20px;
        margin-top: 40px;
        height: 185px;
        padding-top: 0px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 959px) {
    .idaresponsive #resourcedv1 {
        width: 220px;
    }
}

@media only screen and (min-width: 359px) and (max-width: 767px) {
    #resourcepd {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 961px) and (max-width: 967px) {

    .idaresponsive aside .box, #resourcepd {
        margin-bottom: 30px;
        padding: 20px 15px;
        margin-right: -20px;
    }
}

@media only screen and (max-width: 460px) {
    .electionsresponsive .detailhide {
        display: none;
    }
}

@media only screen and (max-width: 488px) {
    .electionsresponsive .mrgntp {
        margin-top: -15px;
    }
}

@media only screen and (min-width: 649px) {
    .electionsresponsive .thirds {
        float: left !important;
    }
}

@media screen and (max-width: 768px) {
    .electionsresponsive .donutchart {
        margin: auto;
        float: left;
        margin-left: 25%;
    }

    .electionsresponsive .currentelection {
        width: auto;
    }
}

@media only screen and (min-width: 769px) and (max-width: 959px) {
    .electionsresponsive .donutchart {
        margin-right: 40px;
    }
}

/*
JSB
@media only screen and (max-width: 768px) {

    .electionsresponsive .width50Per {
        width: 100% !important;
    }
}
*/


@media screen and (max-width:631px) {
    .electionsresponsive .imodule-content .thirds {
        float: none;
        min-width: 100%;
        max-height: 200px;
    }
}

@media screen and (max-width:648px) {
    .electionsresponsive .img-width-full img {
        width: auto !important;
        height: auto;
    }

    .electionsresponsive #electionavailable {
        margin-top: -20px;
    }

    .electionsresponsive #electionoptions {
        margin-bottom: 15px !important;
        width: 100%;
    }
}

.electionsresponsive .invesment_name_block .noborder tbody tr {
    border: none !important;
}

    .electionsresponsive .invesment_name_block .noborder tbody tr td {
        border: none !important;
    }

@media only screen and (min-width: 320px) and (max-width: 352px) {
    .electionsresponsive table.clean th, table.clean td {
        padding: 0px 0px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 352px) {
    .electionsresponsive .currentelection {
        margin-right: 5px;
    }
}

@media only screen and (min-width: 368px) and (max-width: 607px) {
    .electionsresponsive .currentelection {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 367px) {
    .electionsresponsive .currentelection {
        margin-right: 5px;
    }

    table.clean th, table.clean td {
        padding: 5px;
    }

    #loans-myloans .detailspadding.collapsibleSection {
        padding: 5px !important;
    }
}


@media only screen and (min-width: 960px) {
    #myPlansUpdate .width-twentyeight, #contactInfoUpdate .width-twentyeight {
        width: auto;
    }

    @media only screen and (min-width: 460px) and (max-width: 770px) {
        #myPlansUpdate .pad-right-thirtyfive, #contactInfoUpdate .pad-right-thirtyfive {
            padding-right: 0 !important;
        }
    }
}

/* fix for button size issue in Safari 9 */
.forms-alignfix button.btnblue, .whitenowrap {
    white-space: nowrap;
}



@media screen and (max-width:768px) {
    table.nomailborder tr, table.nomailborder td:last-child {
        border: 0px !important;
    }

    #pdfImagetd {
        padding: 0px;
    }

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

    #top-header {
        height: 64px !important;
        background: #093048;
    }
}

@media screen and (max-width:390px) {
    .mar-left-ten {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .realignment .modules {
        margin-top: 23px !important;
    }
}


/*@media only screen and (min-width: 320px) and (max-width: 347px) {
      .realignment .info {
        float: left !important;
        margin-left: 0px;
    }
}*/

@media only screen and (max-width: 375px) {
    /* realignment.aspx OWS-13802 */
    .realignment .info {
        float: none;
        width: 100% !important;
        margin: 0 0 10px;
    }

        .realignment .info img {
            display: block;
            /*margin:0 auto;*/
            height: 100%;
        }
    /* end */
}

@media only screen and (min-width: 320px) and (max-width: 580px) {
    #hidelr, #hidehr {
        display: none;
    }

    #profile-slider-container {
        height: 70px;
    }

    #profile-slider .noUi-origin {
        background-color: white !important;
    }
}


@media screen and (width:375px) {

    .set-my-goals #thumbnails .carousel-control.left {
        left: -2px !important;
    }
}

@media screen and (width:480px) {

    .widget.image-slider #thumbnails {
        left: 60px !important;
        position: relative;
    }

    .widget.image-slider .carousel-control.right {
        right: 65px !important;
        position: relative;
        bottom: 185px !Important;
    }
}



@media screen and (min-width:415px) and (max-width:604px) {

    .set-my-goals #retirement-income-block {
        width: 88% !Important;
    }

        .set-my-goals #retirement-income-block p {
            clear: left;
        }
}


@media screen and (min-width:461px) {

    .withdrawals button#btnSubmitRequest {
        width: 200px !important;
    }

    .withdrawals button#cnslreq {
        width: 200px;
    }
}


@media screen and (max-width:959px) {
    .withdrawals .widfixbtn {
        width: 63%;
    }
}



@media screen and (max-width:460px) {

    .contributions .lblwrp {
        float: left !Important;
        clear: left;
        margin-left: 60px;
        margin-top: 10px;
    }
}

@media screen and (min-width: 461px) and (max-width:590px) {
    #divmoreactions .expando {
        width: 20% !important;
    }

    #divmoreactions .btn {
        clear: both !important;
    }

    #divmoreactions .moreactionlink {
        margin-left: 5px !important;
        width: 65% !important;
    }
}

.contributions .green-check {
    min-height: 80px;
}

.contributions .chkright {
    margin-left: 0px;
}


#divmoreactions .expando {
    width: 12%;
    float: left;
}

#divmoreactions .moreactionlink {
    width: 52%;
    float: left;
}

/* Investment Elections Tables */
/*
@media screen and (max-width:767px) {
    // overall widget container
    .widget.table.accordion {
        padding-right: 5px !important;
    }

        .widget.table.accordion table#tblPRR.clean {
            table-layout: fixed;
            padding-right: 10px !important;
        }
    // risk tabs
    span.moderatelbl {
        left: 50% !important;
        right: 50% !important;
        margin-left: -25px;
        line-height: 1;
    }

    .inv-risk-slidercss .noUi-base:after, .inv-risk-slidercss .noUi-base:before {
        line-height: 1.65;
    }
    // adobe links
    .widget.table.accordion .docs-reader ~ .neg-mar-thirtyfive.right.width-fifty.pos-rel.clearfix {
        float: none;
        width: 100%;
        clear: both;
    }

        .widget.table.accordion .docs-reader ~ .neg-mar-thirtyfive.right.width-fifty.pos-rel.clearfix .right {
            float: none;
        }

            .widget.table.accordion .docs-reader ~ .neg-mar-thirtyfive.right.width-fifty.pos-rel.clearfix .right .left:first-child {
                margin-left: 0 !important;
                margin-right: -10px !important;
            }

    .widget.table.accordion .docs-reader div:last-child {
        width: 55%;
        text-align: right;
    }

    .widget.table.accordion .docs-reader {
        margin-bottom: 10px;
    }

        .widget.table.accordion .docs-reader ~ div img {
            vertical-align: middle;
            margin-right: 5px !important;
        }

    // main tabs
    .widget.table.accordion #myTab li a {
        padding: 4px 8px !important;
    }

    .widget.table.accordion .tab-content:after {
        content: '';
        display: table;
        clear: both !important;
    }

    .widget.table.accordion .tab-content {
        height: auto;
    }

    .widget.table.accordion .tab-pane div[id^=investBar] {
        float: none !important;
        width: 100% !important;
        border: 0 !important;
    }

        .widget.table.accordion .tab-pane div[id^=investBar]:after {
            content: '';
            display: table;
            clear: both;
        }

    .widget.table.accordion div[class*=DottedLine] {
        border: 0 !important;
    }

    .widget.table.accordion .amcharts-chart-div svg {
        overflow-x: auto !important;
        max-width: 100% !important;
    }

    .widget.table.accordion .tabpanel .left, .widget.table.accordion .tabpanel .left .left {
        width: 100% !important;
    }

    .widget.table.accordion .tabpanel .right {
        width: 100%;
        float: none;
    }

    .widget.table.accordion .tabpanel .right, .tabpanel .right .right {
        width: 100% !important;
        border: 0;
        padding: 0 !important;
    }
}
    */

.widget.table.accordion .tab-content {
    height: auto;
    padding-bottom: 40px !important;
}


@media screen and (max-width:465px) {
    span.moderatelbl {
        line-height: 2.8;
    }
}

/* END investment elections tables */


@media screen and (min-width:600px) and (max-width:603px) {

    .set-my-goals #main-image {
        margin-left: 38px;
    }

    .set-my-goals .widget.image-slider #thumbnails {
        margin-left: 15px !Important;
    }
}

.set-my-goals #divVerify {
    margin-bottom: 0px;
}

@media screen and (width:768px) {

    .contributions #main-content {
        width: 97.2% !important;
    }
}

@media screen and (min-width:769px) {
    .contributions #k-percent-slider_2, .contributions #k-percent-slider_1 {
        margin-left: 15px;
    }
}

@media screen and (max-width:768px) {
    .contributions #k-percent-slider_2, .contributions #k-percent-slider_1 {
        margin-left: 15px;
        width: 93%;
    }
}

@media screen and (max-width:650px) {
    .contributions #k-percent-slider_2, .contributions #k-percent-slider_1 {
        width: 93%;
    }
}

@media screen and (max-width:649px) {
    .contributions #k-percent-slider_2, .contributions #k-percent-slider_1 {
        width: 88%;
    }
}

@media screen and (max-width:400px) {
    .contributions #k-percent-slider_2, .contributions #k-percent-slider_1 {
        width: 84%;
    }
}


@media screen and (max-width:433px) {

    .external #account .greeting {
        white-space: normal !important;
        text-align: right !important;
        margin-right: 225px !important;
        display: block !important;
        width: 84px !important;
        float: right !important;
    }

        .external #account .greeting ul li a {
            margin-right: 0px !important;
        }
}

.actionsforyou .submit-complete .btn.right {
    margin: 0px;
}

.actionsforyou .submit-complete p.btnSubmitContainer {
    width: 35%;
}

.actionsforyou .submit-complete p.disclaimer {
    width: 60%;
}

@media screen and (max-width: 590px) {
    .actionsforyou .submit-complete p.btnSubmitContainer {
        float: none;
        display: block;
        width: auto !important;
        clear: both;
    }

    .actionsforyou .submit-complete p.disclaimer {
        float: none;
        display: block;
        width: auto !important;
        clear: both;
    }
}


@media screen and (max-width:768px) {
    .changeBeneficiaries .multibenelefix {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .changeBeneficiaries table.responsive-table td {
        border: none;
    }

    .changeBeneficiaries .bdrtdFix td {
        border-top: solid 1px #aaa !Important;
        min-height: 40px !important;
        height: auto !important;
        line-height: 28px;
    }

    .changeBeneficiaries .bdrtdFix th {
        display: none;
    }

    .changeBeneficiaries .bdrtdFix td:last-child {
        border-bottom: solid 1px #aaa !Important;
        min-height: 40px !important;
        height: auto !important;
        line-height: 28px;
    }

    .bdrtdFix td.hidecol, .bdrtdFix td span.hidecol {
        display: none !important;
    }

    .bdrtdFix .wid70per {
        width: 70% !important;
    }

    .bdrtdFix #noborder {
        border: 0px !important;
        padding: 0px;
    }


    .changeBeneficiaries .futureinvbox {
        width: 100% !important;
    }

        .changeBeneficiaries .futureinvbox p {
            margin-bottom: 5px !important;
            width: 100% !important;
        }

        .changeBeneficiaries .futureinvbox .browsefunds-tabs {
            width: 100%;
            margin: 0 auto !Important;
        }

            .changeBeneficiaries .futureinvbox .browsefunds-tabs span {
                width: 100% !Important;
                margin: 0 auto !Important;
                text-align: center !important;
                display: inherit !important;
                padding: 0px !Important;
            }

                .changeBeneficiaries .futureinvbox .browsefunds-tabs span a {
                    padding: 5px 10px !important;
                    display: inline !important;
                    text-align: center !important;
                    width: 100% !Important;
                }
}


@media screen and (max-width:460px) {

    .changeBeneficiaries #maritalstatusmodule .filter-type-list div {
        width: 100%;
    }

        .changeBeneficiaries #maritalstatusmodule .filter-type-list div:nth-of-type(2) {
            margin-top: 10px;
        }

    .changeBeneficiaries .futureinvbox .browsefunds-tabs span {
        display: inline !important;
    }

        .changeBeneficiaries .futureinvbox .browsefunds-tabs span a {
            padding: 5px 10px !important;
            display: inline-block !important;
            text-align: center !important;
            width: 100% !Important;
            line-height: 26px !Important;
        }

            .changeBeneficiaries .futureinvbox .browsefunds-tabs span a:nth-of-type(2) {
                margin-top: 15px !Important;
            }


    .changeBeneficiaries #beneInfoQuestion .module-content div {
        padding: 0px !Important;
    }
}


@media screen and (min-width:461px) and (max-width:767px) {

    .btncontnrwrap {
        margin-right: 40px !Important;
        position: relative;
        bottom: 40px !important;
    }

        .btncontnrwrap button {
            width: 150px !important;
        }
}



@media screen and (max-width: 460px) {
    .contact-us-module .contWrapper {
        float: none;
        width: auto;
        border-right: none !important;
    }

        .contact-us-module .contWrapper.floatRight {
            margin-top: 10px !important;
        }
}


/*OWS-13906*/

.doc-name {
    margin-top: 10px;
    clear: both;
}

    .doc-name .file-icon {
        float: left;
    }

    .doc-name .file-name {
        float: left;
        width: 85%;
    }

.left.zone-message-container {
    float: left;
    width: 50%;
}


@media screen and (max-width: 460px) {
    .left.zone-message-container {
        float: none;
        width: 100%;
    }
}

.exit-part-account {
    margin-left: -10px;
    float: left;
    height: 48px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0), 1px 1px 1px rgba(0, 0, 0, 0) !important;
}

/* contributions.aspx at 960px and below */
@media screen and (max-width:960px) {
    .container.content.contributions {
        width: 100%;
    }

        .container.content.contributions #btncontinue {
            margin: 0;
        }

    #main-content.contributions {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 30px 0 10px !important;
    }

        #main-content.contributions .module {
            max-width: 100%;
        }

        #main-content.contributions:after, .contributions aside.sidebar.four.columns:before {
            content: '';
            display: table;
            clear: both !important;
        }

    .contributions aside.sidebar.four.columns {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

        .contributions aside.sidebar.four.columns .module {
            margin-top: 10px;
        }
}

@media screen and (max-width:375px) {
    .widget.total-box {
        display: block;
    }

        .widget.total-box .s-xxl, .widget.total-box .s-lg.upper {
            font-size: 250% !important;
        }
}

/* pdf icons in sidebar */
.sidebar .doc-name .file-icon {
    width: 27px;
    height: 27px;
    float: left !important;
}

.sidebar .doc-name .file-name {
    max-width: 80%;
    line-height: 1.2;
    margin-bottom: 15px;
}


@media screen and (max-width:320px) {
    .realignment .spanWith100 {
        width: 100%;
    }
}

/*.realignment .hiDE {
    padding-left: 5px;
}*/

@media screen and (max-width:767px) { /* changed to 767 to prevent these settings on ipad. Ipad and desktop is same display */


    .changeBeneficiaries .responsive-table tr.dtatitlealign td:first-child[data-title]:before {
        top: 0px;
        left: 0px;
    }

    .rebalance .spanWith100 {
        width: 100%;
        margin-top: 40px;
    }

    .rebalance .linKfix {
        float: left !important;
        text-align: left !important;
        width: 100% !important;
    }

    .realignment .responsive-table td:first-child[data-title]:before {
        content: attr(data-title);
        position: relative;
        top: 10px;
        left: 30px;
    }

    .realignment #more-group {
        position: relative;
        bottom: 5px;
    }

    /*.realignment p.hidextra {
        display: none !important;
    }*/

    .profile-slider-guides table {
        font-size: 80%;
        font-weight: bold;
        margin-top: 35px !important;
        margin-bottom: 20px !important;
    }

    /*.realignment.investments #profile-slider:after {
        content: '' !important;
    }*/

    .realignment .hiDE {
        display: none;
    }

    .realignment .widget.table.accordion {
        padding-right: 0px !Important;
    }

    .realignment table.responsive-table td {
        border: none;
    }

    .realignment .bdrtdFix td {
        border-top: solid 1px #aaa !Important;
        min-height: 40px !important;
        height: auto !important;
        line-height: 28px;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .realignment .bdrtdFix th {
        /* display: none; /* no reverted due to OWS-13802 */
    }

    .realignment .bdrtdFix td:last-child {
        border-bottom: solid 1px #aaa !Important;
        min-height: 40px !important;
        height: auto !important;
        line-height: 28px;
    }

    .bdrtdFix td.hidecol, .bdrtdFix td span.hidecol {
        display: none !important;
    }

    .realignment .txtalgNrgt {
        text-align: right !important;
    }
}


@media screen and (max-width:460px) {
    .realignment .CompletereQAlign .continueerror {
        padding-top: 20px;
    }

    .rebalance .browsefunds-tabs {
        width: 100%;
        margin-top: 5px !important;
    }

        .rebalance .browsefunds-tabs span a {
            width: 50%;
            display: inline !important;
            padding: 7px 26px !Important;
        }

    .wid100pEr {
        width: 100% !important;
    }
}


@media screen and (min-width:735px) and (max-width:959px) {
    .btnwrappER {
        width: 65% !important;
    }
}


@media screen and (min-width:601px) and (max-width:734px) {
    .btnwrappER {
        width: 70% !important;
    }
}






@media screen and (min-width:608px) and (max-width:691px) {
    .btnwrappER {
        width: 80% !important;
    }
}

@media screen and (min-width:567px) and (max-width:608px) {
    .btnwrappER {
        width: 85% !important;
    }
}

@media screen and (min-width:461px) and (max-width:566px) {
    .btnwrappER {
        width: 100% !important;
    }
}

@media screen and (max-width:460px) {
    .contributions .expanded-content div.left {
        display: block !important;
    }
}

@media screen and (max-width:960px) {
    .resp960Hidden {
        display: none;
    }

    .elections-disclaimer {
        display: none;
    }

    .electionsNA-msg {
        display: block !important;
    }

    .docs-reader {
        margin-left: 11px;
    }
}

@media screen and (min-width:320px) and (max-width:603px) {
    .width48Per {
        width: 503px !important;
    }
}





/* realignment */
.profile-slider-guides table {
    font-size: 80%;
    font-weight: bold;
    margin: 35px 0 20px !important;
}

    .profile-slider-guides table td {
        padding: 0;
        text-align: center;
    }

        .profile-slider-guides table td:first-child {
            text-align: left;
        }

        .profile-slider-guides table td:last-child {
            text-align: right;
        }

/* realignment new format */
div.riskSlideText {
    display: table;
    width: 100% !important;
    font-weight: bold;
    /* margin-top: 30px;*/
}

    div.riskSlideText span {
        text-align: center;
        display: table-cell;
    }

        div.riskSlideText span:first-child {
            text-align: left;
        }

        div.riskSlideText span:last-child {
            text-align: right;
        }

div.riskIndicator .riskSlideText {
    position: relative;
    /* bottom: -25px !important;*/
    z-index: 9999;
}

.noUi-base .riskSlideText {
    font-weight: normal;
    /* margin-top: -20px;*/
    width: 99% !important;
    /* margin: -20px auto 0 auto;*/
}


@media screen and (min-width:960px) and (max-width:1023px) {
    .electionS .module {
        padding-right: 15px !important;
    }

    .electionS .isidebar .imodules.side-column {
        width: 242px !important;
        float: right !important;
    }

    .electionS .imodules {
        width: 72.5% !important;
    }
}

@media screen and (max-width:768px) {
    .padRgtreset {
        padding-right: 0px !important;
        width: 100% !Important;
    }

    .changeBeneficiaries #updatebene {
        padding: 0px !important;
    }

    .changeBeneficiaries #designationmodule .responsive-table td:first-child[data-title]:before {
        top: 0px;
        left: 0px;
    }
}



@media screen and (max-width:768px) {
    /* OWS-13897 */
    #crumbs {
        display: none;
    }

    #top-header {
        height: 15px !important;
    }

    #index #top-header {
        height: 55px !important;
    }

    .greeting {
        top: 70px;
    }

        #avatar, .account-nav, .greeting .mar-ten-top, #notify-container .notifier {
            display: none !important;
        }

    #avatar-wrap {
        top: -20px !important;
        position: relative;
        margin: 0 auto !important;
        text-align: center !important;
        width: 100% !important;
    }

    #mobile-toggle {
        margin: 0 10px 0 !important;
        position: relative;
        width: 45px;
        z-index: 999;
        top: 5px !important;
    }

    #index #mobile-toggle {
        top: -35px !important;
    }

    .pulldown-menus {
        margin: 0 !important;
        padding: 0 !important;
        top: 75px !important;
        z-index: 0;
    }

    #index .pulldown-menus {
        top: 35px !important;
    }

    #avatar-wrap:after {
        content: '';
        display: table;
        clear: both;
    }

    header #top-header #account #banner img {
        display: block;
        margin: 0 auto !important;
    }

    #responsiveMenuDiv nav {
        margin-top: 20px !important;
        margin-bottom: -15px !important;
    }

    #index #responsiveMenuDiv nav {
        margin-top: -20px !important;
        margin-bottom: 15px !important;
    }

    .mobile_respo_menu:before {
        font-size: 50px !important;
    }
}

@media screen and (max-width:414px) {
    .pulldown-menus {
        margin-left: 40px !important;
        margin-right: 20px !important;
    }

        .pulldown-menus .selectedMenu {
            max-width: 100% !important;
        }

    .greeting {
        margin-left: 47px;
        width: 85%;
    }

    .pulldown-menus select, .pulldown-menus .selectedMenu {
        width: 80%;
        margin-left: 40px;
        white-space: normal;
        text-align: center !important;
        margin-top: 5px;
    }

    .pulldown-menus .selectedMenu {
        margin: 5px 0 10px !important;
    }
}

@media screen and (max-width:460px) {
    .widget.table.accordion table#tblPRR th:first-child {
        width: 75px !important;
    }

    .widget.table.accordion table#tblPRR th {
        padding: 5px !important;
    }
}

#mobile-menu-main-menu .sub-menu-head span span {
    display: none !important;
}

/*OWS-13875*/
@media screen and (min-width:716px) and (max-width:959px) {
    .myProfileContainer #CancelEditPin {
        height: 31px !important;
    }
}

@media screen and (max-width:767px) {
    .accountSummary .cell {
        width: 100% !important;
        float: none;
    }

    .accountSummary .headerAsOf {
        float: none;
    }
}

@media screen and (max-width:360px) {
    .accountSummary br.dispnone {
        display: block !important;
    }

    .accountSummary .headerAsOf {
        float: right !important;
    }
}


@media screen and (min-width:370px) and (max-width:395px) {

    .infoContainer .editfix {
        margin-left: 159px;
    }
}

@media screen and (min-width:553px) and (max-width:569px) {

    .infoContainer .editfix {
        margin-right: 11px;
    }
}

@media screen and (min-width:570px) and (max-width:959px) {

    .infoContainer .editfix {
        margin-left: 161px;
    }
}

@media screen and (min-width:553px) and (max-width:959px) {

    .infoContainer .editLink {
        margin-right: 141px;
    }
}

.headerfont.chart-header {
    margin: 0;
}

.goingchartLegends {
    margin-left: 0px !important;
}

.goingchartSeeAll.seealllinkdiv {
    margin-left: 0px !important;
}


@media screen and (max-width:600px) {
    .module-content {
        width: 100% !important;
    }

    .goingchartdiv {
        width: 100% !important;
    }
}

@media screen and (max-width:460px) {
    .collapseddetailslabelQdia {
        display: none;
    }

    table#tblregular tr td:nth-child(3), table#tblregular tr th:nth-child(3) {
        display: none;
    }
}

@media screen and (min-width:461px) and (max-width:1800px) {
    /* OWS-13777 */
    #beneInfoQuestion .module-content .left {
        max-width: 75% !important;
    }

    #beneInfoQuestion .module-content .right {
        margin-top: 12px;
    }

    .changeBeneficiaries .futureinvbox .browsefunds-tabs span {
        text-align: left !important;
    }

    #maritalstatusmodule .filter-type-list .width-fifty a.width80Per {
        max-width: 80%;
    }
}

#maritalstatusmodule .filter-type-list .width-fifty a, #designationmodule a {
    cursor: pointer;
}

#designationmodule #ddlstate {
    width: 120px !important;
}

/* responsive header fixes per OWS-13897 */
.pulldown-menus select {
    border: 1px solid;
    padding: 3px 10px 3px 5px !important;
    min-height: 0 !important;
    height: auto;
}

.pulldown-menus select, .pulldown-menus .selectedMenu {
    white-space: normal;
    max-width: 275px !important;
    min-height: 46px;
    box-sizing: content-box;
}

@media screen and (max-width:600px) {
    .greeting {
        width: 100%;
        margin-left: 0;
    }

    #mobile-toggle {
        margin-top: 20px !important;
    }

    .pulldown-menus {
        margin-left: 15px !important;
        margin-right: 0px !important;
    }

        .pulldown-menus select {
            padding: 3px 5px;
            height: auto;
        }

        .pulldown-menus, .pulldown-menus select {
            overflow: visible !important;
        }

            .pulldown-menus select, .pulldown-menus .selectedMenu {
                white-space: normal;
                max-width: 220px !important;
                margin: 10px 0 0 !important;
            }

    #account .floatRight {
        float: none;
    }
}


@media screen and (min-width:603px) and (max-width:768px) {
    #avatar-wrap {
        float: right !important;
        max-width: 210px !important;
        margin-top: 69px !important;
    }

    header {
        margin-top: -42px;
    }

    .greeting {
        width: 75%;
        margin-top: -15px !important;
    }

    .pulldown-menus_plan {
        top: -25px !important;
        position: relative;
        width: 75%;
    }

    .pulldown-menus select {
        padding: 3px 5px;
        margin-top: 10px !important;
        height: auto;
    }

    #mobile-toggle {
        margin-top: -15px !important;
        height: 44px;
    }

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

    .pulldown-menus .selectedMenu {
        min-height: 50px;
    }

    #account .floatRight {
        float: none;
    }
}

@media screen and (max-width:320px) {
    .pulldown-menus_plan select {
        margin-left: 25px !important;
    }
}

@media screen and (max-width:768px) {
    /*.pulldown-menus_plan {
        padding-bottom: 7px !important;
    }*/

    .pulldown-menus_plan .selectedMenu {
        margin: 0 !important;
        padding-top: 10px !important;
        min-height: 58px;
    }

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

/* end */

@media screen and (max-width:414px) {
    /* OWS-13978 */
    .withdrawals .docs.docsdiv li {
        float: none !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

        .withdrawals .docs.docsdiv li p a {
            line-height: 1 !important;
            display: block;
            padding-top: 10px !important;
        }
    /* OWS-13777 */
    #beneTypeRadio {
        text-align: left;
    }

        #beneTypeRadio:before {
            content: '';
            display: table;
            clear: both;
        }
}

@media screen and (max-width:533px) {
    /* OWS-13777 */
    #updatebene #txtmailadd, #updatebene #txtmailadd1, #updatebene #txtcity, #txtbenename {
        display: block;
        clear: both;
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .guidedinvestments #main-content.sixteen.columns {
        padding: 20px 15px !important;
    }
}

@media screen and (max-width: 600px) {
    .guidedinvestments .profile-slider-guides .left, .guidedinvestments .profile-slider-guides .right, .guidedinvestments .profile-slider-guides .center {
        /* display:none !important;*/
    }

    .guidedinvestments .profile-slider-disclaimer {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 960px) {
    .guidedinvestments .profile-slider-guides .center {
        width: 72% !important;
    }
}

/* OWS-13897 */
.pulldown-menus {
    z-index: 99999;
}

@media screen and (max-width:768px) {
    .pulldown-menus {
        margin-left: 55px !important;
    }

        .pulldown-menus select, .pulldown-menus .selectedMenu {
            margin-left: -55px !important;
        }
}

@media screen and (max-width:320px) {
    .pulldown-menus select {
        margin-left: -20px !important;
    }
}

.pulldown-menus select {
    border: 0;
}

#responsiveMenuDiv .browsefunds-tabs .menualert-toggle {
    max-width: 50% !important;
}

    #responsiveMenuDiv .browsefunds-tabs .menualert-toggle:first-child {
        border-radius: 5px 0 0 5px !important;
        border-right: 0;
    }

    #responsiveMenuDiv .browsefunds-tabs .menualert-toggle:last-child {
        border-radius: 0 5px 5px 0 !important;
        border-left: 0;
    }

/* BMOOWS-409 */
#docDeliveryPref input[type=radio], #docDeliveryPref input[type="radio"]:checked {
    background-color: #fff !important;
    border: 0 !important;
}

/* OWS-13802 */
.riskSlideText {
    margin-top: 30px;
    margin-bottom: 20px;
}

.riskSlideText1 {
    margin-top: 30px;
    margin-bottom: 6px;
}

@media screen and (max-width:375px) {
    .riskSlideText {
        font-size: 13px;
        padding: 15px 0 10px;
    }

    div[id^="inv-risk-slider"] span {
        font-weight: normal;
    }

    #browsefunds .riskSlideText {
        margin: 0 5px !important;
    }
}

div[id^="inv-risk-slider"] {
    box-shadow: none !important;
    background: none;
    margin-bottom: 30px !important;
}

    div[id^="inv-risk-slider"] .riskSlideText {
        margin: 30px auto -20px;
        width: 95% !important;
    }

@media screen and (max-width:768px) {
    div[id^="inv-risk-slider"] .riskSlideText {
        margin: 0 auto -25px;
    }
}

@media screen and (max-width:767px) {
    #browsefunds .docs-reader, #browsefunds .docs-reader div {
        width: 100%;
        text-align: left;
        line-height: 1;
    }

        #browsefunds .docs-reader .imagediv {
            margin-bottom: 10px;
        }

    #browsefunds .docs-links li {
        width: auto !important;
    }
}

@media screen and (max-width:375px) {
    div[id^="inv-risk-slider"] .noUi-base {
        margin-top: -27px !important;
    }
}

@media screen and (max-width:320px) {
    #myTab li a {
        font-size: 12px !important;
    }
}

/* WIP experimental realignment table expand contents */
#tblPRR {
    table-layout: fixed;
}
/*
    #browsefunds .tab-content {overflow-x:auto!important}
    #browsefunds .tab-content .tab-pane.active,.LegendContainerDiv{min-width:820px;}
    #browsefunds .tab-content .left{float:left!important;width:inherit!important}
    #browsefunds .tab-content .right{float:right!important;width:inherit!important}
    */
/* end experimental */


/* fix right side of header hanging over boundary of content */
@media screen and (min-width:769px) {
    header .floatRight {
        width: 500px;
    }
}

@media screen and (min-width:435px) and (max-width:1023px) {
    .responsive-download-section span.left, .responsive-download-section p.left {
        float: none;
    }

    .width-thirty#imagedivremovewidth {
        width: 100px !important;
    }
}

@media screen and (max-width:600px) {
    .dispnone600 {
        display: none;
    }

    .visible600 {
        display: block !important;
        visibility: visible !important;
    }
}

@media screen and (max-width:950px) {
    #hideModerate950px {
        display: none;
    }
}

.interfund-transfer .widget.total-box .disclaimer {
    width: 70% !important;
    margin-right: 0px !important;
}


@media screen and (max-width:460px) {

    .interfund-transfer #completeTransferSection .lblCompleteRequest,
    .interfund-transfer #completeTransferSection .buttonsContainer {
        text-align: center !important;
        width: 100% !important;
    }

    .interfund-transfer #completeTransferSection .cancelButtonContainer,
    .interfund-transfer #completeTransferSection .cancelButtonContainer #btnCancel,
    .interfund-transfer #completeTransferSection .submitButtonContainer {
        width: 100%;
        margin-bottom: 4px;
    }

        .interfund-transfer #completeTransferSection .submitButtonContainer .btnMessage {
            text-align: center !important;
            margin-bottom: 13px;
        }
}

/* OWS-13902 */
header.external .floatRight {
    width: 410px;
}

@media screen and (max-width:768px) {
    header.external {
        min-height: 123px;
    }

        header.external .floatRight {
            float: right !important;
            width: 290px;
            margin-top: 0;
        }
        /* reset from line 20542 */
        header.external .greeting {
            width: 100px;
        }

            header.external .greeting .mar-ten-top {
                display: inline !important;
            }
}

@media screen and (max-width:602px) {
    header.external {
        min-height: 80px;
    }

        header.external .floatRight {
            margin-top: 3px;
        }

        header.external #banner {
            max-width: 220px;
            float: right;
        }

        header.external .greeting {
            top: 0px;
        }

        header.external .floatRight #avatar-wrap {
            height: 0;
        }
}
/* end */


/* OWS-13802 */
@media screen and (max-width:767px) {
    .realignment #tblPRR tbody tr td[scope="row"]:first-child {
        padding: 0 !important;
        text-align: center;
    }

    .realignment #tblPRR tr > th:nth-of-type(2) {
        padding-right: 10px !important;
        width: auto !important;
    }
}

@media screen and (max-width:360px) {
    .realignment #tblPRR tr th {
        width: auto;
    }

    .realignment input.percentText {
        padding: 0;
        margin-right: 5px;
    }
}

@media screen and (max-width:460px) {
    .realignment #tblPRR tr > td[data-title="New %"] {
        white-space: nowrap;
        padding-right: 25px !important;
    }

    .realignment #tblPRR tbody tr td {
        overflow: hidden;
    }

    .realignment .browsefunds-tabs.right {
        float: none;
        width: 100%;
        margin: 0;
    }

    .realignment .futureinvbox .toggles-cards-table {
        float: none;
        width: 100%;
        margin: 0;
    }

        .realignment .futureinvbox .toggles-cards-table a {
            float: none;
            width: 100%;
            margin: 0;
            text-align: center;
        }

    .realignment #divmodifycurrentinvestment span {
        position: relative;
        top: 5px;
    }
    /* submit|cancel buttons */
    .realignment #divButtonsContainer, .dividend-reinvestment #completeRequestSection {
        border: 1px solid transparent;
    }

        .realignment #divButtonsContainer .left, .realignment #divButtonsContainer .right {
            width: 100%;
        }

        .realignment #divButtonsContainer button.btnpadding, .dividend-reinvestment #completeRequestSection button.btnpadding {
            margin: 0 0 10px;
        }
}
/*.realignment table#tblPRR th{width:inherit}*/
.more.detailsdiv, .collapsibleSection {
    cursor: pointer;
}

.realignment {
    padding-bottom: 20px;
}
/* end */

/* OWS-13835 */
.electionS .module-content .btn.right {
    margin: 5px;
}

@media screen and (max-width:603px) {
    .electionsresponsive .width50Per {
        width: 100% !important;
    }

    .electionS .module-content .btn.right {
        width: 100% !important;
        float: none;
        margin: 10px 0 0 !important;
    }
}

.electionS .widget.table.accordion {
    padding-right: 5px !important;
    margin-top: 5px;
}

@media screen and (max-width:603px) {
    .electionS #tblPRR .invesment_name_block div:last-child {
        margin-left: 20px;
    }

    .electionS #electionavailable {
        text-align: center !important;
    }
}

/* end */

@media screen and (max-width:670px) {
    .width-100per {
        width: 100% !important;
    }

    .left-enrollment {
        float: left;
    }
}

@media screen and (max-width:360px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 15%;
    }
}

@media screen and (min-width:361px) and (max-width:460px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 20%;
    }
}

@media screen and (min-width:461px) and (max-width:560px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 25%;
    }
}

@media screen and (min-width:561px) and (max-width:600px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 30%;
    }
}

@media screen and (min-width:601px) and (max-width:959px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 10%;
    }
}

@media screen and (min-width:960px) {
    .goingchartLegends, .goingchartSeeAll {
        padding-left: 20%;
    }
}

@media screen and (max-width:960px) {
    .width100per-beneinformation {
        width: inherit !important;
    }
}

@media screen and (max-width:360px) {
    .right-Bene {
        float: right;
    }
}


@media only screen and (max-width: 400px) {
    .withdrawals table.clean th, table.clean td {
        padding: 5px;
    }
}

@media only screen and (max-width: 460px) {
    .visible460 {
        display: block !important;
        visibility: visible !important;
    }


    .fullwidth460 {
        width: 100% !important;
        float: none;
        margin-left: 0px !important;
    }

    .withdrawals input.fullwidth460 {
        width: 89% !important;
    }

    .withdrawals .disclaimer-container.fullwidth460 {
        padding-top: 0px;
    }

        .withdrawals .disclaimer-container.fullwidth460 p.smallbox {
            margin-top: 0px !important;
            margin-bottom: 10px !important;
        }

    /*.withdrawals #verifyDirectDepositedata .fullwidth460 {
        margin-left:0px!important;
    }*/

}


/* OWS-13805 */
.rebalance .interfundtable th:nth-of-type(2) {
    width: 15%;
}

.rebalance .interfundtable th:nth-of-type(4) {
    width: 15%;
}

@media screen and (max-width:767px) {
    .rebalance .interfundtable th:nth-of-type(1) {
        width: 20px;
    }

    .rebalance .interfundtable td .detailsdiv {
        text-align: center;
    }

    .rebalance .interfundtable td.detailspadding {
        padding: 0 !important;
    }
}

@media screen and (max-width:414px) {
    .rebalance .CompletereQAlign {
        margin-bottom: 10px !important;
    }

        .rebalance .CompletereQAlign button {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

    .rebalance .btnCancelRebalance {
        margin-bottom: 0;
    }
}
/* end */

/* OWS-13999 */
@media screen and (width:768px) {
    div.t-scroll, div.t-scroll div {
        display: block !important;
    }
}

@media screen and (max-width:767px) {
    .guidedinvestments #tblGuidedElections #scrollableTD {
        display: none;
    }

    .guidedinvestments #tblGuidedElections td .t-first-level {
        width: 100%;
    }
}

@media screen and (max-width:959px) {
    .guidedinvestments #tblGuidedElections td .t-first-level {
        width: 100%;
    }

    .guidedinvestments .profile-slider-guides .center {
        display: none !important;
    }
}

@media screen and (max-width:532px) {
    .guidedinvestments .profile-slider-disclaimer {
        display: none;
    }

    .guidedinvestments #profile-slider:after, #profile-slider:after {
        content: '' !important;
    }

    .guidedinvestments .docs ul li {
        width: 100% !important;
    }

    .guidedinvestments .docs-reader {
        width: 100%;
        margin: 10px 0 0 0;
        padding: 0;
    }

        .guidedinvestments .docs-reader div {
            float: none;
            width: 100%;
            text-align: left;
            margin-bottom: 10px;
        }
}

/* end */


/* OWS-14011 */
@media screen and (max-width:767px) {
    /* loans.aspx */
    .loanS th.hidecolmns, .loanS td.hidecolmns, #headDetails th.hidecolmns, #headDetails td.hidecolmns {
        display: none !important;
    }

    .loanS #headDetails {
        padding: 0;
        width: 100% !important;
    }

        .loanS #headDetails td {
            width: auto !important;
            margin-left: 5px;
        }

        .loanS #headDetails th {
            margin-right: 10px !important;
            width: 50% !important;
        }

        .loanS #headDetails .hidecolmns {
            display: none !important;
        }

    .loanS .hidedetailssec {
        display: none;
    }

    .loanS #headDetails.loandetail {
        padding-top: 20px;
    }

        .loanS #headDetails.loandetail td {
            margin-bottom: 10px !important;
        }

    .loanS td[data-title="Updated balance"] {
        white-space: nowrap;
    }
}

@media screen and (max-width:460px) {
    #loans-myloans {
        max-width: 100% !important;
        width: 100% !important;
        table-layout: fixed;
    }

        #loans-myloans .detailspadding {
            padding: 0 !important;
        }

            #loans-myloans .detailspadding .detailsdiv {
                text-align: center;
                padding: 0;
                margin: 0 !important;
            }

        #loans-myloans tbody tr > th:nth-of-type(1) {
            width: 35px;
        }
}
/* end */

/* OWS-14001 */
@media screen and (max-width:375px) {
    #tblIndividualElections tbody > tr > td:last-child {
        white-space: nowrap !important;
    }
}

@media screen and (max-width:414px) {
    .realignment .info.infographicwidth {
        margin-left: 0 !important;
    }

    .realignment #responsivep {
        margin: 0 !important;
        width: 100% !important;
    }
    /* may need to precede this with .individual-elections if adverse effects on other pages */
    .widget.total-box, .futureinvbox {
        width: 100% !important;
    }

        .widget.total-box p {
            line-height: 1.25;
        }

        .widget.total-box .browsefunds-tabs {
            width: 100%;
            margin-left: 0 !important;
        }
}
/* end */

/* GLOBAL button responsive */
@media screen and (max-width:414px) {
    .module-content .btn {
        width: 100% !important;
        float: none;
        margin: 0;
    }

    .module-content.continue div {
        float: none;
        margin: 20px 0 0 !important;
    }

        .module-content.continue div.resp-width-auto {
            width: auto;
        }

        .module-content.continue div.resp-width-50 {
            width: 50% !important;
        }
}


@media screen and (max-width:603px) {
    #divButtonsContainer > div, #completeRequestSection > div {
        width: 90% !important;
    }
}

@media screen and (max-width:414px) {
    #divButtonsContainer > div {
        width: 100% !important;
    }

        #divButtonsContainer > div > div, #divButtonsContainer button {
            width: 100% !important;
            margin-bottom: 0;
            margin-top: 10px;
        }

    #divButtonsContainer .btnMessage {
        text-align: left !important;
        margin-top: 10px;
    }

    #divButtonsContainer > div.align-right {
        text-align: center !important;
    }

    #divBtnContinue {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:460px) {
    #completeRequestSection > div {
        width: 100% !important;
    }

        #completeRequestSection > div > div, #completeRequestSection button {
            width: 100% !important;
            margin-bottom: 0;
            margin-top: 10px;
        }

    #completeRequestSection .btnMessage {
        text-align: left !important;
        margin-top: 10px;
    }

    #completeRequestSection > div.align-right {
        text-align: center !important;
    }

    #divBtnContinue {
        margin-bottom: 30px;
    }
}

/* OWS-13899 */
/* JSB 
        JANTO - THIS IS THE NEW SCROLLABLE DIV FOR HIDDEN CONTENT ON TABLES
        TO BE IMPLEMENTED LATER
    #balancedetails tr.hiddenRow > td{
        overflow-x:scroll;
    }

    #balancedetails table#byInvestment{
        table-layout:fixed!important;
    }

    #balancedetails #divScroll{
        min-width:640px;
        width:675px;
    }
        */
/* end */



/*  start OWS-13904 */
@media screen and (max-width: 320px) {
    .set-my-goals .marRgt60 {
        margin-right: 20px !important;
    }
}
/*  end OWS-13904 */

/*  start OWS-14001 */

@media screen and (max-width: 372px) {
    .responsiveIndividualElection .realignment .info {
        margin-left: 18px;
        margin-bottom: inherit !important;
    }
}

@media screen and (min-width:373px) and (max-width:434px) {
    .responsiveIndividualElection .realignment .info {
        width: 100% !important;
    }

    .responsiveIndividualElection #responsivep {
        margin-left: 0px !important;
        width: auto !important;
    }

    .responsiveIndividualElection .realignment .info {
        margin-bottom: inherit !important;
    }
}


@media screen and (max-width: 400px) {
    .responsiveIndividualElection #tblIndividualElections td, .responsiveIndividualElection #tblIndividualElections th {
        padding-left: 0px !important;
    }

    .responsiveIndividualElection table .width-ten {
        white-space: normal !important;
    }
}


@media screen and (min-width:461px) and (max-width:590px) {

    .responsiveIndividualElection .width-fifty {
        width: 100%;
    }
}

@media screen and (max-width:460px) {
    .responsiveIndividualElection .continue .btn-message {
        margin-top: 8px !important;
    }

    .responsiveIndividualElection #responsivep {
        width: 247px;
        margin-left: 16px;
    }

    .width-fifty {
        width: 100%;
    }
}

@media screen and (max-width:590px) {

    .responsiveIndividualElection #replaceat590 {
        display: none !important;
    }

    .responsiveIndividualElection #showbdivat590 {
        display: block !important;
    }
}

@media screen and (max-width:600px) {
    .responsiveIndividualElection .profile-slider-disclaimer {
        display: none !important;
    }
}


@media screen and (max-width: 767px) {
    .responsiveIndividualElection .hiDE {
        display: none;
    }
}

@media screen and (max-width:950px) {
    .responsiveIndividualElection .hidemoderate {
        display: none !important;
    }
}

/*  End OWS-14001 */

/*  Start OWS-14037 */

@media screen and (max-width:600px) {
    .responsiverealign p.hidextra {
        display: none !important;
    }

    .responsiverealign #profile-slider:after {
        content: '' !important;
    }
}


@media screen and (max-width:950px) {
    .responsiverealign .riskSlideText .modhide, .newportfolio {
        display: none !important;
    }
}

@media screen and (max-width:960px) {
    .responsiverealign .hiDE {
        display: none;
    }

    .responsiverealign .alignat610 {
        margin-bottom: 27px;
        float: none !important;
        width: 100% !important;
    }
}

@media screen and (max-width:460px) {
    .responsiverealign .hiDEat460 {
        display: none !important;
    }

    .responsiverealign .centerat460 {
        width: 100% !important;
        text-align: center !important;
    }

    .responsiverealign .btn.submit {
        width: 100% !important;
    }

    .responsiverealign #divButtonsContainer > div, .dividend-reinvestment #completeRequestSection {
        width: 100% !important;
    }
}

@media screen and (max-width:610px) {
    .responsiverealign .wid45 {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width:378px) {
    .responsiverealign .futureinvbox {
        width: auto !important;
    }
}

@media screen and (max-width: 414px) {
    .responsiverealign #divButtonsContainer .btnMessage, .dividend-reinvestment #completeRequestSection .btnMessage {
        text-align: center !important;
    }
}




/*  End OWS-14037 */

@media screen and (max-width:460px) {
    .dispnone960-findparticipant, .or-seperator-findparticipant {
        border-right: none !important;
    }

    .left-NameSpan {
        float: none !important;
        padding: 0px !important;
    }

    .width-50PerSelectParti {
        width: 50% !important;
    }

    .findparticipantdiv1460 {
        border-right: none !important;
    }

    .semidisnone {
        display: none;
    }
}

@media screen and (max-width:375px) {
    .floatleft-title {
        float: left;
    }
}

@media screen and (max-width:950px) {
    .dispnone950 {
        display: none;
    }

    .visible950 {
        display: block !important;
        visibility: visible !important;
    }
}

@media screen and (max-width:620px) {
    .module-content-verifytransfer {
        width: 100% !important;
    }
}

.or-seperator-findparticipant {
    width: 1px;
    height: 50px;
    border-right: 2px solid gainsboro;
}

.or-text-findparticipant {
    position: relative;
    left: -10px;
}

@media screen and (min-width: 460px) and (max-width:1350px) {
    .hiderowfindparticipant {
        border-right: none !important;
    }
}

/*  Start OWS-14058 */

@media only screen and (max-width: 768px) {
    .responsivebrowsepln .WdtHgt {
        width: auto !important;
    }
}

@media only screen and (min-width:769px) and (max-width: 959px) {
    .responsivebrowsepln .WdtHgt {
        width: 719px !important;
    }
}

@media only screen and (max-width: 960px) {
    .responsivebrowsepln #main-content > h1:first-child {
        margin-left: -22px;
    }
}


@media only screen and (max-width: 959px) {
    .responsivebrowsepln #main-content > h1:first-child {
        margin-right: -18px;
        width: 771px;
    }
}

@media only screen and (min-width: 768px) and (max-width:960px) {
    .responsivebrowsepln #main-content > h1:first-child {
        margin-top: -20px;
    }
}
/*  End OWS-14058 */


@media screen and (max-width:768px) {
    .visible768 {
        display: block !important;
        visibility: visible !important;
    }
}

@media screen and (max-width:475px) {
    .hidecolumn475 {
        display: none !important;
    }
}


/* OWS-13908 */
.withdrawals table#tblPRR {
    table-layout: auto;
}
/* reset table layout on tables that do not need it - example withdrawals.aspx */
@media screen and (max-width:460px) {
    .withdrawals .docs-reader {
        max-width: 100%;
    }
}
/* end */

/* Start-OWS-14069 */

@media screen and (max-width: 600px) {
    .responsive_palreports .responsiveat600 {
        float: none !important;
        width: 100% !important;
    }

    .responsive_palreports .showat600 {
        display: block !important;
    }

    .responsive_palreports .hideat600 {
        display: none;
    }
}

@media screen and (min-width: 461px) and (max-width: 498px) {
    .responsive_palreports .width-fifty {
        width: 50% !important;
    }
}

@media screen and (max-width: 460px) {
    .responsive_palreports .responsivepadngat460 {
        padding: initial !important;
    }

    .responsive_palreports .width-fifty {
        width: 108%;
    }

    .responsive_palreports .hideORat460 {
        margin-left: 134px !important;
    }
}

@media screen and (max-width:340px) {
    .responsive_palreports .responsivefont16at340 {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 768px) {
    .responsive_palreports .tabs {
        min-height: initial !important;
    }

    .responsive_palreports .hideimgat768 {
        display: none !important;
    }
}

@media only screen and (max-width: 414px) {
    .responsive_palreports .responsivehightat414 {
        height: 38px !important;
    }
}

@media only screen and (max-width: 320px) {
    .responsive_palreports .maxwidthat320 {
        width: 100% !important;
    }
}

@media screen and (min-width: 707px) and (max-width: 960px) {
    .responsive_palreports aside {
        float: left !important;
    }

    .responsive_palreports .floatleftat960 {
        float: left !important;
    }

    .responsive_palreports .container {
        width: 768px !important;
    }

    .responsive_palreports .resourcewt230at960 {
        width: 230px !important;
    }

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

    .responsive_palreports #main-content {
        margin-bottom: -39px !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 960px) {
    .responsive_palreports .responsive_statement {
        width: 45% !important;
    }
}


/* end-OWS-14069 */

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

/*OWS-14182*/
#carousel-bounding-box {
    white-space: normal;
}
/*OWS-14182*/

.sub_menu_header20px {
    font-weight: 600;
    color: #333333;
    font-size: 20px !important;
}

.superscript {
    font-size: 11px;
    vertical-align: top;
}


.divimpStart {
    background-image: url("/skin/base/images/Startingearly.png");
    background-size: 100% 100%;
    padding-bottom: 56%;
    width: 100%;
}

.divBudgeting {
    background-image: url(/skin/base/images/budgeting1.png);
    background-size: 100% 100%;
    padding-bottom: 56%;
    width: 100%;
}

.playbutton {
    position: relative;
    margin-bottom: -45%;
    left: 37%;
    cursor: pointer;
}

.width246px {
    width: 246px;
}

.changeBeneficiaries ol {
    counter-reset: item;
    margin-left: 30;
    padding-left: 0;
}

.changeBeneficiaries .liChangeBenificieary {
    display: block;
    margin-bottom: .5em;
    margin-left: 2em;
}

    .changeBeneficiaries .liChangeBenificieary:before {
        display: inline-block;
        content: counter(item) ") ";
        counter-increment: item;
        width: 2em;
        margin-left: -2em;
    }

@media screen and (max-width:768px) {
    .contributions .leftminus23 {
        margin-left: -23px;
    }

    .contributions .slider-amount {
        margin-left: 9px;
    }

    .contributions select, .contributions .docs-reader a, .contributions .noUi-value-large, .contributions .sliderbottom {
        font-size: 11px !important;
    }

    .contributions .range-slider {
        margin-left: 0px !important;
    }

    .contributions .neg-mar-right-ten {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width: 959px) {
    .sidebar h3.icon-calc {
        padding-bottom: 15px !important;
    }
}

@media only screen and (max-width: 768px) {


    .loans_responsive .sidebar h3.icon-calc {
        padding-left: 30px !important;
    }
}

@media screen and (width:768px) {
    .set_my_goals_responsive .widget.image-slider #thumbnails {
        width: 600px;
        margin: -30px 0px 0px 45px;
        float: left;
    }

    .set_my_goals_responsive .widget.image-slider .carousel-control.left {
        left: -68px;
    }
}

@media screen and (max-width:320px) {
    .disblk320 {
        width: 100%;
        float: left;
        padding: 10px;
    }

    .Br_Responsive {
        display: block;
    }
}

@media screen and (min-width:321px) {
    .Br_Responsive {
        display: none;
    }

    .disblk320 {
        display: inline-block;
        padding: 5px;
    }
}

@media screen and (max-width:414px) {
    .participant_select_plan table.clean td:nth-child(3) {
        min-height: 30px;
        height: auto !important;
    }

    .participant_select_plan .responsive-table [data-title]:before {
        margin-right: 25px !important;
        height: 30px;
        clear: both;
    }
}

@media screen and (max-width:768px) {
    .participant_select_plan table.clean td {
        border-bottom: 0px solid #aaa !important;
        height: 30px !important;
        padding: 5px 5px !important;
    }

    .participant_select_plan tbody tr {
        border-right: 0px solid #aaa !important;
        border-left: 0px solid #aaa !important;
    }
}

.menu-head {
    padding-left: 30px;
    text-decoration: none;
    color: #39586c !important;
    background: url("/images/menu-sprite.png") no-repeat 5px 0px;
    text-transform: uppercase;
}

.alertMenuIconPlusMinus {
    padding-left: 30px;
    background: url("/images/menu-sprite.png") no-repeat 5px -25px;
    text-transform: uppercase;
    color: #39586c !important;
    font-family: proximanova-semibold;
    font-size: 16px;
}

.menu-head-noicon {
    padding-left: 30px;
    text-decoration: none;
    color: #39586c !important;
    text-transform: uppercase;
}

.sub-menu > span {
    color: #333;
    font-size: 14px;
}

.sub-menu-head .sub_menu_left > a, .sub-menu-head .sub_menu_center > a, .sub-menu-head .sub_menu_right > a {
    color: #185b8c;
    font-family: ProximaNova-Regular;
    font-size: 14px;
    text-decoration: none;
}

    .sub-menu-head .sub_menu_left > a > span, .sub-menu-head .sub_menu_center > a > span, .sub-menu-head .sub_menu_right > a > span {
        font-family: ProximaNova-Regular !important;
    }

        .sub-menu-head .sub_menu_left > a > span > span, .sub-menu-head .sub_menu_center > a > span > span, .sub-menu-head .sub_menu_right > a > span > span {
            color: #868687 !important;
        }

.sub-menu-head {
    background: rgba(34, 125, 189, 0.1) none repeat scroll 0 0;
    margin-left: 0;
    padding: 10px 10px 10px 30px;
    margin-top: 0px;
}

.sub-menu {
    line-height: 45px;
}


#mobile-menu-main-menu > li {
    line-height: 40px;
    margin-bottom: 0;
}

.mobile-notify-item-head {
    background-color: #d8dee2;
    border-bottom: 2px dotted #cacdd0;
    font-family: proximanova-bold;
    padding: 8px 20px;
    text-transform: uppercase;
}

.mobile_respo_menu:before {
    content: "\f0c9";
    font-family: 'fontello';
    font-size: 35px;
    color: #fff;
}

.mobile_respo_menu {
    width: 6%;
}

@media screen and (min-width:493px) and (max-width:960px) {
    .investments.distribution_elections_responsive .docs {
        width: 100% !important;
    }

    .distribution_elections_responsive .withdrawals .docs-reader {
        width: 100% !important;
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
    .distribution_elections_responsive .docs-reader .imagediv {
        text-align: left !important;
        margin-left: -5px !important;
    }
}

.ProximaNova12px {
    font-family: ProximaNova;
    font-size: 12px;
}

.ProximaNova16px {
    font-family: ProximaNova-Semibold;
    font-size: 16px;
    color: black;
}

.ui-dialog .ui-widget-header {
    font-size: 16px !important;
    font-family: ProximaNova-Regular !important;
    color: rgb(0, 0, 0) !important;
    background: #F8F8F8 !important;
}

.ui-dialog-content.ui-widget-content div[name='defaultSection'] {
    font-family: ProximaNova-Regular !important;
    font-size: 12px !important;
}
/*---JQuery-UI Icon Path Fix---*/
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(/css/images/ui-icons_222222_256x240.png) !important;
}

.ui-widget-header .ui-icon {
    background-image: url(/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-state-default .ui-icon {
    background-image: url(/css/images/ui-icons_888888_256x240.png) !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/css/images/ui-icons_454545_256x240.png) !important;
}

.ui-state-active .ui-icon {
    background-image: url(/css/images/ui-icons_454545_256x240.png) !important;
}

.ui-state-highlight .ui-icon {
    background-image: url(/css/images/ui-icons_29417F_256x240.png) !important;
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(/css/images/ui-icons_cd0a0a_256x240.png) !important;
}
/*---JQuery-UI Icon Path Fix---*/

/*---JQuery-UI Background Image Path Fix---*/
.ui-widget-content {
    background-image: url(/css/images/ui-bg_flat_75_ffffff_40x100.png) !important;
}

.ui-widget-header {
    background-image: url(/images/ui-bg_highlight-soft_75_29417F_1x100.png) !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-image: url(/css/images/ui-bg_glass_75_e6e6e6_1x400.png) !important;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover, .ui-state-focus,
    .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background-image: url(/css/images/ui-bg_glass_75_dadada_1x400.png) !important;
    }
/*---JQuery-UI Background Image Path Fix---*/

footer sup {
    font-size: xx-small;
}

.balancesfor {
    padding: 0 3px 0 15px !important;
    font-family: ProximaNova-Regular;
    color: #333333;
    font-size: 14px;
}

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

#divVerifyBene .font-size14px {
    font-size: 14px !important;
}

.singleinvestment #invest-cards-container:before {
    left: 0px;
    background-image: none !important;
}

.singleinvestment #invest-cards-container:after {
    right: 0px;
    background-image: none !important;
    z-index: -1;
}

#invriskdiv .conservativelbl {
    top: 28px;
    position: absolute;
    left: 10px;
}

#invriskdiv .aggressivelbl {
    top: 28px;
    position: absolute;
    left: 660px;
}

#electionsInvriskdiv .conservativelbl {
    top: 23px;
    position: absolute;
    left: 10px;
}

#electionsInvriskdiv .aggressivelbl {
    top: 23px;
    position: absolute;
    left: 540px;
}


#balancesInvriskdiv .conservativelbl {
    top: 28px;
    position: absolute;
    left: 10px;
}

#balancesInvriskdiv .aggressivelbl {
    top: 28px;
    position: absolute;
    left: 530px;
}

.riskIndicator .conservativelbl {
    top: 28px;
    position: absolute;
    left: 10px;
}

.riskIndicator .aggressivelbl {
    top: 28px;
    position: absolute;
    left: 780px;
}


.enrollInvriskdiv {
    position: relative;
}

    .enrollInvriskdiv .moderatelbl {
        top: 28px;
        position: absolute;
        left: 410px;
    }

    .enrollInvriskdiv .conservativelbl {
        top: 28px;
        position: absolute;
        left: 10px;
    }

    .enrollInvriskdiv .aggressivelbl {
        top: 28px;
        position: absolute;
        left: 780px;
    }

.investmentsDocsReader {
    width: 100%;
}

    .investmentsDocsReader .leftInformation {
        width: 59%;
        float: left;
    }

    .investmentsDocsReader .rightContent {
        width: 40%;
        float: left;
    }

        .investmentsDocsReader .rightContent .docs-reader {
            width: 100% !important;
        }


#invest-table-container .docs-reader {
    width: 100% !important;
}

.investmentsDocsReader .rightContent .docs-reader .imagediv {
    width: 40%;
}

.investmentsDocsReader .rightContent .docs-reader .downloadImageText {
    width: 60%;
}


#rskrealignment .conservativelbl {
    top: -14px;
    position: absolute;
    left: -5px;
}

#rskrealignment .aggressivelbl {
    top: -14px;
    position: absolute;
    left: 749px;
}

#rskrealignment .moderatelbl {
    top: -14px;
    position: absolute;
    left: 380px;
}

.top29px {
    top: 29px !important;
}

.top28px {
    top: 28px !important;
}


#qdiaInvriskdiv .conservativelbl {
    top: 28px;
    position: absolute;
    left: 10px;
}

#qdiaInvriskdiv .aggressivelbl {
    top: 28px;
    position: absolute;
    left: 780px;
}

#qdiaInvriskdiv .moderatelbl {
    top: 28px;
    position: absolute;
    left: 385px;
}

#qdiaInvriskdiv {
    position: relative;
}

#enrollmentInvriskdiv .conservativelbl {
    top: 28px;
    position: absolute;
    left: 10px;
}

#enrollmentInvriskdiv .aggressivelbl {
    top: 28px;
    position: absolute;
    left: 780px;
}

#enrollmentInvriskdiv .moderatelbl {
    top: 28px;
    position: absolute;
    left: 401px;
}

#enrollmentInvriskdiv {
    position: relative;
}

.nowrap_200px_ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 204px;
    display: inline-block;
    /*line-height: 16px;*/
}

.short_password {
    background-color: #990000;
    height: 10px;
    width: 32%;
}

.weak_password {
    background-color: #E66C2C;
    height: 10px;
    width: 32%;
}

.good_password {
    background-color: #2D98F3;
    height: 10px;
    width: 50%;
}

.strong_password {
    background-color: #006400;
    height: 10px;
    width: 32%;
}

.dlgtitle-text {
    font-size: 16px;
    font-weight: bold;
    color: #75ab75;
}

.width-eighty-five-px {
    width: 85px !important;
}

.customtranactdateerror {
    font-family: ProximaNova;
    color: #990000;
    font-style: italic;
    font-size: 14px;
}

.colorFF0000italic {
    color: #990000;
    font-style: italic;
}

/*
    #tblFundTransferOut {
    table-layout:fixed;
}
*/

.loanHeader {
    width: 14% !important;
}


.disableanchor {
    pointer-events: none;
    cursor: default;
}

.grayshedborder {
    margin: 20px 0 !important;
    border: 1px solid #ccc !important;
}

#calculationResultsPayoff table tr th {
    line-height: 21px;
}

table.loandetail.clean tr th {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
    font-weight: inherit;
}

.payoffcalculator {
    display: block;
    overflow-x: auto;
}

.btndisabled.navbg {
    color: #333333 !important;
}

.investments-override .table {
    margin-bottom: 0px;
    margin-top: 10px;
}
/* line 168, /app/source/stylesheets/pages/_investments.scss */
.investments-override .bold {
    font-family: ProximaNova-Bold, Arial, Helvetica, sans-serif !important;
}

table.investments-override tr td {
    font-size: 12px !important;
    height: 30px !important;
    padding-left: 10px !important;
    border-bottom: 0px solid gainsboro !important;
}

.proximanova14px-override {
    font-family: ProximaNova-Bold,Arial,Helvetica,sans-serif !important;
    font-size: 14px;
    color: #333333;
}

table.investments-override .t-left {
    text-align: left !important;
}

.insertspace {
    padding: 10px 0 10px 0;
}

.buttonsize {
    padding: 7px 20px !important;
}

table.paddingzero th, table.paddingzero td {
    padding: 5px 5px !important;
}

#linkresetpass, #linkresetidpass, #pinreset {
    font-family: 'ProximaNova-Semibold',Arial,Helvetica,sans-serif !important;
}

.currentpwderror {
    color: #990000;
    display: none;
    float: left;
    margin-left: 42px;
}

.mar-right-minus-twenty-three {
    margin-right: -23px !important;
}

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

.amountcolumndiv {
    float: right;
    width: 20%;
    padding-top: 5px
}

.namecolumndiv {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    float: left;
    width: 80%
}

.namecolumndivhistory {
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 5px;
    float: left;
    width: 80%
}

.width33per {
    width: 33% !important;
}

.height68px {
    height: 68px;
    overflow: hidden;
}

@media screen and (max-width:615px) {
    .width33per {
        width: 50% !important;
    }

    .hidMobView {
        display: none;
    }
}

.modelPlusY {
    padding-right: 10px;
    padding-left: 10px;
}

.margin5pxtopbottom {
    margin: 5px 0;
}

.overflowauto {
    overflow: auto;
}

@media print {
    .mobile {
        display: none;
    }
}

.width-four-hundred-twenty-px {
    width: 420px !important;
}

.errorstar {
    color: #990000;
    vertical-align: top;
}

/* OWS-18301 last login message */
.login-message {
    text-align: right;
    font-size: 12px;
    padding: 3px;
    margin-top: -4.5%;
    background: #3a5a6d;
}


.investments .docs-reader {
    float: right;
    width: 440px;
}

    .investments .docs-reader .imagediv {
        width: 55% !important;
    }

div#xmlDialog pre#dialogText {
    white-space: pre-wrap !important;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width:768px) {
    .ui-dialog {
        width: auto !important;
    }
}

.center-me {
    margin: 0 auto;
}

/* tooltip responsive changes*/
#tooltip {
    text-align: left;
    border: 1px solid #cccccc;
    background: #ffffff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
    font-family: 'Century Gothic',Arial,sans-serif;
    font-size: 1em;
    border-width: 2px;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

    #tooltip:after /* triangle decoration */ {
        width: 0;
        height: 0;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }

.dynamic-chart-width {
    width: 325px !important;
}

div#forms-doc-reader {
    width: 100%;
}

    div#forms-doc-reader .imagediv {
        width: 25% !important;
    }

    div#forms-doc-reader div.textdiv {
        width: 72% !important;
    }

@media screen and (max-width: 960px) {
    div#forms-doc-reader {
        width: 50% !important;
        float: right;
    }
}


#withdrawal-doc-reader {
    padding-right: 10px;
}


#upload-doc-reader .imagediv {
    width: 70px !important;
    padding-right: 10px;
}

@media screen and (max-width:768px) {
    #upload-doc-reader .textdiv {
        width: auto !important;
    }
}

.nohover:hover {
    background: #63c15a !important;
}

.inactivelink {
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
    opacity: 0.6 !important;
}

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

#altelectioncontainer {
    width: 100% !important;
}

.w40-over {
    width: 40%;
    margin-left: 10%;
}

.w60-over {
    width: 60%;
    float: inherit;
    margin-left: 10%;
}

.charttitle {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px !important;
}

.collapse, .expand {
    /* background-image: url("/images/only-plus-sprite.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: left 0; */
    border-radius: 50%;
    height: 20px;
    width: 104px !important;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    line-height: 18px;
}

.collapse {
    line-height: 20px;
}

    .collapse:after, .expand:after {
        content: '+  View Details';
        text-align: center !important;
        display: block;
        margin: 0 0 0 1px;
    }

.expand:after {
    content: '- Close Details';
    width: 105px !important;
    cursor: pointer;
}

.collapse:hover, .expand:hover {
    text-decoration: none !important;
}

.img-glidepath {
    width: 80%;
    margin-top: 40px;
}

.mar-top-fortyfive {
    margin-top: 45px !important;
}

#divcontinueone {
    padding-bottom: 65px !important;
}

.collapseafu, .expandafu {
    border-radius: 50%;
    height: 20px;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    line-height: 18px;
}

.collapseafu {
    line-height: 20px;
}

    .collapseafu:after, .expandafu:after {
        text-align: center !important;
        display: block;
        margin: 0 0 0 1px;
    }

.expandafu:after {
    width: 105px !important;
    cursor: pointer;
}

.collapseafu:hover, .expandafu:hover {
    text-decoration: none !important;
}

.bulletlist {
    font-size: small !important;
}

    .bulletlist ul li {
        list-style-type: disc !important;
        margin-bottom: 0px !important;
    }

.updatemessage {
    color: green;
    font-weight: bold;
}

.mar-top-thirty {
    margin-top: 30px;
}

div#review ul {
    list-style: disc;
}

    div#review ul li {
        margin: 20px;
    }

.lblwithdrawalerrors {
    font-family: 'ProximaNova-Regular,Italic';
    font-size: 14px;
    color: #990000;
    display: block;
}

.errortext {
    font-family: 'ProximaNova-Bold';
    font-size: 14px;
    color: #990000;
}

.lblerrors {
    font-family: 'ProximaNova-Regular,Italic';
    font-size: 14px;
    color: #990000;
    display: block;
}

#dist_type {
    margin-bottom: 20px;
}

.trantbl tr td {
    padding: 15px !important;
}

.no-border {
    border-bottom: none !important;
    border-top: none !important;
}

.back-grey {
    background-color: #f5f5f5 !important;
}

.no-background {
    background-color: white !important;
}

table.paddingtopbottomnone td.paddingtopbottom {
    padding-top: 25px !important;
    padding-bottom: 10px !important;
}

.disabledlink {
    pointer-events: none;
    cursor: default;
    color: #808080 !important;
}

.speccolor {
    color: #808080;
}

.mar-fiftyfive-top {
    margin-top: 55px;
}

.mismatchTotal::after {
    content: " *";
    color: #990000;
}

.lineheight-20px {
    line-height: 20px;
}

.mismatchAutoRule + span:after {
    content: "*";
    color: #990000;
}

.border-red {
    border: solid 2px red !important;
}

.color-red {
    color: #990000;
}

.font-weight-bold {
    font-weight: bold;
}

.font-size14pt {
    font-size: 14pt !important;
}

.mar-left-seven {
    margin-left: -7px !important
}

.preSelect {
    margin-top: -63px !important;
    color: #990000 !important;
}

.esop-header {
    background-color: #CBECB0;
    border: 2px solid white;
}

#tblRebalance thead tr th {
    line-height: 21px;
}

.floatLeftEle {
    float: left;
}

.donutchartEle {
    overflow: hidden;
}

@media screen and (max-width: 400px) {
    .floatLeftEle {
        float: none;
        width: auto;
    }
}

/*ADA CSS CHANGES START*/

.btn.green:not(.disabled, .disabledbutton) {
    background: #2C6426 !important;
}

#container_content {
    margin-top: 3% !important;
}

.main-index .login-message {
    top: 5px !important;
}

.DocumentDelPref fieldset {
    margin: 0 !important;
}

.dark-green-text {
    color: #2C6426 !important;
}

.dark-gray-text {
    color: #595959 !important;
}

.dark-blue-text {
    color: #185b8c !important;
}

.brown-text {
    color: #9c3607;
}

[style*="red"] {
    color: #990000 !important;
}
/*ADA CSS CHANGES END*/

#tblUserMgmt tbody tr td {
    text-align: center;
}

.margin-top-50 {
    margin-top: 50px;
}
/*w-4r*/
.w4r-module .flex-container {
    display: flex;
    padding: 1.3rem 0;
}

    .w4r-module .flex-container .flex-child {
        flex: 1;
        padding: 0 1rem;
    }

        .w4r-module .flex-container .flex-child.flex-child-left {
            background: #f8f8f8;
        }
            .w4r-module .flex-container .flex-child.flex-child-left p{
                margin-bottom:10px;
            }

                .w4r-module .flex-container .flex-child.flex-child-left p span.text-bold {
                    font-weight: bold;
                }

        .w4r-module .flex-container .flex-child .review-note {
            width: 80%;
            border: 1px solid #cfcfcf;
            padding: 1rem;
        }

.w4r-module .withhold-rate-info ul {
    list-style-type: disc;
    margin: 0 10px 20px 50px;
    padding: 0;
    font-size: 14px;
}

.w4r-module .div-withholding-rate {
    width: 80%;
}

.dv-withholding-rate-input {
    margin-top: 10px;
    font-size: 14px;
    text-align: end;
    background: #f8f8f8;
    padding: 10px;
}

.w4r-module .div-withholding-rate .dv-withholding-rate-input .dv-left {
    float: left;
    padding: 0.5rem 0;
}

.w4r-module .div-withholding-rate .dv-withholding-rate-input .dv-right {
    float: right
}

.w4r-module .div-withholding-rate .dv-withholding-rate-input .withholding-rate-input {
    width: 10%;
}

#w4rReviewModule ul {
    list-style-type: disc;
    margin: 25px 10px 20px 50px;
    padding: 0;
    font-size: 14px;
}
.userAggrementChkBoxes {
    margin: 20px 0;
}
.divChkPersonalInfo {
    margin: 20px 25px;
}
.lblerrorswdr {
    font-family: 'ProximaNova-Regular,Italic';
    font-size: 14px;
    color: #990000;
    display: block;
}

.combooverview-planselect {
    margin: 0 3px;
    box-shadow: 0 0 10px 0 #454545;
}

.dvFedRateInput {
    background: #f8f8f8;
    padding: 0.5rem;
}
.dvContribInfoText {
    padding: 10px;
    background-color: #F8F8F8;
    line-height: 18px;
    color: #222;
    font-size: 14px;
    font-family: 'ProximaNova-Bold',Arial,Helvetica,sans-serif;
}

.cookie-consent-modal .display-row {
    display: flex;
}

.cookie-consent-modal .popup-content {
    background-color: #fff;
    padding: 2vw 3vw;
    box-shadow: 0px -3px 6px #00000040;
    opacity: 1; /* New committed */
    width: 100%; /*New added */
    left: 0;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    display: none;
    justify-content: center;
}

    .cookie-consent-modal .popup-content.active {
        display: flex;
    }

.cookie-consent-modal .btns {
    display: flex;
    justify-content: center;
    margin-left: 10px;
}

.cookie-consent-modal .btn {
    border: none;
    outline: none;
    padding: .8em 1.5em;
    margin-right: 1em;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
}

.cookie-consent-modal .accept {
    background-color: #023D69 !important;
    color: #fff;
    width: 120px;
    height: 36px;
    text-transform: uppercase;
    border-radius: 5px !important;
    margin-right: 5px;
    padding-top: 8px !important;
    padding-bottom: 3px !important;
    cursor: pointer;
    opacity: 1;
    letter-spacing: 1.12px;
    text-align: center;
    font-weight: normal;
    font-family: 'Roboto';
    font-size: 14px;
}

    .cookie-consent-modal .accept:hover {
        background: #12538E !important;
    }

.cookie-consent-modal .cancel {
    background-color: #023D69 !important;
    color: #fff;
    width: 155px;
    height: 25px;
    text-transform: uppercase;
    border-radius: 5px !important;
    opacity: 1;
    letter-spacing: 1.12px;
    text-align: center;
    padding-top: 8px !important;
    padding-bottom: 3px !important;
    cursor: pointer;
    font-weight: normal;
    font-family: 'Roboto';
    font-size: 14px;
    margin-left: 10px;
}

    .cookie-consent-modal .cancel:hover {
        background: #12538E !important;
    }

.cookie-consent-modal .text-content {
    width: auto;
    height: 33px;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    opacity: 1;
    color: #333333; /* margin-left: 60px; */
    margin-top: 10px;
}

.cookie-consent-modal .highlight {
    text-align: left;
    text-decoration: underline !important;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Roboto';
    letter-spacing: 0px;
    color: #023D69 !important;
}

    .cookie-consent-modal .highlight:hover {
        text-decoration: none !important;
    }


.cookie-consent-modal #mobile {
    visibility: hidden;
}

.cookie-consent-modal #desktop {
    visibility: visible;
    margin-top: -17px;
}

.cookie-consent-modal span.close {
    cursor: pointer;
    color: #555555 !important;
    border: 1px solid #555555;
    border-radius: 50% !important;
    text-decoration: none !important; /* font-size: 9px !important; */
    font-weight: 800 !important;
    display: inline-block;
    line-height: 0px;
    padding: 9px 4px 8px 4px;
    opacity: 1;
}

.max-width-none {
    max-width: none !important;
}

.display-flex {
    display: flex;
}

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


@media only screen and (min-width:768px) and (max-width:1180px) and (orientation:portrait) {
    .cookie-consent-modal .popup-content {
        margin-bottom: -1px;
    }

    .cookie-consent-modal .text-content {
        width: 550px;
        height: auto;
        margin-left: 0px;
    }

    .cookie-consent-modal #desktop {
        margin-top: -15px;
    }
}

@media only screen and (min-width:768px) and (max-width:1180px) and (orientation:landscape) {
    .cookie-consent-modal .popup-content {
        margin-bottom: -1px;
    }

    .cookie-consent-modal .text-content {
        width: 700px;
        height: auto;
        margin-left: 0px;
    }

    .cookie-consent-modal #desktop {
        margin-top: -15px;
    }
}



@media only screen and (min-width:320px) and (max-width:767px) {
    .cookie-consent-modal .popup-content {
        width: 100%;
        padding-bottom: 20px;
        bottom: -1px;
    }

    .cookie-consent-modal .display-row {
        display: inline !important;
    }

    .cookie-consent-modal .text-content {
        width: auto;
        margin-left: auto;
        margin-right: 35px;
    }

    .cookie-consent-modal .btns {
        margin-top: 55px;
        justify-content: center;
    }


    .cookie-consent-modal #mobile {
        visibility: visible;
        text-align: right;
        margin-top: -30px;
        margin-right: 13px;
    }

    .cookie-consent-modal #desktop {
        visibility: hidden;
    }

    .cookie-consent-modalspan .closemobile {
        cursor: pointer;
        color: #555555 !important;
        border: 1px solid #555555;
        border-radius: 50% !important;
        text-decoration: none !important; /* font-size: 9px !important; */
        font-weight: 800 !important;
        display: inline-block;
        line-height: 0px;
        padding: 9px 4px 8px 4px;
        opacity: 1;
    }
}

/* responsive */
        
        header{margin-top:-5px}
        /* sponsor header */
        header.sponsor .floatRight{text-align:right}
    
        #docDeliveryPref input[type="radio"] {margin:0}
        .tabs {min-height:0;}

        /* fund details */
        .bgWht{height:auto;}

        @media screen and (max-width:767px){
            //tr[name="detailsRow"] > td{min-width:880px!important;width:880px!important;max-width:880px!important;}/* THIS BREAKS REQUESTS_TRANSACTIONS TABLE EXPANDED */
            tr[name="detailsRow"] > td{min-width:640px!important;width:640px!important;max-width:640px!important;}/* THIS BREAKS REQUESTS_TRANSACTIONS TABLE EXPANDED */
            #tblPRR tr[name="detailsRow"] > td{min-width:610px!important;width:610px!important;max-width:610px!important;}
            .realignment #tblPRR{padding-bottom:15px;margin-bottom:-3px!important}
        }

        @media screen and (max-width:767px){
            #loans-myloans{display:block!important;max-width:100%!important;overflow-x:auto}
            #loans-myloans td.hidecolmns,#loans-myloans th.hidecolmns{display:table-cell!important}
        }

        /* video */
        @media screen and (max-width:1366px){
            video{width:100%;}
        }


        /* guided elections */
        #browsefunds .guidedelections .detailsdiv span{padding-left:5px}

        /* balances */
        .balances #acctsumtable{margin-top:0;}
        /*#balancedetails #byInvestment table#byInvestment td.tdHide{display:table-cell}*/

        @media screen and (min-width:769px) and (max-width:4000px){
            .balances #balancedetails #byInvestment .hiddenRow > td{max-width:500px!important;}
        }
        @media screen and (max-width:414px){
            .balancesselect#ddlprr{float:none}
            /*.balances #balancedetails #bySource,#acctsumtable{display:block;overflow-x:auto}*//* OWS-18205 */
             .table-wrapper.acctsumtable{border:1px solid #ccc;overflow-x:auto;padding-bottom:15px}
            .balances #balancedetails #bySource{border:1px solid #ccc;margin-top:20px;overflow-x:auto;} /* OWS-18205 */
            .balances #balancedetails #bySource table{MARGIN-top:0!important}
            .balances #balancedetails .hidecolmns{display:none}
        }
        @media screen and (max-width:375px){
            .accountSummary .headerAsOf{display:block;text-align:center;float:none!important}
            .balancesselect#ddlprr{float:none}
        }

    
    @media screen and (max-width:960px){
        
        /* sponsor header */
        header.sponsor .pulldown-menus {margin-left:0!important;}
        header.sponsor nav.main {margin-left:17px;}

        /* fund details */
        #tablediv > table.interfundtable,#tblPRR,#enrollment #tblDetails,.interfund-transfer #tblDetails{border:1px solid #ccc!important;display:block;overflow-x:scroll;-webkit-overflow-scrolling: touch}
        #divAvailableWithdrawal #tblPRR{display:table}
        .interfund-transfer #tblDetails .table{min-width:960px!important;margin-top:0} /* QDIA */
        #individualelectionparent .table{overflow-x:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ccc} /* Individual Elections */
        .realignment #browsefunds .table{overflow-x:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ccc} /* realignment */
        .realignment #browsefunds .table table tr[name="detailsRow"] > td{min-width:960px!important;width:960px!important;max-width:960px!important;} /* realignment */
        .realignment #browsefunds .table .riskSlideText{line-height:2.5}
        #tranActivity #transummary{overflow-x:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ccc} /* requests_transactions */

        /* part/sponsor investments */
        .content.investments #invest-cards-container{display:none!important;}
        .content.investments #invest-table-container{display:block;}
        #cards-tables{display:none!important}

                
        /* set my goals */
        .set_my_goals_responsive #thumbnails{float:none;margin:0!important;width:100%!important;left:0!important;}
        .set_my_goals_responsive #main-image{float:none;min-width:100%!important}
        .set_my_goals_responsive #main-image img{height:auto!important;width:100%!important;}
        .set_my_goals_responsive #carousel-bounding-box{min-width:100%!important}
        .set_my_goals_responsive #thumbnails .carousel-control.right{right:-30px;display:none!important}
        .set_my_goals_responsive #thumbnails .carousel-control.left{left:-90px;display:none!important}
        .set-my-goals .widget.image-slider > .right {max-width: 100% !important;}
        .set_my_goals_responsive #thumbnails #carousel-bounding-box{overflow-x:scroll;}
        #thumbnails .carousel-inner > .item,#thumbnails .carousel-inner .item *{
            display:inline!important;white-space:nowrap!important}
        #thumbnails .carousel-inner .item ul li img{white-space:nowrap!important}
        /*#thumbnails .carousel-inner{height:100px;overflow:scroll}*/
        

        
        /* enroll > express_enrollment.aspx */
        #enrollment .seealllinkdiv {padding-left: 0px;margin-left: 0;line-height:1;}
        #enrollment #tblDetails > div{min-width:960px!important;}
        #enrollmentInvriskdiv{display:none}
        #enrollment #tblDetails > div .left{float:left;}
        #enrollment #tblDetails > div .right{float:right;}

        #tblPRR tr[name="detailsRow"] > td{min-width:660px!important;width:660px!important;max-width:660px!important;}
          .realignment #rskrealignment .conservativelbl {top:-25px;left:0;}
          .realignment #rskrealignment .aggressivelbl {top: -25px;right:0;left:auto}
          .realignment #rskrealignment .moderatelbl {top:  -25px!important;left: 50%;}


        /* dividend reinvestment */
        #mdlDividendOptions .left,#mdlDividendOptions .right{float:none;text-align:right;width:95%;}
        #mdlDividendOptions #lblwithdrawalerrors{min-width:100%!important}
        
        /* distribution elections*/
        .distribution_elections_responsive .docs.docsdiv,.distribution_elections_responsive .docs-reader,.distribution_elections_responsive .width48Per{display:none}

        /* express_enrollment.aspx */
        .express-enrollment .left,.express-enrollment .right{float:none;width:100%}
        .contributeimg{display:none}
        #goingchartLegends {float:none!important}
        .express-enrollment .module-content{clear:both;margin-top:30px}
        .express-enrollment .width-thirtyEight{min-width:100%!important;max-width:100%!important}
        
        /* Guided Elections */
        #browsefunds .guidedelections{overflow-x:scroll;-webkit-overflow-scrolling: touch;padding-top:20px;border:1px solid #ccc;background:#eee}
        #browsefunds .guidedelections table#tblGuidedElections{min-width:880px!important;background:#fff}
        /* Guided Elections Resets */
        .guidedinvestments #tblGuidedElections #scrollableTD{display: none;display:table-cell!important;}
        .guidedinvestments #tblGuidedElections td .t-first-level {width: 100%;width:inherit!important;}
        
        /* investements */
        .investments #browsefunds.module .module-title #my-filters{margin:0}
        .investments #browsefunds.module .module-title #cards-tables{margin:0!important;}
        .investments #invest-table-container #tblPerformance,.investments #invest-table-container #tblPrice{max-width:100%!important;display:block;overflow-x:auto;padding-top:20px}
       .investments #invest-table-container #prices > .date-selector{float:none}

       /* bene change */
       .changeBeneficiaries #beneFormmodule .infoRow .cell.key{display:block!important;float:none}

        /* balances */
        .balances #balancedetails #byInvestment{overflow-x:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ccc;}
        .balances #balancedetails #byInvestment table{margin-top:0}

        /* header */
            .sf-menu li.drop:not(.sfHover):after {
                right: 3px;
                border: 4px solid transparent;  	
                border-top-color: #f26522;
            }

            .sf-menu li.drop.sfHover:after {	
                right: 3px;
                border: 4px solid transparent;  
                border-top-color: #f26522;	
            }
            
            .pulldown-menus_plan select{max-width:200px!important;}

        /* sponsor browse plans */
        .responsivebrowsepln table.data .floatLeft.all-mar-ten{float:none;}

        /* Home page cards */
        .index #slide1 #content .card-content .left,
        .index #slide1 #content .card-content .right,
        .index #slide3 #content .card-content .left,
        .index #slide3 #content .card-content .right
        {
            max-width:100%;
            width:100%!important;
            float:none!important;
        }


    }
    
    

    @media screen and (max-width:768px){
    
        /* header */
        #responsiveMenuDiv{top:-25px;position:relative;margin-bottom:-10px}
        header{margin-top:-52px}
        nav#mobile-main-menu{z-index:99999!important} /* */

        /* header 768 keep hamburger on right, move logo image to left */
        #mobile-toggle{text-align:right;width:100%;right:20px;z-index:99999;top:10px!important;}
        #avatar-wrap{float:none!important;margin-left:0!important}

        /* sponsor header */
        header.sponsor{margin-top:-40px;}
        header.sponsor .account-nav,header.sponsor .greeting .mar-ten-top{display: initial !important;}
        header.sponsor #top-header .greeting{display:none}
        //header.sponsor #top-header {margin-top:30px;margin-bottom:-30px}
        header.sponsor #responsiveMenuDiv{z-index:99999;}

        
        /* index */
        .container.index{margin:0 auto!important;padding:0!important}
        .container.index #main-content{margin:40px 0!important}
    
        /* risk slider OWS-18228 */ 
        .risk-slider{display:flex;justify-content:space-between;margin:-45px 10px 20px} 
        .risk-slider span{ 
            position:relative!important; 
            left:auto!important; 
            top:auto!important; 
            bottom:auto!important; 
            margin:0!important; 
        } 

        /* fund details */
        #electionsInvriskdiv{display:none}
        .three-fourths{width:100%!important}
         
        /* divident reinvestment */
        #accountInfo table td input{float:left!important;width:80%;display:inline!important}
         
        /* enroll > enrollment.aspx */
        #infographic.desktop {display: none!important}
        #infographic.mobile {display: block!important}
        #enrollment .pulldown-menus{top:40px!important}
        #enrollment #avatar-wrap{top:40px!important;margin:0!important}
        #enrollment header .main{min-height:15px!important;}
        #enrollment .pulldown-menus_plan{position:static;}

        /* enroll > express_enrollment.aspx */
        #enrollment .seealllinkdiv {padding-left: 0px;margin-left: 0;line-height:1;}

        
        /* enroll-summary */
        .enroll-summary .futureinvbox{float:none;}
        .enroll-summary .module.desktop + .module.mobile{display:none}
        .enroll-summary .module.desktop{display:block}
        .enroll-summary .module.desktop .twoCol-1{max-width:100%!important;padding:0 5px}
        .enroll-summary .module.desktop .left,.enroll-summary .module.desktop .right,.enroll-summary .module.desktop .widget {float:none;width:100%!important}
        .enroll-summary .widget.total-box a{display:block;margin:10px 0 0 0!important}

        
        
        /* investements */
        .investments #browsefunds.module .module-title #my-filters{display:block}
        .investments #browsefunds.module .module-title #cards-tables{display:block}
        .investments #invest-table-container #prices #PriceRefreshButton .btn{display:block;width:100%!important;margin-top:25px;margin-bottom:0;padding:20px}

        /* Change Bene */
        .changeBeneficiaries #beneFormmodule .textdiv{font-size:14px!important} 

        /* participant select plan */
        .select-plan #resetresptbl .tblSelectPlan .rowhide {display:table-row!important;}

        /* sponsor investments */
        header.sponsor ~ .content #browsefunds .widget.investment-table.table .left,header.sponsor ~ .content #browsefunds .widget.investment-table.table .right{float:none;width:100%!important;}
        header.sponsor ~ .content #browsefunds .widget.investment-table.table .docs-reader{max-width:100%}

    }

    @media screen and (max-width:640px){ /* OWS-18263 potentially change this to 768px */

        header{margin-top:-5px}
        /* sponsor header */
        header.sponsor  #mobile-toggle{margin-top:10px!important} /* sponsor participant emulation index page*/
        header.sponsor #responsiveMenuDiv{top:0;}
        header.sponsor{margin-top:0}
        header.sponsor #avatar-wrap{margin-top:45px!important}
        header.sponsor ~ .content.index{margin-top:-30px!important}
        header.sponsor #responsiveMenuDiv nav{margin-top:-35px!important}
      
        /* move hamburger to top right */
            header{height:110px!important}
            #mobile-toggle{text-align:right;width:100%;right:20px;z-index:99999;top:-70px!important}
            #account .greeting{top:55px}
           .pulldown-menus{margin:0!important;top:60px!important;padding:0!important}
           .pulldown-menus .selectedMenu{margin:0!important;max-width:100%!important;width:100%;padding-left:0!important}
            #avatar-wrap{margin-left:auto!important} /* reset logo image from 768 position */

        
        /* center align logo */
         #avatar-wrap{right:auto!important;position:relative;top:-25px!important} /* was -30px */

         @media screen and (max-width:320px){
            #avatar-wrap{right:auto!important;position:relative;top:-25px!important;margin-left:-5px!important;} /* prevent hamburger menu overlap of logo on iphone 5 */
         }


        /* index */
        .index #accountbalancetable td{display:block;width:100%}

         
       /* enrollment */
        #enrollment .pulldown-menus{top:0px!important;margin:0 auto!important;width:100%!important;}
        #enrollment .pulldown-menus_plan{}
        #enrollment .pulldown-menus_plan .selectedMenu.bordernone{margin:0!important}
        #enrollment #avatar-wrap{max-width:100%!important}

      
        /* enroll-summary */
        .enroll-summary .futureinvbox{width:100%!important}
        .enroll-summary .futureinvbox .left,.enroll-summary .futureinvbox .right{float:none}
        .enroll-summary .futureinvbox a.toggleLink{margin:10px 0 0 0!important;text-align:center;padding:10px!important}
   
   
        /* balances */
        .balances .date-selector label{margin-right:5px!important}
        .balances .date-selector .mar-right-twenty {margin-right:10px !important;}
        .balances #balancedetails #byInvestment{clear:left;margin-top:30px}
        
        
        /* investments */
        .investments .docs,.investments .docs-reader{float:none;width:100%;margin:0}
        .investments .docs:after,.investments .docs-reader:after{content:'';display:table;clear:both}
        
        /* requests transactions */
        #tranDownload{display:block!important;float:none;margin:20px 0 0}
        .tab-pane.active#prices table{margin-top:0!important}
        .tab-pane.active#prices,.tab-pane.active#performance {
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            background: linear-gradient(90deg, #ffffff 100%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #ffffff 100%, rgba(255,255,255,0)) 100% 0,linear-gradient(90deg, #e3e3e3 95%, rgba(255,255,255,0)) 0 0,linear-gradient(270deg, #e3e3e3 0, rgba(255,255,255,0)) 100% 0;
            background-repeat: no-repeat;
            background-color: #ffffff;
            background-size: 0 100%,0 100%,0 100%,12px 100%;
            background-attachment: local,local,scroll,scroll
        }
        .tab-pane.active#performance > table{
            margin-top:0
        }

        /* site select */
        .container.site-select{margin-top:60px;margin-bottom:25px}
        .container.site-select #main-content{padding:1px 20px 0 !important}

        /* participant select plan */
        .select-plan #resetresptbl .tblSelectPlan .rowhide {display:table-row!important;}
        .select-plan #resetresptbl {overflow-x:scroll;-webkit-overflow-scrolling: touch;}

        /* Sponsor Balance Details */
        .sponsor + .content #balancedetails div#byInvestment,.sponsor + .content.plan-balances .table-wrapper{display:block;overflow-x:auto;float:none!important;clear:both;border:1px solid #ccc}
        .sponsor + .content #balancedetails div#byInvestment table#byInvestment{min-width:960px!important;margin-top:0}
        .sponsor + .content #balancedetails div#byInvestment,.sponsor + .content.plan-balances .table-wrapper table{margin-top:0}
        .sponsor + .content.plan-balances .balance-table .left,.sponsor + .content.plan-balances .left{width:100%;margin:10px 0!important;}
        .sponsor + .content .module h3 *{float:none}

        /* Sponsor plan_balances */
        .sponsor + .content #acctsumtable {display:block;overflow-x:scroll;-webkit-overflow-scrolling: touch;}

    }

    @media screen and (max-width:460px){

        /* index */
        .card-content .left.mar-ten-left.pad-left-ten{height:auto!important}

        /* fund details */
        #tablediv > table.interfundtable .right,#tblPRR .right{float:right}

        .btn,.btnblue,#btncontinue,#divSubmitbutton .btnblue{
                width: 100% !important;
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                display:block!important;
            }

        /* set my goals */
        .set-my-goals .floating-container.pre-slider .btn{display:none!important}

        .right.CompletereQAlign:after{content:'';display:table;clear:both} /* Contributions.aspx Continue Button */

        /* change bene */
        .changeBeneficiaries .right{float:none}
        #beneFormmodule a.btn{min-width:100%}
        .mar-left-ten{margin-left:0!important}

		.changeBeneficiaries #beneFormmodule .module-content.floatLeft .pad-left-ten{
			padding-left:0!important
		}

        .changeBeneficiaries #beneFormmodule .infoRow .cell.largevalue a {display:inline-block;}
                
        /* my_profile */
        #docDeliveryPref input[type="radio"] {margin:0}
        .myProfileContainer #elecoption1,.myProfileContainer #paperoption1,.myProfileContainer #elecoption2,.myProfileContainer #paperoption2,.myProfileContainer #elecoption3,.myProfileContainer #paperoption3 {bottom: auto;}
        #docDeliveryPref .green-check span{position:relative;top:5px}
        #accountInfoUpdate .cell,#securityInfoUpdate .infoRow .cell{float:none!important;width:100%!important}
        #accountInfoUpdate input{width:100%!important;}
        .myProfileContainer .module-title span {display: inline;} /* prevent unnecessary wrap of panel sub title */
        
        /* rebalance */
        .realignment .bdrtdFix td {line-height:1} /* was 28px */
        .realignment .floatLeft{float:none;width:100%!important}
        .email-container .btn{margin-top:50px !important} /* update prefs button */
        
        /* interfund-transfer */
        .interfund-transfer .info.infographicwidth{float:none;margin:0 0 20px}
        .interfund-transfer #transferModule button{margin-top:20px}

        /* balances */
        .balances #btnbaldetSubmit:before{content:'';display:table;clear:both;margin:40px 0 0 0}
        .balances table#byInvestment{margin-top:0}
        .balances #balancedetails #byInvestment{margin-top:0px}
        span.moderatelbl {
            line-height: inherit;
        }
        
        /* individual elections */
        #individualelectionparent .large *{float:none;margin:0;width:100%}
        #individualelectionparent .large #responsivep{margin-top:20px!important}
        
        /* sponsor header */
        header.sponsor{margin-top:0;}
        header.sponsor .account-nav,header.sponsor .greeting .mar-ten-top{display:initial!important;}

        /* sponsor > plan browse */
        .responsivebrowsepln table.data td{width:100%}
        .responsivebrowsepln table.data .left.semi *{
            float:none;
            width:100%!important;
        }
        .responsivebrowsepln #main-content table.data{margin-bottom:0!important;}
        .responsivebrowsepln #main-content table.clean{margin-top:0}

        /* sponsor plan reports */
        header.sponsor ~ .content.responsive_palreports [class*="width-"]{width:100%!important;padding:0}
        header.sponsor ~ .content.responsive_palreports input{width:100%}
        header.sponsor ~ .content.responsive_palreports .mar-left-twenty{margin-left:0!important}
        header.sponsor ~ .content.responsive_palreports .findparticipantdiv1{z-index:99;border:0}
        header.sponsor ~ .content.responsive_palreports #scrtop.module{padding-bottom:0}
        header.sponsor ~ .content.responsive_palreports #scrtop.module .btn{margin-bottom:0}

 
        /* sponsor find participant */
        #main-content .module .width-50PerSelectParti,.findparticipantdiv1{width:100%!important;}
        .findparticipantdiv1{padding-right:0}
        .module .width-50PerSelectParti{clear:both}
        .dispnone960-findparticipant{display:none}
        #main-content .module .width-50PerSelectParti .btn,.findparticipantdiv1 .btn,.module .width-50PerSelectParti .mar-twenty-top{margin:0!important}

        /* fund transfer */
        .fund-transfer img.left ~ p{overflow:hidden;}

        /* balances OWS-18205 */
        #balancedetails #byAssetClass {overflow-x:scroll;-webkit-overflow-scrolling: touch;border:1px solid #ccc;margin-top:20px;padding-bottom:15px!important}
        #balancedetails #byAssetClass > table {padding:0!important;margin:0}

  }

  
  
@media screen and (min-width:769px) and (max-width:960px) {
    .pulldown-menus .selectedMenu {
        width: 200px !important;
    }
}

 /* 9/22/17 fixes for header spacing when multiplan user pulldown menu shown */ 
@media screen and (max-width:960px){
    .pulldown-menus select, .pulldown-menus select .selectedMenu {
        margin: 0 0 5px 15px;
    }
}

/* 9/22/17 fixes for header spacing when multiplan user pulldown menu shown */ 
@media screen and (max-width:640px){ /* OWS-18945 changed to 640px was 600px */
    .pulldown-menus select, .pulldown-menus select .selectedMenu {
        margin: 7px 0 25px 15px !important;
        max-width:100%!important;
        white-space:nowrap;
        padding-right:15px!important; 
        background-position:right 5px!important;
    }
}


.fund-transfer.fndTransfer .module-content .half.fulWid.MarTop20.left p{overflow:hidden} /* prevent text from wrapping under floated image */

@media screen and (min-width:768px) and (max-width:1023px){
    /* center greeting and select menu */
    .greeting{width:100%}
    .pulldown-menus .selectedMenu{margin:0 auto!important;}
    .pulldown-menus{left:20px!important;}
}



@media screen and (max-width:320px){
    .bottom-footer.t-center{
        display:flex;
    }
    .bottom-footer.t-center a{
     flex-shrink:0;
     text-align:left;
     }
     .bottom-footer.t-center a:last-child{
     flex-shrink:1;
     }
}

@media screen and (max-width:960px) { /* OWS-18368 changed to 960px. Was 767 for 18213*/
    .interfund-transfer .table-wrapper { /* OWS-18213 */
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 15px;
        border: 1px solid #ccc;
    }
}

#login-page .redcolor.login-text{margin:0 0 30px}

@media screen and (min-width:769px) and (max-width:1023px) {
    /* JSB 10/4/2017 DO NOT HIDE AVATAR. CONFLICTING INFO */
    #divButtonsContainer > div, #completeRequestSection > div {
        width: 60% !important;
    }
}

@media screen and (min-width:601px) and (max-width:1023px){ /* Nexus 10 OWS-18234*/ /* changed min-width from 769px to 601px*/
    .pulldown-menus{margin-left:10px!important}    
    .greeting{width:200px!important;}    
}

/* OWS-18253 */
    @media screen and (max-width:640px){ /* changed from 600 to 640 to accomodate Galaxy S5 Landscape */
        #divwithdrawalonline,#divwithdrawalmail{width:75%;}
    }
    @media screen and (max-width:480px){
        #divwithdrawalonline,#divwithdrawalmail{width:100%;}
    }

/* OWS-18205 table cells misaligned fix */
    .balances #balancedetails table td.dispnone,.balances #balancedetails table th.dispnone,.balances #balancedetails tfoot td:empty{display:table-cell!important}

/* OWS-18260 */
    #enrollment #main-content:after{content:'';display:table;clear:both;}
    @media screen and (max-width:800px){
        .contact-us-wrapper{margin:-15px 0 30px!important}
    }
    @media screen and (max-width:600px){
        .contact-us-wrapper{margin:-15px 0 10px!important}
    }

/* OWS-18214 */
    .reBalance .widget.total-box label{overflow:hidden!important;display:inline-block;width:80%}
    .reBalance .widget.total-box input{overflow:hidden!important;display:block;float:left;margin-top:0px}
    @media only screen and (max-width: 375px) {
        .realignment .info img {height:auto;}
    }
    @media screen and (max-width:800px){ 
       /* funds table expansion */
       .realignment #browsefunds table#tblPRR .hiDE, .realignment #browsefunds table#tblPRR .hiDEat460,.reBalance table.interfundtable .hiDE{display:table-cell!important}
       .realignment #browsefunds table#tblPRR{padding-bottom:15px}
       .reBalance table.interfundtable{min-width:880px;}
       .reBalance #tablediv, .div-realign-tblPRR{overflow-x:scroll!important;-webkit-overflow-scrolling:touch!important;border:1px solid #ccc;padding-bottom:20px!important} /* OWS-18272 */
       .reBalance table.interfundtable{display:table!important;}    
       .reBalance table.interfundtable a.expanddetails + span.hiDE{display:inline!important}   
    }
    @media screen and (max-width:600px){
        .reBalance table.interfundtable a.expanddetails + span.hiDE{display:none!important}   
    }

    /* OWS-18228 supercedes OWS-14001 */
    @media screen and (max-width:375px) {
        #tblIndividualElections tbody > tr > td:last-child {
            white-space: normal !important;
        }
    }
    @media screen and (max-width:800px){ /* guided elections scrolling table */
        #browsefunds .guidedelections table#tblGuidedElections{min-width:auto!important;display:table!important}
        #browsefunds .guidedelections table#tblGuidedElections .dispnone960{display:table-cell!important}
    }
    @media screen and (max-width:414px){
        .guidedinvestments #completechanges *{
            float:none;
            width:100%!important;
            max-width:100%!important
        }
    }
     
    /* OWS-18242 */
    @media screen and (max-width:480px){ /* Action 1 */
       #updatesecbene2 td[data-title="Mailing address 2:"] input{width:100%!important}
    }
    @media screen and (min-width:641px){ /* Action 2-4 */
        #updateprbene1 .hidecol,#updatesecbene2 .hidecol,#addnewbene1new .hidecol{display:table-cell!important}
    }

    /* OWS-18242 */
    @media screen and (max-width:414px){
        #docDeliveryPref .CompletereQAlign label span{float:left;margin:-1px 10px 0 0}
        #docDeliveryPref .CompletereQAlign {text-align: left !important;}
        .imodule-content.width-four-hundred-px.floatLeft{max-width:100%}
    }

    /* OWS-18243 */
    @media screen and (max-width:800px){
        .realignment #browsefunds table#tblPRR{display:table;table-layout:auto;max-width:auto!important}
        .realignment #browsefunds table#tblPRR .hiDE{display:table-cell!important}
        .realignment #browsefunds .widget.table.accordion{padding-bottom:20px!important} /* space for scrollbar */
    }

    /* OWS-18269 fixed by removing from layout.css */
    /*
    #enrollment .widget.featured-image {max-width:100%;height:auto;margin:0 0 -3px}
    #enrollment #main-content > .module:first-child{padding:0}
    */


    /* OWS-18243 fix radio/label positioning */
     @media screen and (max-width:800px){
        .realignment #rebalInv .alignat610 br{display:none}
        .realignment #rebalInv .alignat610 input{float:left;display:block!important;margin-top:0px}
        .realignment #rebalInv .alignat610 input:before{content:'';display:table;clear:left!important}
        .realignment #rebalInv .alignat610 label{overflow:hidden!important;display:block!important;margin:20px 0 20px}
    }

    /* OWS-18247 */
    @media screen and (max-width:414px){
        #tranActivity .investments label.datelabel{min-width:75px;display:inline-block;}
        #tranActivity .investments #divSearchPanel2{display:block;width:100%}
        #tranActivity .investments a#cal2:after{content:'';display:table;clear:right}
    }
    @media screen and (max-width:320px){

        .nav-tabs a.tabs{
            padding:5px 5px !important;
        }
    }

    /* OWS-18262 */
    @media screen and (min-width:769px) and (max-width:960px){
         .datepos {
            position: absolute;
            top: 88px;
            right: 18px;
        }
    }
 
    /* OWS-18262 OWS-18276 */
    .date-selector-wrapper{display:inline}
    @media screen and (max-width:570px){ /* was 414 before OWS-18276 */
        .date-selector-wrapper{float:none!important;display:block!important;margin-bottom:10px}
        .date-selector-wrapper:after{content:'';display:table;clear:both}
        .date-selector-wrapper label{min-width:80px;display:inline-block}
        .date-selector-wrapper label{min-width:80px;display:inline-block}
        .date-selector + div #Sourcesddl,.date-selector + div #Investmentsddl{width:100%}
        .graphtitlefix {width: auto!important;margin-top: 0!important;} /* Action 7 Fix */
    }

    /* OWS-18272 */
    @media screen and (max-width:320px) {
        .investment-cards#browsefunds{max-width:100%!important} /* see line 17341 in layout.css */
    }
    
    /* Additions after SVN migration */
    
     /* OWS-18277 */
    @media screen and (min-width:425px) and (max-width:768px){
        body#enrollment header{min-height:126px}
        /* OWS-18263
        body#enrollment #avatar-wrap{top:50px!important;max-width:100%!important;text-align:right!important}
        body#enrollment header #top-header #account #banner img {margin:0!important;position:absolute;right:0}
        body#enrollment header #top-header #account #banner{text-align:right!important;}
        body#enrollment .pulldown-menus{width:100%;left:0!important;margin:0!important}
        */
    }
    @media screen and (min-width:769px) and (max-width:960px){
        body#enrollment .contact-us-wrapper{margin-bottom:40px!important;}
    }
    @media screen and (min-width:376px) and (max-width:600px){
        /* OWS-18263
        body#enrollment #avatar-wrap{top:50px!important;max-width:100%!important;text-align:right!important}
        body#enrollment header #top-header #account #banner img {margin:0 auto!important;position:relative;top:-15px}
        body#enrollment header #top-header #account #banner{text-align:center!important;}
        */
    }
    @media screen and (max-width:375px){    
        //body#enrollment header #top-header #account #banner img {margin:0 auto!important;position:relative;top:-15px}
    }
    @media screen and (max-width:320px){
        body#enrollment .widget.featured-image{
        max-width:106%!important;
    }
}
    /* OWS-18274 */
    @media screen and (max-width:320px){
    .dividend-reinvestment #deliveryMethodSection #accountInfo #ddlAccountType{
        letter-spacing:-.8px;
        }
        /* OWS-18275 */
        #scrollableTD #mCSB_1_scrollbar_horizontal{display:block!important;}

    }
    
    

/* OWS-18263 25516*/
/* WORK IN PROGRESS
body#enrollment .main .container{visibility:visible!important;}
body#enrollment #mobile-toggle{visibility:visible;top:0!important}

    @media screen and (max-width:768px){
        body#enrollment .greeting .mar-ten-top{display: block !important;}
        body#enrollment .greeting{top:30px!important;}
        body#enrollment header{min-height:140px!important}
        body#enrollment .selectedMenu{padding:0!important}
    }
    
    @media screen and (min-width:601px) and (max-width:768px){
        body#enrollment .banner{text-align:center!important}
        body#enrollment .banner img{position:relative!important}
        body#enrollment header #top-header #account #banner img{position:relative;}
        body#enrollment .greeting{float:none!important;width:100%!important;margin:0!important}
    }
*/
        
/*
667-732 (Nexus 5X landscape)
    @media screen and (min-width:700px) and (max-width:800px){
        .pulldown-menus{left:0!important;margin-left:0!important}
        .pulldown-menus_plan{width:100%;}
        .pulldown-menus_plan .selectedMenu{margin-left:0!important;}
    }
*/

/* OWS-18284 */
    @media screen and (min-width:641px) and (max-width:768px){
        .pulldown-menus{left:0!important;margin-left:0!important}
        .pulldown-menus_plan{width:100%;}
        .pulldown-menus_plan .selectedMenu{margin-left:0!important;}
        .greeting{float:none!important;width:100%!important}
    }
    
    @media screen and (min-width:601px) and (max-width:640px){
        #mobile-toggle{top:-40px!important}
        #account #avatar-wrap{margin-top:20px!important;}
        .greeting {margin-top:9px!important;width:100%!important;}
        .pulldown-menus_plan {top: auto !important;width:100%}
        header .floatRight{float:none}
    }	
    
    
/* OWS-18283 */
    @media screen and (max-width:600px){
        #tblFundTransferOut .collapseddetailslabel{display:none}
        .hide600px{display:none}
    }

/* OWS-18275 Guided Elections Orange Handled Scrollbar Table Fixes*/	
@media screen and (max-width:320px){
   #browsefunds .guidedelections table#tblGuidedElections td.collapsibleSection{padding:0!important}
   #browsefunds .guidedelections table#tblGuidedElections td.collapsibleSection span.dispnone960{display:none!important}
   #browsefunds .guidedelections table#tblGuidedElections th.dispnone960{display:none!important}
   #browsefunds .guidedelections table#tblGuidedElections td.dispnone960{display:none!important}
   #browsefunds .guidedelections table#tblGuidedElections .dispnone960{display:none!important}
   #browsefunds .guidedelections table#tblGuidedElections #tblScrollGuidedElections{max-width:60px!important}
   #browsefunds .guidedelections table#tblGuidedElections #tblScrollGuidedElections th p{transform:rotate(-90deg);line-height:1;display:block!important; min-height:70px; min-width:100px; bottom:0px; position:relative;overflow:hidden!important; margin-bottom:0px; z-index:999; text-align:left}
   #browsefunds .guidedelections table#tblGuidedElections #tblScrollGuidedElections th {padding-top:15px!important;}
    #tblGuidedElections table.t-first-level th p{transform:rotate(-90deg)}
}

/* OWS-18276 */
    @media screen and (max-width:460px){
        #tranActivity #transummary #prevnextdiv{float:none!important}
        #tranActivity #transummary #prevnextdiv .btn.page_nav{display:none!important}
        #tranActivity #transummary #prevnextdiv #btnPrev,#tranActivity #transummary #prevnextdiv #btnNext{display:block !important}
    }
    
/* OWS-18286 express enroll */	
    @media screen and (max-width:375px) {
        .widget.total-box .s-lg.upper {font-size: 30px !important;} /* see line 22338 in layout.css */
    }
    @media screen and (max-width:500px){
        body#enrollment .leftcontribute .slider-block .navy-text{display:block}
    }

/* OWS-18289 */
    #Container .loans_responsive aside.sidebar{border-right:1px solid transparent;position:relative;top:-5px} /* fixes sidebar width glitch at 960px on loans page */

    @media screen and (min-width:960px) and (max-width:967px){
        .docs-reader {float:none;width:100%;margin:0;padding:0;}
        .docs-reader .imagediv{width:50px!important;}
        .docs-reader .textdiv{width:90px!important}
    }

    @media screen and (min-width:968px){
        .docs-reader {float:none;width:100%;margin:0;padding:0;}
        .docs-reader .imagediv{width:50px!important;}
        .docs-reader .textdiv{width:136px!important}
        #adobereader .docs-reader .imagediv{width:55% !important;}
        #adobereader .imagediv{width:10% !important;}
        #adobereader .snddivwd{width:40% !important;}
    }

/* OWS-18297 */
    @media screen and (max-width:768px){ 
    .table-wrapper{ 
    max-width:100%;border:1px solid #ccc;overflow-x:scroll;-webkit-overflow-scrolling: touch; 
    } 
    .table-wrapper.addscrollpad{padding-bottom:15px} 
    }
    
/* OWS-18292 Sponsor browse plans */	
    header.sponsor.alt-header{min-height:100px;} 
    header.sponsor.alt-header #responsiveMenuDiv{display:none} 
    header.sponsor.alt-header #top-header #account .greeting{display:block!important;float:none;padding-right:10px} 
    header.sponsor.alt-header .greeting .mar-ten-top{text-align:right;display:block!important}
    @media screen and (min-width:960px){
     header.sponsor.alt-header ~ .responsivebrowsepln #main-content .page-titleStyle{margin-left:-10px;margin-right:-10px;border-radius:0} /* fix page title float issue at 960+ */
    }
    @media screen and (max-width:960px){
        header.sponsor.alt-header{min-height:110px!important;max-height:70px}     
        header.sponsor.alt-header #top-header #account .greeting{top:55px}
    }
    @media screen and (max-width:640px){
        header.sponsor.alt-header{min-height:0!important;max-height:70px}     
        header.sponsor.alt-header #top-header #account .greeting{top:0}
    }
    @media screen and (min-width:769px){
        header.sponsor.alt-header{min-height:0!important;max-height:70px}     
        header.sponsor.alt-header #top-header #account .greeting{top:0;float:right!important}
    }

/* OWS-18310 */	
    header.sponsor + .plan-balances .balance-table #balancedetails div#byInvestment table#byInvestment{
        min-width:878px;
        margin-top:50px!important;
    }
    header.sponsor + .plan-balances .balance-table #balancedetails div#byInvestment table#byInvestment #browsefunds{min-width:878px}

/* OWS-18344 */
    @media screen and (max-width:800px){ /* was 800 changed for OWS-18367 */
        .index .card-content .retirement-progress{display:none}
        .index #slide3 .card-content .retirement-progress + .right.clearfix.positionrelative{display:none}
        .index #slide1 .card-content .bottom-half{display:none}
        /*.index #slide1 .card-content .top-half .left{display:none}*/ /* affects OWS-18442 */
        .index #slide1 .card-content .retirement-progress{display:initial!important}
        .index #slide1 .card-content .retirement-progress .amcharts-main-div{}
        .index .card{min-height:0;}
    }
    /* OWS-18367 try 	
    @media screen and (max-width:960px){
        .index .card .bottom-half .left,.index .card .bottom-half .right {
            float: none !important;
            width: 100% !important;
        }
    }
    */
    @media screen and (max-width:320px){
       .index #slide2 #accountbalancetable{max-width:90%!important;}
    }

/* OWS-18315 */
    @media screen and (max-width:960px){ /* OWS-18368 changed to 960. Was 800 for 18315 */
    .interfund-transfer .investmentModule #invtransferout #tblFundTransferOut{min-width:880px}
    .interfund-transfer #transferModule #tblFundTransferIn{min-width:880px;}
    }
    
/* OWS-18352 */
@media screen and (max-width:960px){
    .sponsor + .content #balancedetails div#byInvestment{display:block;overflow-x:auto;float:none!important;clear:both;border:1px solid #ccc;padding-top:0!important}
    header.sponsor + .plan-balances .balance-table #balancedetails div#byInvestment table#byInvestment{margin-top:0!important;}
    header.sponsor + .plan-balances .balance-table #balancedetails div#byInvestment table#byInvestment #browsefunds{}
}	

/* OWS-18293 */
    header.sponsor.alt-header #crumbs{display:none}
    @media screen and (min-width:601px) and (max-width:1023px){
        header.sponsor.alt-header .greeting{width:auto!important;}   
    }

/* OWS-18330 */	
    @media screen and (min-width:769px) and (max-width:959px){  /* TRY 600 */
    //	#enrollment .enroll-summary .right.twoCol-2{float:none;width:100%!important} 
    //	#enrollment .enroll-summary .right.twoCol-2:before{content:'';display:table;clear:both} 
    }
    body#enrollment .complete-enrollment label.green-check + label{overflow:hidden!important;display:block;}
    #dlgMyOnCheck button#btnContinueMyOnCheck[style*="display: none"]{display:none!important}
    #divdefault #btndef, [id^="divport"] [id^="btnportsel"],enroll-summary #divportCustom #btndef {display:inline-block!important;} /* Action 6 */


/* OWS-18263 */
    @media screen and (max-width:768px){
        body#enrollment #mobile-main-menu .investments{display:none}
        body#enrollment #mobile-main-menu  li{display:none}
        body#enrollment #mobile-menu-main-menu li:last-child{display:block}
        body#enrollment header.enrollment .main .container #responsiveMenuDiv #mobile-toggle{margin-top:0!important;top:0!important;visibility:visible;top:30px!important} 
        body#enrollment nav{visibility: visible;top:35px}
        body#enrollment #avatar-wrap{top:65px!important;}
        body#enrollment div.pulldown-menus{width:100%}
    }
    @media screen and (max-width:640px){
        body#enrollment header{min-height:100px}
        body#enrollment nav{top:-45px}
        body#enrollment header.enrollment .main .container #responsiveMenuDiv #mobile-toggle{margin-top:0!important;top:0!important;visibility:visible;top:-85px!important} 
        body#enrollment #avatar-wrap{top:0!important;margin-top:0!important}
        body#enrollment div.pulldown-menus{margin-top:70px!important}
        body#enrollment .pulldown-menus select,body#enrollment .pulldown-menus .selectedMenu {padding-right:0!important;}
    }
    @media screen and (max-width:600px){
        body#enrollment nav{top:-51px}
    }
    @media screen and (max-width:375px){
        body#enrollment header #top-header #account #banner img {left:-10px!important;position:relative}
    }
    @media screen and (min-width:641px) and (max-width:768px){
        .pulldown-menus_plan .selectedMenu{max-width:200px!important;}
        #enrollment header .main > .container > div.pulldown-menus > div > div {display:inline-block!important}
        body#enrollment header.enrollment .main .container #responsiveMenuDiv #mobile-toggle{top:-20px!important} 
        body#enrollment header{max-height:90px!important}
    }
    

/* OWS-18291 */	
    #archievedStatementModule .mar-left-210{margin-left:0}
    
/* OWS-18332  action 2 */	
    @media screen and (max-width:960px){
        #enrollment div.dettable[id*="tblDetails"]{overflow-x:scroll;border:1px solid #ccc;}
        #enrollment div.dettable[id*="tblDetails"] #browsefunds{min-width:880px!important;}
        #enrollment div.dettable[id*="tblDetails"] div[id*="investBar"].left{float:left;width:250px!important;}
        #enrollment div.dettable[id*="tblDetails"] div[id*="investBar"].right{float:right;width:568px!important;}
        #enrollment div.dettable[id*="tblDetails"] div.left[style="width: 40%"]{float:left;width:40%!important;}
        #enrollment div.dettable[id*="tblDetails"] div.right[style="width:50%!important"]{float:right;width:50%!important;}
        #enrollment .enroll-summary .module.desktop #browsefunds .tab-pane > div.left:first-child {float:left!important;max-width:50%!important;}
        #enrollment .enroll-summary .module.desktop #browsefunds .tab-pane > div.right:first-child {float:right!important;max-width:50%!important}
        #enrollment .enroll-summary .module.desktop #browsefunds .tab-pane > div.left:first-child div[id*="investLine"]{max-width:400px!important}
    }
    
/* OWS-18282 */ 
    @media screen and (max-width:800px) {
        #idviewfund.viewfundwidth {
            width: 7% !important;
        }
        .rebalance .interfundtable th:nth-of-type(1) {width:25px!important;} 
        #Container .rebalance .interfundtable .expanddetails + span.hiDE{display:none!important;} 
        .rebalance .interfundtable th.hiDE{display:none!important;} 
        .rebalance .interfundtable td.hiDE{display:none!important;} 
    }

/* OWS-18374 */
    @media screen and (max-width:800px) { 
        .realignment table#tblPRR th:nth-of-type(1) {width:25px!important;} 
        #Container .realignment table#tblPRR .expanddetails + span{display:none!important;} 
        #Container .realignment table#tblPRR th.hiDE{display:none!important;} 
        #Container .realignment table#tblPRR td.hiDE{display:none!important;} 
    }

/* OWS-18368 */
    @media screen and (max-width:800px) { 
        #Container .interfund-transfer table#tblFundTransferOut th:nth-of-type(1) {width:25px!important;} 
        #Container .interfund-transfer table#tblFundTransferOut .expanddetails + span{display:none!important;} 
        #Container .interfund-transfer table#tblFundTransferOut th.hiDE{display:none!important;} 
        #Container .interfund-transfer table#tblFundTransferOut td.hiDE{display:none!important;} 
                
        #Container .interfund-transfer table#tblFundTransferIn .expanddetails + span{display:none!important;} 
        #Container .interfund-transfer table#tblFundTransferIn th.hiDE{display:none!important;} 
        #Container .interfund-transfer table#tblFundTransferIn td.hiDE{display:none!important;} 

        #Container .interfund-transfer table#tblPRR td.hiDE{display:none!important;}

        #Container .interfund-transfer table#tblFundTransferOut {
            min-width: 880px;
        }
        #Container .realignment table#tblPRR {
            min-width: 880px;
            display:table;
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    #Container .realignment table#tblPRR {
        min-width: 880px;
        display: table;
    }
    .reBalance #tablediv, .div-realign-tblPRR {
        overflow-x: scroll !important;
        -webkit-overflow-scrolling: touch !important;
        border: 1px solid #ccc;
        padding-bottom: 20px !important
    }
}

/* OWS-18370 */	
    @media screen and (max-width:767px){
        .balancesselect {float:none;}
    }
    .balance-table div#balancedetails{margin-top:20px} /* Action 2 */
    @media screen and (min-width:622px){ /* action 3 */
        .balances .balance-table a#btnbaldetSubmit{display:inline-block}
        .balances .balance-table a#btnbaldetSubmit div.btn.respbtn{margin-top:0px!important;}
    }
    @media screen and (max-width:485px){ /* action 4 */
        .balances .balance-table a#btnbaldetSubmit{display:block}
        .balances .balance-table a#btnbaldetSubmit div.btn.respbtn{display:block;margin:20px 0 0;padding:20px 0}
        .balances .balance-table a#btnbaldetSubmit:before{content:'';display:table;clear:both}
    }

/* OWS-18333 */
    .express-enrollment .complete-enrollment label.green-check.left{float:left;margin-top:1px}
    .express-enrollment .complete-enrollment label.green-check.left + span{display:block;overflow:hidden}

/* OWS-18383 */	
    @media screen and (max-width:768px){
        header.sponsor{max-height:105px}
        header.sponsor .pulldown-menus{top:59px!important}
        header.sponsor #avatar-wrap{top:-31px!important}
    }
    @media screen and (min-width:600px) and (max-width:768px){
        header.sponsor #responsiveMenuDiv{top:-35px}
    }
    @media screen and (min-width:601px) and (max-width:640px){
        header.sponsor #avatar-wrap{top:-15px!important}
        header.sponsor #responsiveMenuDiv{top:-50px}
        header.sponsor .pulldown-menus{top:50px!important}
    }
    @media screen and (width:600px){
        header.sponsor #responsiveMenuDiv{top:-15px}
    }
    @media screen and (max-width:600px){
        header.sponsor #avatar-wrap{top:-40px!important}
        header.sponsor #responsiveMenuDiv{top:-20px}
        header.sponsor .pulldown-menus{top:50px!important}
    }
    header.sponsor.alt-header #avatar-wrap{display:none}
    header.sponsor.alt-header .pulldown-menus{display:none}
    header.sponsor.alt-header nav{display:none}
    
/* OWS-18333 */	
    @media screen and (min-width:960px){ 
        body#enrollment section#main-content.twelve{width:700px;margin-top:0} 
        body#enrollment aside.sidebar{margin-top:0px!important} 
    }
    

/* OWS-18369 */	

    header.sponsor ~ .content .card-content .top-cell.left .right {float:initial; margin-left: inital;}
    header.sponsor ~ .content .card-content .s-xreg.gray-text.mar-five-top.right {margin:initial;display: initial;}

    @media screen and (max-width:320px){
        header.sponsor ~ .content.index  .card-content .s-xreg.gray-text.mar-five-top.right {display:block}
    }

    @media screen and (max-width:960px){
        header.sponsor ~ .content.index  .card-content .bottom-half > div{float:none;width:100%}
        header.sponsor ~ .content.index  .ordividersponsorIndex{display:none}
        header.sponsor ~ .content.index  .findparticipantdiv4{border:0;border-right:1px solid #ccc;padding-right:40px!important;width:50%!important;}
        header.sponsor ~ .content.index  .findparticipantdiv5{border:0;padding-left:40px;padding-right:0!important;width:45%;}
        header.sponsor ~ .content.index  .findparticipantdiv4:after{content:'OR';position:absolute;right:-10px;top:50%;background:#fff}
        header.sponsor ~ .content.index  .findparticipantdiv4 input,header.sponsor ~ .content .findparticipantdiv5 input{width:100%!important}
        header.sponsor ~ .content.index #btnFind{display:block;text-align:center;margin:0 auto!important}
    }
    
    @media screen and (max-width:768px){
        header.sponsor ~ .content.index table#accountbalancetable .top-cell.left{width:70%!important;max-width:90%;}
        header.sponsor ~ .content.index table#accountbalancetable .top-cell.left .s-xxl{font-size:300%!important}
        header.sponsor ~ .content.index table#accountbalancetable .top-cell.left + div{width:30%!important;margin:0!important;padding-left:20px}
        header.sponsor ~ .content.index table#accountbalancetable{margin-left:0}
        header.sponsor ~ .content.index table#accountbalancetable td.clearfix.noborder{padding:0!important}
        
        header.sponsor ~ .content #slide2 .retirement-progress .colorkey{max-width:15px!important;max-width:15px !important;float:left!important;overflow:hidden!important}
        header.sponsor ~ .content #slide2 .retirement-progress .colorkey + .left{margin-left:20px!important}
        header.sponsor ~ .content #slide2 .retirement-progress .left.mar-ten{float:left!important;max-width:128px!important}
        header.sponsor ~ .content #slide2 .retirement-progress .right.mar-thirty{float:right!important;max-width:70%!important;}

    }
    
    @media screen and (max-width:640px){
        header.sponsor ~ .content #slide2 #accountbalancetable img[src="/images/question-icon.png"]{float:right;margin-top:10px}
    }

    @media screen and (max-width:628px){
        header.sponsor ~ .content.index table#accountbalancetable #chartLine1{margin:20px 0;width:100%!important;}
    }

    @media screen and (max-width:520px){
        header.sponsor ~ .content.index table#accountbalancetable .top-cell.left .s-xxl{font-size:230%!important}
    }
    
    @media screen and (max-width:500px){
        header.sponsor ~ .content.index  .findparticipantdiv4{border:0;width:100%!important;padding-right:0!important}
        header.sponsor ~ .content.index  .findparticipantdiv5{border:0;padding-left:0;width:100%!important}
        header.sponsor ~ .content.index  .findparticipantdiv4:after{display:block;position:relative;margin:0 0 10px -10px!important}
        header.sponsor ~ .content.index  .findparticipantdiv4 input,header.sponsor ~ .content .findparticipantdiv5 input{width:95%!important}
        header.sponsor ~ .content.index #btnFind{display:block;text-align:center;}
    }
    
    @media screen and (max-width:425px){
        header.sponsor ~ .content.index table#accountbalancetable .top-cell.left .s-xxl{font-size:170%!important}
    }

    @media screen and (max-width:360px){
        header.sponsor ~ .content.index table#accountbalancetable .left.s-xreg{float:none;width:100%!important;max-width:100%!important}
    }

    @media screen and (max-width:425px){
    }
        #reblanceschedulemodule { float:left !important;}

    @media screen and (max-width:768px) {
        #portfolioCarousel a.carousel-control {width:51px !important;}
    }

/* OWS-18392 */	
    @media screen and (max-width:800px){ 
        .realignment #browsefunds table#tblPRR th:nth-child(2){width:55%!important} 
        .realignment #browsefunds table#tblPRR th:last-child{min-width:110px!important} 
    }
    
/* OWS-18391 */	
    #divbtnReqStatmenterror{margin-left:0!important}
    
/* OWS-18332 Action 8 */
    @media screen and (max-width:340px){
        body#enrollment .quick-enroll #retirement-income{font-size:90%!important}
    }
    
/* OWS-18301 */	
    @media screen and (min-width:960px){ 
        .login-message{position:absolute;right:10px;top:20px;color:#fff} 
    } 
    @media screen and (max-width:961px){ /* OWS-18909 changed to 961 to fix issue at 960 */ 
        .login-message{text-align:center;background:#f26522;color:#fff;border-bottom:1px dotted #fff} 
        .login-message + .page-title,.login-message + h1[class*="page-title"]{border-radius:0;text-align:center}
    } 

    @media screen and (min-width:769px) and (max-width:959px){ 
        /*body#enrollment .login-message{max-width:200px;top:12px}*/ 
        header.sponsor ~ .content .login-message{right:10px!important;top:20px!important;}
    } 
    @media screen and (min-width:769px) and (max-width:960px){
        header.sponsor.alt-header ~ .content.responsivebrowsepln .login-message{right:30px;top:40px;} 
    }
    @media screen and (max-width:960px){
        header.sponsor ~ .content .login-message{right:30px;top:40px;} 
    }

/* OWS-18301 CSR FIXES */
        header.csr #account .floatRight{max-width:220px;margin-top:7px;position:relative}
        header.csr #account .floatRight table{max-width:250px!important;display:block}
        header.csr #account .floatRight table .greeting{max-width:100px;min-width:100px}
        body#csrnewcall header.csr .bottom.breadcrumbs{display:none}
        body#csrnewcall header.csr ~ .container.content{margin-top:10px}
        @media screen and (min-width:641px) and (max-width:768px){
            body#csrnewcall header.csr{min-height:130px}
            header.csr #account .floatRight{top:50px}
        }
        @media screen and (max-width:768px){
            header.csr #account .floatRight{float:right;}
            header.csr #account .floatRight table .greeting{top:40px;}
            header.csr #account .floatRight table .greeting .mar-ten-top{display:block!important}
        }
        @media screen and (max-width:640px){
            header.csr #account .floatRight table .greeting{top:10px;}
            body#csrnewcall header.csr{max-height:80px}
            body#csrnewcall header.csr button#sponsor{display:inline-block!important;padding:7px 20px!important;margin-bottom:0}
        }
        @media screen and (max-width:320px){
             header.csr #account .floatRight table .greeting{top:25px;}
        }

/* OWS-18398 */
    @media screen and (max-width:425px){
        header.sponsor ~ .content #accountbalancetable .top-cell.left .s-xreg.gray-text.mar-five-top.right{display:block}
    }
	/* OWS-18398 conflicts with OWS-18909 Action #10. Suggested fix. Add a specific CSS ID to the target elements to isolate the behavior */
    /* COMMENTING OUT PENDING FIX 
	@media screen and (max-width:600px){
        header.sponsor + .content.index #accountbalancetable > tbody > tr:nth-of-type(2){display:flex!important;flex-direction:column;}
        header.sponsor + .content.index #accountbalancetable > tbody > tr:nth-of-type(2) > td{display:flex-item!important;order:2;}
        header.sponsor + .content.index #accountbalancetable > tbody > tr:nth-of-type(2) > td:last-child{order: 1!important;}
    }
	*/
    /* Superceded by OWS-18945
	@media screen and (min-width:321px) and (max-width:425px){
        header.sponsor ~ .content.index #accountbalancetable .right.stacked.mar-ten-top.width-fifty-px{margin-top:-30px!important}
        header.sponsor ~ .content.index #accountbalancetable tr:nth-of-type(2) td:first-child{margin-bottom:30px}
    }
	*/
    @media screen and (max-width:320px){
        header.sponsor ~ .content.index #accountbalancetable tr:nth-of-type(2) td.noborder{min-width:270px;}
        header.sponsor ~ .content.index #accountbalancetable tr:nth-of-type(2) td:last-child .right{max-width:100%!important;margin-left:20px} /* OWS-18429 change from -20px to 20px */
        header.sponsor ~ .content.index #accountbalancetable tr:nth-of-type(2) td:last-child .right #chartLine1{float:none!important;max-width:100%!important;}
    }

/* OWS-18404 */	
    header.sponsor #responsiveMenuDiv .browsefunds-tabs{display:none}
    header.sponsor.emulation #responsiveMenuDiv .browsefunds-tabs{display:block}

/* OWS-18407 */
    @media screen and (min-width:960px){ /* center headings above portfolio options graphs */
        body#enrollment .enroll-summary .pie-label{text-align:center;margin-left:0;}
        body#enrollment .enroll-summary #portfolioCarousel .widget.pie-col[id*="divport"]{margin-left:0}
        body#enrollment .enroll-summary #divdefault{margin-left:0;width:180px}
    }
    @media screen and (max-width:600px){ /* TRY 600 was 959 wrapped in mq to allow 4 abreast graph at larger sizes */
        body#enrollment .enroll-summary .pie-label{text-align:center;margin-left:0;}
        body#enrollment .enroll-summary div#refID{min-width:100%!important}
        body#enrollment .enroll-summary .widget.pie-col #divdefault{float:none!important;margin:0 auto;}
        body#enrollment .enroll-summary #parentdivdefault{width:45%!important;min-width:45%}
        body#enrollment .enroll-summary #portfolioCarousel{width:45%!important;min-width:45%}
        body#enrollment .enroll-summary #portfolioCarousel .item.active > .widget.pie-col{float:none!important;margin:0 auto}
        body#enrollment .enroll-summary #portfolioCarousel .item.active{margin-left:-30px}
        body#enrollment .enroll-summary #parentdivdefault #divdefault{max-width:180px}
    }
    @media screen and (max-width:350px){
        body#enrollment #retirement-income + .upper.s-lg{font-size:25px!important}
    }
    @media screen and (max-width:959px){/* allow 4 abreast at 960 and above */
        body#enrollment .enroll-summary #parentdivdefault.widget.pie-col{margin:0 auto;float:none;min-width:260px;text-align:center} 
        body#enrollment .enroll-summary #portfolioCarousel{float:none!important;margin:0 auto;text-align:center}
    }
    @media screen and (max-width:320px){
        .carousel-control{margin-top:0!important}
    }
    @media screen and (max-width:500px){/*SHOULD THIS BE MAX-WIDTH? */
        //body#enrollment .enroll-summary #parentdivdefault{float:left;width:47%!important;min-width:45%!important}
        //body#enrollment .enroll-summary #portfolioCarousel{float:left;width:45%!important;min-width:0!important;max-width:48%}
    }
    @media screen and (max-width:668px){
        body#enrollment .enroll-summary #parentdivdefault{width:200px!important;min-width:200px;margin:0 auto;}
        body#enrollment .enroll-summary #portfolioCarousel{width:290px!important;min-width:290px;margin:0 auto;}
        body#enrollment .enroll-summary #parentdivdefault .amcharts-main-div{margin-left:20px}
        body#enrollment .enroll-summary #portfolioCarousel .amcharts-main-div{margin-left:20px}
    }

/* OWS-18409 */
    @media screen and (max-width:470px){
        header.sponsor ~ .content #accountbalancetable .top-cell.left .s-smed.full.semi.mar-ten.clearfix span.s-med.semi {display:block;min-width:200px}
    }
    
/* OWS-18400 */
    body#enrollment .enroll-summary #tblDetailsdef .widget.table.guidedelections table#tblGuidedElections.regulartbl{min-width:900px;}
/*	body#enrollment .quick-enroll #portfolioCarousel .pie-label,body#enrollment .quick-enroll .widget.pie-col.divConservative .pie-label{text-align:center}*/
    @media screen and (max-width:480px){
        body#enrollment .enroll-summary #selectedPortfolioLegends{float:none}
        body#enrollment .enroll-summary .widget.pie-col .widget.pie-col a#btndef{max-width:90%!important}
    }
    @media screen and (max-width:600px){/* TRY 600 was 959px */
        body#enrollment .enroll-summary #portfolioCarousel{clear:both}
    }
    @media screen and (max-width:320px){
        body#enrollment .enroll-summary #portfolioCarousel .carousel-control.left{left:-40px!important}
        body#enrollment .enroll-summary #portfolioCarousel .carousel-control.right{right:-40px!important}
    }
    
/* OWS-18413 */	
    header.sponsor.emulation #avatar{max-width:0px}
    header.sponsor.emulation #avatar #EPA{height:auto!important;display:block!important;white-space:normal;font-size:12px;text-align:left;margin-left:-5px;padding-right:10px!important;}
    @media screen and (max-width:960px){
        header.sponsor.emulation nav.main{margin-left:80px}
    }
    @media screen and (min-width:641px) and (max-width:768px){
        header.sponsor.emulation .pulldown-menus .selectedMenu{margin-top:-50px!important;margin-bottom:20px!important;max-width:200px!important;margin-left:auto!important}
        header.sponsor.emulation #mobile-toggle{top:20px!important}
        header.sponsor.emulation #mobile-main-menu{top:15px}
    }
    @media screen and (max-width:640px){
        header.sponsor.emulation .pulldown-menus .selectedMenu{margin-top:5px!important;margin-bottom:20px!important}
        header.sponsor.emulation #mobile-toggle{top:-45px!important}
        header.sponsor.emulation #mobile-main-menu{top:37px}
    }
    @media screen and (max-width:600px){ /* header.sponsor[style="height: 80px;"] */
        header.sponsor.emulation .pulldown-menus .selectedMenu{margin-top:10px!important;margin-bottom:20px!important}
        header.sponsor.emulation #mobile-toggle{top:-65px!important}
        header.sponsor.emulation #mobile-main-menu{top:10px}
    }
    
/* OWS-18405 */
    @media screen and (max-width:425px){
        .index .card-content #accountbalancetable .right#asofdate{float:none;} 
        .index .card-content #accountbalancetable .s-smed.full.semi.mar-ten.clearfix{max-width:100%!important}
    }
    @media screen and (max-width:800px){
        .index .card-content .top-half .right #pieHome1{max-width:300px!important}
        .index .card-content .pichart{max-width:300px!important}
    }
    @media screen and (max-width:960px){
        .index .card-content #accountbalancetable .right#asofdate{float:right;margin-top:10px!important;} 
        .index .card-content .top-half .right #pieHome1 ~ div.left{height:auto!important;}
        .index #slide1 .card-head .semi a[href="set_my_goals.aspx"]{margin-left:0!important}
        .index #slide1 .card-head .semi .gray-text{max-width:50%!important;display:inline-block!important;vertical-align:middle}
    }
    @media screen and (max-width:1023px){
        .index #slide1 .card-head .semi a[href="set_my_goals.aspx"]{margin-left:10px!important;padding-left:10px!important}
    }
    @media screen and (max-width:600px){
        .index #slide1 .card-head .semi a[href="set_my_goals.aspx"]{margin:0!important;white-space:nowrap;border:0;padding-left:0!important}
        .index #slide1 .card-head .semi .gray-text{max-width:100%!important;display:inline-block!important;vertical-align:middle;}
        .index #slide1 .card-head .semi a[href="set_my_goals.aspx"]{display:block}
    }
    @media screen and (max-width:960px){
        .index #slide1 .retirement-progress.right{display:block;}
        .index #slide1 #content .card-content .retirement-progress.right .left.mar-ten{display:block;max-width:40%!important;float:left!important;}
        .index #slide1 #content .card-content .retirement-progress.right .right.mar-thirty{display:block;max-width:50%!important;float:right!important;}
    }
    @media screen and (max-width:414px){
        .index #slide1 #content .card-content .retirement-progress.right .left.mar-ten{max-width:35%!important;}
        .index #slide1 #content .card-content .retirement-progress.right .right.mar-thirty{max-width:100%!important;margin:-30px -120px 0}
        /*.index #slide1 .card-head .semi .gray-text{color:transparent;}*/ /* affected OWS-18442 */
    }
    @media screen and (max-width:370px){
        .index #slide1 #content .card-content .retirement-progress.right .left.mar-ten{max-width:35%!important;}
        .index #slide1 #content .card-content .retirement-progress.right .right.mar-thirty{max-width:100%!important;margin:-10px -95px 0}
    }
	
    @media screen and (max-width:320px){
        .index #slide1 #content .card-content .retirement-progress.right .left.mar-ten{max-width:50%!important;}
        .index #slide1 #content .card-content .retirement-progress.right .right.mar-thirty{max-width:100%!important;}
        .index .card-content #accountbalancetable .right#asofdate{float:none;} 
	/* CONFLICTS WITH OWS-18909
		.index #slide2 #content .card-content #chartLine1{max-width:255px!important;left:-27px!important;position:relative;z-index:-1}
        .index #slide2 #content .card-content #divbalance{font-size:28px!important;white-space:nowrap!important}
        .index #slide2 #content .card-content #divbalance + div + div{position:absolute;right:30px!important}
	*/
    }

    @media screen and (max-width:425px){ /* ACTION 7 */
        .index  .card-nav .extension p{max-width:90%}
    }

/* OWS-18416 */	
    @media screen and (max-width:460px){
        .setmygoals.set-my-goals #btnContinue.btn.margintop10px.floatRight.zerobottommargin{display:block!important}
        .setmygoals.set-my-goals #btnContinue.btn.margintop10px.floatRight.zerobottommargin[style="display: none;"]{display:none!important}
    }
    @media screen and (min-width:600px) and (max-width:603px) {
        .set-my-goals #main-image {margin-left:0;}
        .set-my-goals .widget.image-slider #thumbnails {margin-left: 0 !Important;}
    }

/* OWS-18426 See all TRY 600 blocks for other changes that go with this */
    @media screen and (min-width:601px) and (max-width:959px){
        body#enrollment .quick-enroll #portfolioCarousel .pie-label,body#enrollment .quick-enroll .widget.pie-col.divConservative .pie-label{text-align:center;margin-left:20px}
        body#enrollment .enroll-summary #parentdivdefault{float:left!important;min-width:30%!important}
        body#enrollment .enroll-summary #portfolioCarousel{margin-right:-10px;max-width:70%}
        body#enrollment .enroll-summary #portfolioCarousel .item > .widget.pie-col{width:40%!important;max-width:40%!important;width:40%!imporant;min-width:40%!important;float:left!important}
        body#enrollment .enroll-summary #portfolioCarousel .item > .widget.pie-col > .widget.pie-col{margin:0 auto!important;float:none}
    }
    @media screen and (max-width:668px){
        body#enrollment .quick-enroll #portfolioCarousel .pie-label{margin-left:0;margin-right:80px}
    }
    @media screen and (min-width:320px){
        body#enrollment .enroll-summary #portfolioCarousel .carousel-control.left{top:160px!important}
        body#enrollment .enroll-summary #portfolioCarousel .carousel-control.right{top:160px!important}
    }
    @media screen and (min-width:321px) and (max-width:600px){
        body#enrollment .quick-enroll #portfolioCarousel .pie-label{margin-right:0px;}
    }
    @media screen and (max-width:320px){
        body#enrollment .enroll-summary #portfolioCarousel .carousel-control.right{right:-20px!important}
        body#enrollment .quick-enroll #portfolioCarousel .pie-label{margin-left:0;margin-right:20px}
    }

/* OWS-18424 */
    header.csr #account .floatRight{max-width:100%;margin:0 10px 0;}
    header.csr #account .floatRight table{display:table!important;max-width:420px!important;}
    header.csr #account .floatRight table td{padding-top:0}
    header.csr #account .floatRight .greeting{max-width:190px!important;float:left!important}
    header.csr #account .floatRight #avatar-wrap{position:relative;right:-10px;}
    
/* OWS-18429 */	
    header.sponsor ~ .content #content table#accountbalancetable table.no-pad td.no-pad{margin:0!important;}
    header.sponsor ~ .content #content table#accountbalancetable table.no-pad td.no-pad p{max-width:100%!important;}
    header.sponsor ~ .content #content table#accountbalancetable table.no-pad td.no-pad p span{max-width:100%!important;width:100%!important;min-width:100%!important;}
    header.sponsor ~ .content #content table#accountbalancetable table.no-pad{max-width:100%!important}

/* OWS-18442 */	
    @media screen and (max-width:690px){
        header.sponsor ~ .content #content .card-content table#accountbalancetable .mid-text.mar-right-five.semi.s-med{display:inline;position:relative;}
        header.sponsor ~ .content #content .card-content  table#accountbalancetable .tool-tip.pad-left-twenty{position:absolute;right:-25px;top:-5px;}
    }
    
/* OWS-18442 */	
    @media screen and (max-width:800px){
        #maincontainer.index section.cards .bottom-half{display:none;}
    }
    @media screen and (max-width:414px){
        #maincontainer.index section.cards .card-content #accountbalancetable .right#asofdate{float:none;} 
    }
    @media screen and (max-width:390px){
        .card-content .top-half .s-ssm.gray-text.mar-five-top.right{display:block;margin-left:0}
    }
    #maincontainer.index section.cards .card-content #accountbalancetable div[style="width:61%"]{width:100%!important;max-width:100%!important}

/* OWS-18426 */	
    @media screen and (min-width:601px) and (max-width:959px){
        body#enrollment .enroll-summary #portfolioCarousel .item .left-neg-twenty {left: -10px !important;}
    }
    @media screen and (width:768px){
        body#enrollment .quick-enroll .widget.pie-col.divConservative .pie-label{text-align:center;margin-left:35px!important;width:100%!important;}
    }
    
     @media screen and (max-width:768px){
       div[name="donutchartp"]{width:96%!important;}
       .withdrawals.electionS .donutchart{margin-top:25px!important;}
    } 

    @media screen and (min-width:342px) {
        #divRebalance{width:40%!important}
    }

@media screen and (max-width:768px) {
    label.switch.view-as span {margin-left:60px;}
}

@media screen and (max-width:360px) {
    #divMyMatch {padding-top:10px;}
    .noUi-value-large {font-size:11px !important;}
}
@media screen and (min-width:461px) and (max-width:768px) {
    .notify-item ul .no-mar {
        margin-bottom: 10px !important;
        width: 210px;
        margin-left: 10px;
    }

    #deleteselected {
        margin-bottom: 10px !important;
        width: 210px;
        margin-left: 10px;
    }
    
   
}

@media screen and (max-width:320px) {
    #tooltip {
        left: auto !important;
    }
}


/* OWS-18909 action #2 */
	@media screen and (max-width: 960px) { /* filtered to top-half and changed from 768 to 960 */
		#slide3 .card-content .top-half .left,#slide3 .card-content .top-half .right {
			text-align:center;
			max-width: 310px!important;
			margin: 0 auto
		}
	}


/* OWS-18909 Actions #4 and #5 */
	@media screen and (min-width:320px) and (max-width:1023px){
		.card table#accountbalancetable td.clearfix.righttd.all-pad-ten.vert-top.width-fifty div[style="width:70%"],.card table#accountbalancetable .width-full{width:100%!important} 
	}

/* OWS-18909 Action #5 */
	@media screen and (max-width: 320px) {
		.index #slide2 #accountbalancetable {
			max-width:260px!important
		}
		#accountbalancetable .balance-summary-right {
			max-width: 100px!important;
		}
		.index #slide2 #content .card-content #chartLine1 {
            left: -12px!important;
            position: relative;
		}
	}

/* OWS-18909 Action #6-7*/
	@media screen and (min-width:525px){
		#dlgMissingSalaryAndCntRates.ui-dialog-content.ui-widget-content table.data td:first-child p.no-mar{max-width:392px!important;} 
	}
	@media screen and (max-width:524px){ 
		.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.dlgDefaultSal.ui-draggable{ 
		max-width:100%!important; 
		width:100%!important; 
		left:auto!important; 
		margin:0 auto!important; 
		} 

		#dlgMissingSalaryAndCntRates.ui-dialog-content.ui-widget-content table.data td{ 
			display:block 
		} 

		#dlgMissingSalaryAndCntRates.ui-dialog-content.ui-widget-content table.data td:first-child p.no-mar{
			max-width:100%!important;
		} 

		#btnAddMissingSalLater{
			padding-left:15px
		}
	} 
	@media screen and (max-width:460px){
		#btnAddMissingSalLater{
			padding:40px 0 0 0!important;display:block!important;margin-top:20px!important;
		}
	}


/* OWS-18909 Action #8 Sponsor issue. */
	@media screen and (max-width:800px){ 
		#accountbalancetable .top-cell.left{float:none!important;margin:0 auto} 
		#accountbalancetable #divbalance{float:none;margin:0 auto!important;text-align:center} 
		#accountbalancetable .balance-summary-right{float:none;max-width:100px;margin:0 auto} 
		#accountbalancetable #chartLine1{float:none!important;margin:0 auto} 
		#accountbalancetable .balance-summary-right:after{content:'';display:table;clear:both} 
	} 
	@media screen and (min-width:801px) and (max-width:960px){ 
		#accountbalancetable .top-cell.left{max-width:56%} 
	} 

/* Can someone update this comment with the ticket and action #? */
	@media screen and (min-width:320px) and (max-width:350px){
		.dynamic-chart-width {
			width: 270px !important;
		}
	}

	@media screen and (min-width:351px) and (max-width:360px){
		.dynamic-chart-width {
			width: 300px !important;
		}
	}

/* OWS-18909 Action #9 */
	@media screen and (min-width:769px) and (max-width:1023px){ 
		header.sponsor.emulation .pulldown-menus{left:60px!important;} 
		.pulldown-menus{left:60px!important;} /* apply to all cases? */
		header.sponsor .pulldown-menus{left:0!important} /* OWS-18945 Action 2 */
	} 
	@media screen and (min-width:961px) and (max-width:1023px){ 
		header.sponsor.emulation .pulldown-menus{left:70px!important;} 
		.pulldown-menus{left:70px!important;} /* apply to all cases? */
		 header.sponsor .pulldown-menus{left:70px!important}/* OWS-18945 Action 2 */
	}

/* OWS-18909 Action #10 */
	#accountbalancetable .mid-text.mar-right-five.semi.s-med img[src="/images/question-icon.png"]{display:inline!important;float:none!important}
	
/* OWS-18909 Action #11. prevent pulldown menu overlap of card nav tabs */
	@media screen and (max-width: 640px) {
		header.sponsor.emulation .main .container .pulldown-menus {
			max-height: 50px
		}

		header.sponsor.emulation .main .container .pulldown-menus .selectedMenu {
			min-height: 0;
			max-height: 20px
		}

		header.sponsor.emulation #mobile-toggle {
		   top: 0!important; 
		}

	}

	@media screen and (max-width: 600px) {
		 header.sponsor.emulation #mobile-toggle {
		   top: -30px!important; 
		}
	}

/* OWS-18948 Action #1 */
	@media screen and (max-width:460px){
		.changeBeneficiaries #beneFormmodule .infoRow .module-content { 
			display: block; 
		}
		.changeBeneficiaries #beneFormmodule .infoRow .module-content:before{
			content:'';
			display:table;
			clear:both;
		}
	}
	/* update to fix alignment as per Ravindra screenshot */
	@media screen and (max-width:600px){
		#beneFormmodule .module-content.infoContainer .infoRow .module-content.floatLeft .imagediv{
			min-width:100px!important;
		}
	}

/* OWS-18945 Action #1 pulldown menu vs hamburger menu z-index */
	@media screen and (max-width:768px){
		header.sponsor #responsiveMenuDiv{
			z-index:99998!important;
		}
		header.sponsor .pulldown-menus{
			max-width:350px;
			margin:0 auto!important;
		}
	}
	
/* OWS-18950 Action #1 pulldown menu vs hamburger menu z-index */	
	@media screen and (max-width:768px){
		#responsiveMenuDiv{
			z-index:99998!important;
		}
		.pulldown-menus{
			max-width:220px; /* was 350px but overlapped logo on smaller screens */
			margin:0 auto!important;
		}
	}
	
/* OWS-18950 Action 3 */
	@media screen and (min-width:641px) and (max-width:1023px){
		#_pulldown_menu_Id1{max-width:250px!important;margin-left:-5px}
	}

	
/* OWS-18950 Action 1 updated fixes */
	@media screen and (max-width:768px){
		.pulldown-menus select[name="selectedplan"]{margin:10px auto 0 auto!important;}
		.pulldown-menus{min-height:80px!important}	
	}
	@media screen and (min-width:640px) and (max-width:768px){
	    header.sponsor .pulldown-menus{min-height:0!important}
	}

	@media screen and (min-width:461px) {
		#btnPlanSpecific, #btnPlanSpecificUrl, #dlgNeedHelp #btnContinue {
			margin-left:35%;
		}
	}

/* OWS-18945 fix for issue with arrow percentage widget on homecard */
	@media screen and (max-width:800px){
		header.sponsor~.content.index table#accountbalancetable .top-cell.left+.top-cell.right {
			//border: 1px solid red!important;
			margin: 0 auto!important;
			float: none!important;
			width:120px!important;
			height:60px!important;
		}
		header.sponsor~.content.index table#accountbalancetable .top-cell.left+.top-cell.right br{
			display:none
		}
	}

/* OWS 18909 fix issue with chartline graph centering */
	@media screen and (max-width:800px){
		.index #accountbalancetable td .left{float:none;text-align:center}
		.index #accountbalancetable tr:nth-of-type(2) td.noborder .right{float:none!important;text-align:center}/* rather than use index, need to add an ID to this element's parent */
		.index #accountbalancetable #chartLine1 .amcharts-chart-div{margin:0 auto}
		.index #slide2 #content #accountbalancetable #chartLine1{width:100%!important;margin:0 auto!important;padding:0;}
	}    
	@media screen and (max-width:320px){
		.index #accountbalancetable #chartLine1 .amcharts-chart-div{margin-left:-10px}
	}
@media screen and (min-width:300px) and (max-width:423px) {
    .divtransfer {
        width:97% !important;
    }
    .divtransfer #rdotransferdollar {
            margin-left: 89px !important;
    }
}
@media screen and (max-width:768px) {
    .sec-elections {
        padding-top: 20px !important;
    }
}
@media screen and (max-width:588px) {
    .altcarousel {
        margin-left: 20px !important;
    }
}
@media screen and (max-width:414px) {
    #modifyinv .altmodify {
        width: 80% !important;
    }
}
@media screen and (max-width:414px) {
    #divcontinueportfolio .btn-message {
        margin-top: 8px !important;
    }
}
@media screen and (max-width:414px) {
    #divcontinueone .btn-message {
        margin-top: 8px !important;
    }
}
@media screen and (max-width:767px) {
    #divScroll .enrollInvriskdiv {
        display: block;
        overflow-x: scroll;
    }
}
@media screen and (max-width:767px) {
    #divcontinueportfolio  {
        float:none !important;
    }
}
@media screen and (max-width:767px) {
    .pricegraph {
      width:294px !important;
    }
}
@media screen and (max-width:767px) {
    #cusidetails #tblPRR {
        border: none !important
    }
}
@media screen and (max-width:767px) {
    .investgraph {
       width:203px !important;
    }
}


.multInvestGraph1 {
    width: 250px;
    height: 281px;
    background-color: #FFFFFF;
    border-right: none;
}
.multInvestGraph2 {
    width: 565px;
    height: 281px;
    background-color: #FFFFFF;
    border-left: 1px solid #DCDCDC;
}
#dv_tbl_alt_ele_details, .dv-individual-ele-opt {
    overflow-y: auto;
}
@media screen and (max-width: 960px) {
    #tbl_alt_ele_details .respTabWidth, .dv-individual-ele-opt .respTabWidth {
        width: 850px!important;
    }
    #dv_tbl_alt_ele_details table.tblCum td:last-child, #dv_tbl_alt_ele_details table.tblAvg td:last-child, .dv-individual-ele-opt table.tblCum td:last-child, .dv-individual-ele-opt table.tblAvg td:last-child {
        border-bottom: 0px !important;
    }
}
@media screen and (min-width: 767px) {
    .distzone {
        width: 400px;
    }
}
@charset "UTF-8";

@font-face {
  font-family: 'fontello';
  src: url("/font/fontello.eot?69425422");
  src: url("/font/fontello.eot?69425422#iefix") format('embedded-opentype'), url("/font/fontello.woff?69425422") format('woff'), url("/font/fontello.ttf?69425422") format('truetype'), url("/font/fontello.svg?69425422#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  margin:0 8px 0 0;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 24px;
}

.sz-xs:before{font-size: 14px;line-height: 14px;vertical-align: 0px;margin:0 5px 0 0}
.sz-s:before{font-size: 18px;line-height: 18px;vertical-align: -2px;margin:0 6px 0 0}
.sz-m:before{font-size: 22px;line-height: 22px;vertical-align: -4px;margin:0 6px 0 0;}
.sz-l:before{font-size: 32px;line-height: 32px;vertical-align: -7px;margin:0 9px 0 0;}
.sz-xl:before{font-size: 42px;line-height: 42px;vertical-align: -10px;margin:0 10px 0 0;}
.sz-xxl:before{font-size: 52px;line-height: 52px;vertical-align: -14px;margin:0 11px 0 0;}

.ibtn.sz-m:before{margin-left:-6px;margin-right:9px;vertical-align:-1px}
.ibtn.sz-s:before{ margin-left: -5px;margin-right: 8px;vertical-align: -2px;}
.ibtn.sz-xs:before{margin: 0 7px 0 -4px;}

.menuicon:before {line-height:1.65;float:left;margin:0 5px;color:#666}

ul.the-icons {list-style:none;}
ul.the-icons li {position:relative;}
ul.the-icons .i-name , ul.the-icons .i-code {color: #666666;vertical-align: 5px;}
ul.the-icons .i-code {display:none;}

.icon-plus-1:before { content: '\e811'; } /* '' */
.icon-minus-1:before { content: '\e813'; } /* '' */
.icon-info:before { content: '\2139'; } /* 'ℹ' */
.icon-left-1:before { content: '\e853'; } /* '' */
.icon-up-1:before { content: '\e855'; } /* '' */
.icon-right-1:before { content: '\e854'; } /* '' */
.icon-down-1:before { content: '\e852'; } /* '' */
.icon-infinity:before { content: '\221e'; } /* '∞' */
.icon-plus-squared:before { content: '\229e'; } /* '⊞' */
.icon-minus-squared:before { content: '\229f'; } /* '⊟' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-home-1:before { content: '\e817'; } /* '' */
.icon-home-2:before { content: '\e88e'; } /* '' */
.icon-keyboard:before { content: '\2328'; } /* '⌨' */
.icon-erase:before { content: '\232b'; } /* '⌫' */
.icon-clock-5:before { content: '\23f2'; } /* '⏲' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-up-dir-1:before { content: '\e84b'; } /* '' */
.icon-play-1:before { content: '\e85a'; } /* '' */
.icon-right-dir-1:before { content: '\e84d'; } /* '' */
.icon-down-dir-1:before { content: '\e84a'; } /* '' */
.icon-left-dir-1:before { content: '\e84c'; } /* '' */
.icon-adjust:before { content: '\25d1'; } /* '◑' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-cloud-1:before { content: '\e867'; } /* '' */
.icon-umbrella:before { content: '\2602'; } /* '☂' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-1:before { content: '\e805'; } /* '' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-star-empty-1:before { content: '\e806'; } /* '' */
.icon-check-1:before { content: '\2611'; } /* '☑' */
.icon-cup:before { content: '\2615'; } /* '☕' */
.icon-left-hand:before { content: '\261c'; } /* '☜' */
.icon-up-hand:before { content: '\261d'; } /* '☝' */
.icon-right-hand:before { content: '\261e'; } /* '☞' */
.icon-down-hand:before { content: '\261f'; } /* '☟' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-th-list:before { content: '\e80d'; } /* '' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-empty:before { content: '\2661'; } /* '♡' */
.icon-heart-empty-1:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\2665'; } /* '♥' */
.icon-heart-1:before { content: '\e803'; } /* '' */
.icon-heart-3:before { content: '\e8da'; } /* '' */
.icon-note:before { content: '\266a'; } /* '♪' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-music-1:before { content: '\e800'; } /* '' */
.icon-layout:before { content: '\268f'; } /* '⚏' */
.icon-th:before { content: '\e80c'; } /* '' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-flag-1:before { content: '\e81f'; } /* '' */
.icon-flag-2:before { content: '\e8ef'; } /* '' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-cog-1:before { content: '\e836'; } /* '' */
.icon-attention:before { content: '\26a0'; } /* '⚠' */
.icon-attention-1:before { content: '\e82c'; } /* '' */
.icon-flash:before { content: '\26a1'; } /* '⚡' */
.icon-flash-1:before { content: '\e868'; } /* '' */
.icon-cloud-thunder:before { content: '\26c8'; } /* '⛈' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-scissors:before { content: '\2702'; } /* '✂' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-flight-1:before { content: '\e869'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-mail-1:before { content: '\e802'; } /* '' */
.icon-mail-2:before { content: '\e87c'; } /* '' */
.icon-mail-3:before { content: '\e8d9'; } /* '' */
.icon-edit:before { content: '\270d'; } /* '✍' */
.icon-edit-2:before { content: '\e935'; } /* '' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-pencil-1:before { content: '\e826'; } /* '' */
.icon-pencil-alt:before { content: '\2710'; } /* '✐' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-ok-1:before { content: '\e884'; } /* '' */
.icon-ok-circle-1:before { content: '\e885'; } /* '' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-1:before { content: '\e80f'; } /* '' */
.icon-cancel-circle:before { content: '\e810'; } /* '' */
.icon-asterisk:before { content: '\2731'; } /* '✱' */
.icon-cancel-squared:before { content: '\274e'; } /* '❎' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-attention-circle:before { content: '\2757'; } /* '❗' */
.icon-quote-left-1:before { content: '\275d'; } /* '❝' */
.icon-quote-right-1:before { content: '\e89a'; } /* '' */
.icon-plus-circle:before { content: '\e812'; } /* '' */
.icon-minus-circled:before { content: '\2796'; } /* '➖' */
.icon-minus-circle:before { content: '\e814'; } /* '' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-forward-1:before { content: '\e824'; } /* '' */
.icon-ccw-1:before { content: '\e857'; } /* '' */
.icon-cw-1:before { content: '\e856'; } /* '' */
.icon-list-add:before { content: '\e003'; } /* '' */
.icon-list:before { content: '\e005'; } /* '' */
.icon-user-add:before { content: '\e700'; } /* '' */
.icon-star-half:before { content: '\e701'; } /* '' */
.icon-ok-circle2:before { content: '\e702'; } /* '' */
.icon-cancel-circle2:before { content: '\e703'; } /* '' */
.icon-help-circled:before { content: '\e704'; } /* '' */
.icon-info-circled:before { content: '\e705'; } /* '' */
.icon-th-large:before { content: '\e708'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-eye-1:before { content: '\e81c'; } /* '' */
.icon-eye-3:before { content: '\e8ec'; } /* '' */
.icon-eye-off:before { content: '\e70b'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-tag-1:before { content: '\e81d'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-camera-alt:before { content: '\e70f'; } /* '' */
.icon-download-cloud-1:before { content: '\e710'; } /* '' */
.icon-upload-cloud:before { content: '\e711'; } /* '' */
.icon-upload-cloud-2:before { content: '\e899'; } /* '' */
.icon-reply:before { content: '\e712'; } /* '' */
.icon-reply-all:before { content: '\e713'; } /* '' */
.icon-code:before { content: '\e714'; } /* '' */
.icon-export:before { content: '\e715'; } /* '' */
.icon-export-1:before { content: '\e825'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-print-1:before { content: '\e827'; } /* '' */
.icon-retweet:before { content: '\e717'; } /* '' */
.icon-retweet-1:before { content: '\e828'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-comment-1:before { content: '\e829'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-chat-1:before { content: '\e82a'; } /* '' */
.icon-vcard:before { content: '\e722'; } /* '' */
.icon-address:before { content: '\e723'; } /* '' */
.icon-location-1:before { content: '\e82d'; } /* '' */
.icon-map:before { content: '\e727'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-trash-1:before { content: '\e82e'; } /* '' */
.icon-doc-text-inv:before { content: '\e731'; } /* '' */
.icon-docs:before { content: '\e736'; } /* '' */
.icon-archive:before { content: '\e738'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket-1:before { content: '\e837'; } /* '' */
.icon-shareable:before { content: '\e73e'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-login-1:before { content: '\e83b'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-logout-1:before { content: '\e83c'; } /* '' */
.icon-volume:before { content: '\e742'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-full-1:before { content: '\e845'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-resize-small-1:before { content: '\e846'; } /* '' */
.icon-popup:before { content: '\e74c'; } /* '' */
.icon-publish:before { content: '\e74d'; } /* '' */
.icon-window:before { content: '\e74e'; } /* '' */
.icon-zoom-in:before { content: '\e750'; } /* '' */
.icon-chart-pie:before { content: '\e751'; } /* '' */
.icon-zoom-out:before { content: '\e847'; } /* '' */
.icon-language:before { content: '\e752'; } /* '' */
.icon-air:before { content: '\e753'; } /* '' */
.icon-database:before { content: '\e754'; } /* '' */
.icon-drive:before { content: '\e755'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circled:before { content: '\e758'; } /* '' */
.icon-left-circled:before { content: '\e759'; } /* '' */
.icon-right-circled:before { content: '\e75a'; } /* '' */
.icon-up-circled:before { content: '\e75b'; } /* '' */
.icon-down-open-1:before { content: '\e84e'; } /* '' */
.icon-left-open-1:before { content: '\e84f'; } /* '&#xe84f' */
.icon-right-open-1:before { content: '\e850'; } /* '&#xe850' */
.icon-up-open-1:before { content: '\e851'; } /* '' */
.icon-arrows-cw:before { content: '\e858'; } /* '' */
.icon-play-circle2:before { content: '\e85b'; } /* '' */
.icon-progress-1:before { content: '\e769'; } /* '' */
.icon-progress-2:before { content: '\e76a'; } /* '' */
.icon-progress-3:before { content: '\e76b'; } /* '' */
.icon-back-in-time:before { content: '\e771'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-inbox-1:before { content: '\e865'; } /* '' */
.icon-install:before { content: '\e778'; } /* '' */
.icon-lifebuoy:before { content: '\e788'; } /* '' */
.icon-mouse:before { content: '\e789'; } /* '' */
.icon-dot:before { content: '\e78b'; } /* '' */
.icon-dot-2:before { content: '\e78c'; } /* '' */
.icon-dot-3:before { content: '\e78d'; } /* '' */
.icon-suitcase:before { content: '\e78e'; } /* '' */
.icon-off:before { content: '\e86c'; } /* '' */
.icon-road:before { content: '\e78f'; } /* '' */
.icon-flow-cascade:before { content: '\e790'; } /* '' */
.icon-list-alt:before { content: '\e86d'; } /* '' */
.icon-flow-branch:before { content: '\e791'; } /* '' */
.icon-qrcode:before { content: '\e86e'; } /* '' */
.icon-flow-tree:before { content: '\e792'; } /* '' */
.icon-barcode:before { content: '\e86f'; } /* '' */
.icon-flow-line:before { content: '\e793'; } /* '' */
.icon-ajust:before { content: '\e871'; } /* '' */
.icon-flow-parallel:before { content: '\e794'; } /* '' */
.icon-tint:before { content: '\e872'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet:before { content: '\e7a1'; } /* '' */
.icon-magnet-1:before { content: '\e873'; } /* '' */
.icon-gauge:before { content: '\e7a2'; } /* '' */
.icon-chart-pie-2:before { content: '\e926'; } /* '' */
.icon-traffic-cone:before { content: '\e7a3'; } /* '' */
.icon-cc:before { content: '\e7a5'; } /* '' */
.icon-cc-by:before { content: '\e7a6'; } /* '' */
.icon-cc-nc:before { content: '\e7a7'; } /* '' */
.icon-cc-nc-eu:before { content: '\e7a8'; } /* '' */
.icon-cc-nc-jp:before { content: '\e7a9'; } /* '' */
.icon-cc-sa:before { content: '\e7aa'; } /* '' */
.icon-cc-nd:before { content: '\e7ab'; } /* '' */
.icon-cc-pd:before { content: '\e7ac'; } /* '' */
.icon-cc-zero:before { content: '\e7ad'; } /* '' */
.icon-cc-share:before { content: '\e7ae'; } /* '' */
.icon-cc-remix:before { content: '\e7af'; } /* '' */
.icon-paper-plane-alt2:before { content: '\f01e'; } /* '' */
.icon-chat-5:before { content: '\f03d'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-user-male:before { content: '\f062'; } /* '' */
.icon-user-female:before { content: '\f063'; } /* '' */
.icon-trophy-1:before { content: '\f074'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-rss-1:before { content: '\f09e'; } /* '' */
.icon-hdd:before { content: '\f0a0'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-left-circled-1:before { content: '\f0a8'; } /* '' */
.icon-right-circled-1:before { content: '\f0a9'; } /* '' */
.icon-up-circled-1:before { content: '\f0aa'; } /* '' */
.icon-down-circled-1:before { content: '\f0ab'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-docs-1:before { content: '\f0c5'; } /* '' */
.icon-menu-1:before { content: '\f0c9'; } /* '' */
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-money:before { content: '\f0d6'; } /* '' */
.icon-sort:before { content: '\f0dc'; } /* '' */
.icon-sort-down:before { content: '\f0dd'; } /* '' */
.icon-sort-up:before { content: '\f0de'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-gauge-1:before { content: '\f0e4'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-paste:before { content: '\f0ea'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-exchange:before { content: '\f0ec'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud-1:before { content: '\f0ee'; } /* '' */
.icon-user-md:before { content: '\f0f0'; } /* '' */
.icon-stethoscope:before { content: '\f0f1'; } /* '' */
.icon-suitcase-1:before { content: '\f0f2'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-doc-alt:before { content: '\f0f6'; } /* '' */
.icon-building:before { content: '\f0f7'; } /* '' */
.icon-hospital:before { content: '\f0f8'; } /* '' */
.icon-ambulance:before { content: '\f0f9'; } /* '' */
.icon-medkit:before { content: '\f0fa'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-beer:before { content: '\f0fc'; } /* '' */
.icon-h-sigh:before { content: '\f0fd'; } /* '' */
.icon-plus-squared-1:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-tablet:before { content: '\f10a'; } /* '' */
.icon-mobile-1:before { content: '\f10b'; } /* '' */
.icon-circle-empty:before { content: '\f10c'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-circle:before { content: '\f111'; } /* '' */
.icon-reply-1:before { content: '\f112'; } /* '' */
.icon-folder-empty:before { content: '\f114'; } /* '' */
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
.icon-github:before { content: '\f300'; } /* '' */
.icon-github-circled:before { content: '\f301'; } /* '' */
.icon-flickr:before { content: '\f303'; } /* '' */
.icon-flickr-circled:before { content: '\f304'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-vimeo-circled:before { content: '\f307'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-twitter-circled:before { content: '\f30a'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
.icon-facebook-squared:before { content: '\f80e'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-gplus-circled:before { content: '\f310'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-pinterest-circled:before { content: '\f313'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-tumblr-circled:before { content: '\f316'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-linkedin-circled:before { content: '\f319'; } /* '' */
.icon-dribbble:before { content: '\f31b'; } /* '' */
.icon-dribbble-circled:before { content: '\f31c'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-stumbleupon-circled:before { content: '\f31f'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-lastfm-circled:before { content: '\f322'; } /* '' */
.icon-rdio:before { content: '\f324'; } /* '' */
.icon-rdio-circled:before { content: '\f325'; } /* '' */
.icon-spotify:before { content: '\f327'; } /* '' */
.icon-spotify-circled:before { content: '\f328'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
.icon-dropbox:before { content: '\f330'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-flattr:before { content: '\f336'; } /* '' */
.icon-skype:before { content: '\f339'; } /* '' */
.icon-skype-circled:before { content: '\f33a'; } /* '' */
.icon-renren:before { content: '\f33c'; } /* '' */
.icon-sina-weibo:before { content: '\f33f'; } /* '' */
.icon-paypal:before { content: '\f842'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-soundcloud:before { content: '\f348'; } /* '' */
.icon-mixi:before { content: '\f34b'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-vkontakte:before { content: '\f354'; } /* '' */
.icon-smashing:before { content: '\f357'; } /* '' */
.icon-db-shape:before { content: '\f600'; } /* '' */
.icon-sweden:before { content: '\f601'; } /* '' */
.icon-logo-db:before { content: '\f603'; } /* '' */
.icon-globe-2:before { content: '\d30d'; } /* '팍' */
.icon-picture:before { content: '\f904'; } /* '滑' */
.icon-picture-1:before { content: '\e80a'; } /* '' */
.icon-globe:before { content: '\f32e'; } /* '' */
.icon-globe-1:before { content: '\e866'; } /* '' */
.icon-globe-alt:before { content: '\f311'; } /* '' */
.icon-leaf:before { content: '\f343'; } /* '' */
.icon-leaf-1:before { content: '\e86a'; } /* '' */
.icon-glass:before { content: '\f379'; } /* '' */
.icon-gift:before { content: '\f581'; } /* '' */
.icon-graduation-cap:before { content: '\f893'; } /* '' */
.icon-mic:before { content: '\f7a4'; } /* '' */
.icon-mic-2:before { content: '\e903'; } /* '' */
.icon-videocam:before { content: '\f8a5'; } /* '' */
.icon-headphones:before { content: '\f3af'; } /* '' */
.icon-palette:before { content: '\f8a8'; } /* '' */
.icon-ticket:before { content: '\f8ab'; } /* '' */
.icon-video:before { content: '\f8ac'; } /* '' */
.icon-video-1:before { content: '\e809'; } /* '' */
.icon-video-2:before { content: '\e881'; } /* '' */
.icon-target:before { content: '\f3ff'; } /* '' */
.icon-target-1:before { content: '\e863'; } /* '' */
.icon-music:before { content: '\f8b5'; } /* '' */
.icon-trophy:before { content: '\f3cc'; } /* '' */
.icon-award:before { content: '\f8c9'; } /* '' */
.icon-thumbs-up:before { content: '\f74d'; } /* '' */
.icon-thumbs-up-1:before { content: '\e820'; } /* '' */
.icon-thumbs-down:before { content: '\f74e'; } /* '' */
.icon-thumbs-down-1:before { content: '\e821'; } /* '' */
.icon-bag:before { content: '\f75c'; } /* '' */
.icon-user:before { content: '\f864'; } /* '' */
.icon-user-1:before { content: '\e807'; } /* '' */
.icon-users:before { content: '\f865'; } /* '' */
.icon-users-1:before { content: '\e808'; } /* '' */
.icon-users-2:before { content: '\e8dd'; } /* '' */
.icon-lamp:before { content: '\f8a1'; } /* '' */
.icon-alert:before { content: '\f7a5'; } /* '' */
.icon-water:before { content: '\f8a6'; } /* '' */
.icon-droplet:before { content: '\f8a7'; } /* '' */
.icon-credit-card:before { content: '\f8b3'; } /* '' */
.icon-credit-card-1:before { content: '\e875'; } /* '' */
.icon-monitor:before { content: '\f4fc'; } /* '' */
.icon-briefcase:before { content: '\f8bc'; } /* '' */
.icon-briefcase-1:before { content: '\e86b'; } /* '' */
.icon-floppy:before { content: '\f8be'; } /* '' */
.icon-floppy-1:before { content: '\e876'; } /* '' */
.icon-cd:before { content: '\f5bf'; } /* '' */
.icon-folder:before { content: '\f7c1'; } /* '' */
.icon-folder-1:before { content: '\e833'; } /* '' */
.icon-folder-open:before { content: '\f4c9'; } /* '' */
.icon-doc-text:before { content: '\f7c4'; } /* '' */
.icon-doc-1:before { content: '\e82f'; } /* '' */
.icon-calendar:before { content: '\f7c5'; } /* '' */
.icon-calendar-1:before { content: '\e83a'; } /* '' */
.icon-chart-line:before { content: '\f8c8'; } /* '' */
.icon-chart:before { content: '\e924'; } /* '' */
.icon-chart-bar:before { content: '\f8ca'; } /* '' */
.icon-chart-bar-1:before { content: '\e874'; } /* '' */
.icon-chart-bar-3:before { content: '\e925'; } /* '' */
.icon-clipboard:before { content: '\f8cb'; } /* '' */
.icon-pin:before { content: '\f4cc'; } /* '' */
.icon-attach:before { content: '\f7ce'; } /* '' */
.icon-attach-1:before { content: '\e819'; } /* '' */
.icon-attach-2:before { content: '\e890'; } /* '' */
.icon-bookmarks:before { content: '\f7d1'; } /* '' */
.icon-book:before { content: '\f7d5'; } /* '' */
.icon-book-1:before { content: '\e870'; } /* '' */
.icon-book-open:before { content: '\f7d6'; } /* '' */
.icon-phone:before { content: '\f7de'; } /* '' */
.icon-phone-1:before { content: '\e835'; } /* '' */
.icon-megaphone:before { content: '\f8e3'; } /* '' */
.icon-megaphone-1:before { content: '\e877'; } /* '' */
.icon-upload:before { content: '\f7e4'; } /* '' */
.icon-upload-1:before { content: '\e823'; } /* '' */
.icon-download:before { content: '\f7e5'; } /* '' */
.icon-download-1:before { content: '\e822'; } /* '' */
.icon-box:before { content: '\f7e6'; } /* '' */
.icon-newspaper:before { content: '\f7f0'; } /* '' */
.icon-mobile:before { content: '\f5f1'; } /* '' */
.icon-mobile-3:before { content: '\e920'; } /* '' */
.icon-signal:before { content: '\f4ff'; } /* '' */
.icon-signal-1:before { content: '\e864'; } /* '' */
.icon-camera:before { content: '\f9f7'; } /* '立' */
.icon-camera-1:before { content: '\e80b'; } /* '' */
.icon-camera-2:before { content: '\e883'; } /* '' */
.icon-shuffle-1:before { content: '\e859'; } /* '' */
.icon-light-down:before { content: '\f805'; } /* '' */
.icon-light-up:before { content: '\f806'; } /* '' */
.icon-mute:before { content: '\f707'; } /* '' */
.icon-volume-off:before { content: '\e83d'; } /* '' */
.icon-volume-down:before { content: '\f510'; } /* '' */
.icon-sound:before { content: '\f70a'; } /* '' */
.icon-volume-up:before { content: '\e83e'; } /* '' */
.icon-battery:before { content: '\f5fb'; } /* '' */
.icon-search:before { content: '\f80d'; } /* '' */
.icon-search-1:before { content: '\e801'; } /* '' */
.icon-key:before { content: '\f811'; } /* '' */
.icon-key-1:before { content: '\e878'; } /* '' */
.icon-lock:before { content: '\f712'; } /* '' */
.icon-lock-1:before { content: '\e81a'; } /* '' */
.icon-lock-open:before { content: '\f713'; } /* '' */
.icon-lock-open-1:before { content: '\e81b'; } /* '' */
.icon-bell:before { content: '\f714'; } /* '' */
.icon-bell-1:before { content: '\e82b'; } /* '' */
.icon-bookmark:before { content: '\f716'; } /* '' */
.icon-bookmark-1:before { content: '\e81e'; } /* '' */
.icon-link:before { content: '\f917'; } /* '珞' */
.icon-link-1:before { content: '\e818'; } /* '' */
.icon-fire:before { content: '\f825'; } /* '' */
.icon-flashlight:before { content: '\f826'; } /* '' */
.icon-wrench:before { content: '\f827'; } /* '' */
.icon-hammer:before { content: '\f828'; } /* '' */
.icon-chart-area:before { content: '\f83e'; } /* '' */
.icon-clock:before { content: '\f854'; } /* '' */
.icon-clock-1:before { content: '\e83f'; } /* '' */
.icon-rocket:before { content: '\f980'; } /* '呂' */
.icon-truck:before { content: '\f89a'; } /* '' */
.icon-block-1:before { content: '\e844'; } /* '' */
/* FlexSlider Styles *************************************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider { padding: 0;position: relative;z-index: 9;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

ul.slides li {margin-bottom:0;position:relative;}

.flex-viewport ,ul.slides{
	background:#000;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	
	}

ol.flex-control-nav{text-align: center;margin:0 0 3px;}

ol.flex-control-nav li{display:inline-block;}

ol.flex-control-nav li a{
	display:block;
	width:10px;
	height:10px;
	cursor:pointer;
	margin:0 3px;
	background:transparent;
	border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	
	font:0/0 a;
	text-shadow:none;
	color:transparent;
	
	}

ol.flex-control-nav li a:hover,
ol.flex-control-nav li a.flex-active{
	background:#29417F;
	}
	
.flexslider ul.flex-direction-nav {display:none}
.flexslider:hover ul.flex-direction-nav {display:block} 

ul.flex-direction-nav li {
	margin:0;
	padding:0;
	}

ul.flex-direction-nav li a {
	width:25px;
	height:25px;
	position:absolute;
	display:block;
	top:39%;
	right:20px;	
	font-family:fontello;	
	background:#29417F;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	opacity:.5;
	}
	
ul.flex-direction-nav li a.flex-next:before{content: "\e850";}
ul.flex-direction-nav li a.flex-next:hover {opacity:1}
ul.flex-direction-nav li a.flex-prev:before {content: "\e84f";}
ul.flex-direction-nav li a.flex-prev {left:20px;right:auto;}
ul.flex-direction-nav li a.flex-prev:hover {opacity:1}


.flex_caption {
	background:rgba(0, 0, 0, 0.6);

	opacity:0;
    color: #CCC;
    padding:20px 25px;
    position: absolute;
    width: 100%;
	text-shadow:1px 1px 1px rgba(0,0,0,.6);
	
	-webkit-transition:al 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	transition: all 1s ease-out;
	}
.full_caption{
	height:0;
	bottom:0;
	}
.top_caption{
	top:0;
	bottom:auto;
	}
.bottom_caption{
	bottom:0;
	}
.center_caption{
	margin:7.5%;
	text-align:center;
	bottom:0;
	width:86%;
	}
ul.slides li:hover .full_caption {
    height:100%;
	opacity:1;
	}
ul.slides li:hover .bottom_caption,
ul.slides li:hover .top_caption,
ul.slides li:hover .center_caption {
	opacity:1;
	}
	
.flex_caption h4{
	color:#FFF !important;
	font-size:18px;
	line-height:18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom:9px;
	}

.caption_text {
	float:left;
	}

.flex_caption a,.flex_caption a:visited, .nivo-caption a, .nivo-caption a:visited {
	color:#DDD;
	} 
.flex_caption a:hover,.nivo-caption a:hover {
	color:#FFF;
	} 

/* Slider Shadow ****************************************************/
.slider_shadow{z-index:1}
.slider_shadow img { width: 100%; }
.slider_shadow.shadow1 {margin: -78px 0 0;}
.slider_shadow.shadow2 {margin: -56px 0 0;}
.slider_shadow.shadow3 {margin: -63px 0 0;}
.slider_shadow.shadow4 {margin: -66px 0 0;}
.slider_shadow.shadow5,
.slider_shadow.shadow6 {margin: -304px 0 33px -20px;}
.slider_shadow.shadow5 img,
.slider_shadow.shadow6 img {max-width:none}




/*Roundabout Slider *************************************************/

.roundabout {
	width:905px;
	}

.roundabout ul {
	margin: 135px 0 115px 40px;
	}
	
@media only screen and (min-width: 100px) {
	.slider_shadow {display: none;}
}
@media only screen and (min-width: 480px) {
	.flexslider {margin-top: 20px;}
}
@media only screen and (min-width: 960px) {
	.slider_shadow {display: block;}
}

	

pre{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
    border: 1px solid #DDD;
    font-family: Consolas,monospace;
    height: auto;
    overflow-x: auto;
    padding: 15px;
	border-radius:5px;
	}
	
pre ul {
	display: inline-block;
    line-height: 1;
    margin: 0 0 0 40px !important;
    padding: 0;
	}
pre ul li{
	line-height: 1;
    margin: 0 !important;
	}

pre br {
	float:left;
	}



/*	HR Separator ******************************************/
.hr{
	margin:30px 0;
	height:1px;
	}

.hr10 {margin:10px 0;}
.hr15 {margin:15px 0;}
.hr20 {margin:20px 0;}
.hr25 {margin:25px 0;}
.hr30 {margin:30px 0;}
.hr35 {margin:35px 0;}
.hr40 {margin:40px 0;}
.hr45 {margin:45px 0;}
.hr50 {margin:50px 0;}
.hr55 {margin:55px 0;}
.hr60 {margin:60px 0;}


.gap{
	margin:0;
	clear:both;
}

.gap5 {height:5px}
.gap10 {height:10px}
.gap15 {height:15px}
.gap20 {height:20px}
.gap25 {height:25px}
.gap30 {height:30px}
.gap35 {height:35px}
.gap40 {height:40px}
.gap45 {height:45px}
.gap50 {height:50px}
.gap55 {height:55px}
.gap60 {height:60px}
.gap65 {height:65px}
.gap70 {height:70px}
.gap75 {height:75px}
.gap80 {height:80px}
.gap85 {height:85px}
.gap90 {height:90px}
.gap95 {height:95px}


/* FAQ Toggle **********************************************/
.toggle{
	float:left;
	width:100%;
	margin-bottom:20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
			
}
.toggle .toggle-title{
	background:url(../images/bg_off.png) repeat scroll 0 0 transparent;
	border: 1px solid #ccc;
	display: block;
	position: relative;
	padding:10px 0px 10px 15px;
	font-weight:bold;
	cursor: pointer;
	overflow: hidden;
	color:#666;
	font-size:14px;
	border-radius:5px;
	
	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
       -moz-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
			box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
}
.toggle .toggle-title:hover{background:url(../images/bg_off2.png) repeat scroll 0 0 transparent;}
.toggle .toggle-title span{
	float: right;
	display:block;
	margin:-10px 0px -10px 0px;
	width:41px;
	height:41px;
	background: url(../images/toggle.png) no-repeat center 0 ;
	color:#999999;
}

.toggle .toggle-title.active{
	color:#333;
}
.toggle .toggle-title.active span{
	background-position:center -40px ;
}
.toggle .toggle-title.active i{
	opacity: 0.95;
	line-height: 1;
}	
.toggle .toggle-inner{
	margin:-3px 0 0 0;
	border:1px solid #ccc;
	border-top:1px solid transparent;
	padding:23px 20px 20px;
	display:none;
	border-radius:0 0 5px 5px;
	-webkit-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
       -moz-box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
			box-shadow: 0 0 4px 1px rgba(180, 180, 180, 0.2) inset;
}
.toggle .toggle-inner div{
	max-width: 100%;
}


/*	Alert Messages ****************************************************/
.message{
	position: relative;
	border: 1px solid #ddd;
	display: block;
	background:url(../images/t10.png) repeat scroll 0 0 #FFFFFF;
	font-weight:bold;
	padding:10px 40px 25px 17px;
	text-align:left;
	vertical-align:middle;
	margin-bottom:20px;
	border-radius:5px;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
}

.message.warning{
	background-color: #fbf6e3;
	border-color:#efd877;
	color:#615511;
}
.message.warning a{
	color:#c0a50c;
}

.message.success{
	background-color: #e9f2d2;
	border-color:#95ad40;
	color:#7ca224;
}
.message.success a{
	color:#7ca224;
}

.message.error{
	background-color: #ffe9e9;
	border-color:#e99f9f;
	color:#990000 !important;  /* #d25c5a;*/
}
.message.error a{
	color:#d25c5a;
}

.message.info{
	background-color: #dbe9f3;
	border-color:#9fc2dd;
	vertical-align:middle;
	color:#29516F;
}
alert-message.info a{
	color:#468bbf;
}
.message.note,.message.note a{
	color:#666;
}

.message p{
	margin:0;
	padding:0;
}

.message span.close{
	display:block;
	width:40px;
	height:40px;
	background:url(../images/message-close.png) no-repeat center 5px transparent;
	position: absolute;
	top:0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
}
.message span.close:hover{
	opacity: 1;
}

.message span.close.c-info{background-position:center 5px;}
.message span.close.c-error{background-position:center -25px;}
.message span.close.c-success{background-position:center -55px;}
.message span.close.c-warning{background-position:center -85px;}
.message span.close.c-note{background-position:center -115px;}

.message span.bullets {
	float:left;
	width:12px;
	height:12px;
	display:inline-block;
	background:url(../images/message-bullets.png) no-repeat;
	margin:5px 10px 0 0;
	}

.message span.bullets.b-error {background-position:0 0;}
.message span.bullets.b-info {background-position:0 -12px;}
.message span.bullets.b-success {background-position:0 -24px;}
.message span.bullets.b-warning {background-position:0 -36px;}
.message span.bullets.b-note {background-position:0 -48px;}


/* add custom images for message boxes */
.message span.warning {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/warning_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.warning.w-warning {background-position:center 48px 48px;}


.message span.info {
	float:left;
	width:48px;
	height:48px;
	display:inline-block;
	background:url(../images/info_48.png) no-repeat center;
	vertical-align:middle;
	margin:-4px 10px;
	}

.message span.info.i-info {background-position:center 48px 48px;}


/* adbox  ***********************************************/	

.adbox{
	border: 1px solid #CCCCCC;
    border-radius:5px;
    margin:0;
    
	}
	
.adbox.center{


	}
	
.adbox .inside{
	padding: 20px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.15);
			box-shadow: 0 0 7px rgba(0,0,0,0.15);
		
	}
	
.adbox.style1{

	}
	
.adbox.style2{
	
	}
	
	
.adbox.style2 .inside,.adbox.style4 .inside{
	background:url(../images/bg_off.png);
	}
.adbox.style4 .inside{
	border: 1px solid #CCC;
    border-radius:5px;
    margin: 10px;
	}
.adbox.style3,.adbox.style5,.adbox.style6{
	background:url(../images/bg_off.png);
	}


.adbox.style3 .inside,.adbox.style5 .inside,.adbox.style6 .inside{
	background:#FFFFFF;
    border: 1px solid #CCC;
    margin: 10px;
	padding:15px;
	border-radius:5px;
	}
.adbox.style5 {margin:10px 0; text-align: center;}
.adbox.style5 .inside{margin:-10px 10px}
.adbox.style6 .inside{margin:10px -1px}

.adbox.style3.center .inside{
	padding:20px 10px;
	}		

.adbox .icon_wrap{
	float:left;
	}
	
.adbox.center .icon_wrap{
	clear: both;
    margin-top: 5px;
    width: 100%;
	}	
	
.adbox .ibox{
	
	}

.adbox .text_wrap{
	float:left;
	}
	
.adbox.center .text_wrap{
	margin: 5px 0;
    width: 100%;
	}
			
.adbox h2{
	border-bottom: none;
	font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
	}
	
.adbox .button{
	float:right;
	margin:9px 8px 0 0;
	background-color: #29417F !important;
    border-top: 1px solid #29417F !important;
    text-shadow: none;
	}

.adbox.center .button{
	float: none;
	margin: 15px auto 5px auto;
    text-align: center;
    width: 130px;
	}

.adbox .button a{
	color:#FFF;
	
	}
	
	
.adbox p{
	margin:0;
	color:#888;
	}

	
.adbox.style2 p{
	color:#555;
	}
	
	

	
/* Video Embed ***************************************************/
	
.video-embed {}
	
/* Custom ********************************************************/

.adbox [class^="icon-"]:before, .adbox [class*=" icon-"]:before, .clients #nxt:hover, .portfolio-carousel #pnxt:hover, .clients #prv:hover, .portfolio-carousel #pprv:hover, footer .gototop a:hover {
    color: #29417F;
}
.adbox .button [class^="icon-"]:before, .adbox .button [class*=" icon-"]:before { color: #fff; }
	
	
	
	
	
	
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	-ms-filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

.liteAccordion {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font: 'Helvetica Neue', Verdana, Arial, sans-serif;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-tap-highlight-color: transparent;
      }
      .liteAccordion, .liteAccordion * { padding: 0; margin: 0; border: 0; box-sizing: content-box ; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }   
      .liteAccordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none;width:940px }
      .liteAccordion > ol > li { list-style-type: none ; line-height:0 }
      .liteAccordion .slide > h2 {
          color: black;
          font-size: 16px;
          font-weight: normal;
          margin: 0;
          z-index: 100;
          position: absolute;
          top: 0;
          left: 0;
          -webkit-backface-visibility: hidden; /* fixes chrome bug */
          -webkit-transform: translateX(-100%) rotate(-90deg);
          -webkit-transform-origin: right top;
          -moz-transform: translateX(-100%) rotate(-90deg);
          -moz-transform-origin: right top;
          -o-transform: translateX(-100%) rotate(-90deg);
          -o-transform-origin: right top;
          transform: translateX(-100%) rotate(-90deg);
          transform-origin: right top;
      }
      .liteAccordion .slide > h2 span {
          display: block;
		  background: #29417f;
          padding-right: 6%;
          text-align: right;
          height: 90%;
          margin-top: 5px;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
      }
      .liteAccordion .slide > h2 b {
          display: inline-block;
          position: absolute;
          top: 13%;
          left: 7%;
          text-align: center;
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg);
      }

      .liteAccordion .slide > h2:hover { cursor: pointer }
      .liteAccordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
      .liteAccordion .ap-caption { padding: 15px 20px; position: absolute; bottom: 20px; right: 30px; z-index: 3; background: black; line-height:1.3; max-width:77%;  
          background: rgba(41,65,127,0.8); color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
	
      .liteAccordion .ap-caption a{color:#eee} 
      .liteAccordion .ap-caption a:hover{color:#fff;text-decoration:underline}
      .liteAccordion noscript p { padding: 10px; margin: 0; background: white }

      /****************************************** Basic */
      .liteAccordion.basic .slide > h2 { background: #333; color: white; line-height: 225% }

      /****************************************** Dark */
      .liteAccordion.dark {
          border: 9px solid #353535;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #030303;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.dark .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
      .liteAccordion.dark .slide > h2 span { background: #353535; color: white }
      .liteAccordion.dark .slide > h2 b { background: #353535; color: #000000; text-shadow: -1px 1px 0 #454545 }
      .liteAccordion.dark .slide > h2.selected span, .liteAccordion.dark .slide > h2.selected span:hover {
          background: #353535;
          background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
          background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
          background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
          background: linear-gradient(left,  #353535 0%,#555555 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
      }
      .liteAccordion.dark .slide > h2.selected b {
          background: #383838;
          background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
          background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
          background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
      }
      .liteAccordion.dark .slide > div { background: #030303; margin-left: 5px }

      /***************************************** Light */
      .liteAccordion.light {
          border: 9px solid white;
          border-bottom-width: 8px;
          padding: 5px 5px 6px 0;
          background: #a0a0a0; /* #a0a0a0 #29417f*/
          -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
      .liteAccordion.light .slide > h2 span {
          background: #fcfcfc;
          background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
          background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
          background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
          -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
          color: #909090;
      }
      .liteAccordion.light .slide:first-child h2 span {margin-top:5px}

      .liteAccordion.light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
      .liteAccordion.light .slide > h2.selected span, .liteAccordion.light .slide h2.selected span:hover, .liteAccordion.light .slide > h2.selected b { background: #ffffff }
      .liteAccordion.light .slide > div { background: #a0a0a0; margin-left: 5px }
      .liteAccordion.light .ap-caption {right:60px;}
      /**************************************** Stitch */
      .liteAccordion.stitch {
          position: relative;
          padding: 5px 0 5px 5px;
          border: 11px solid #353535;
          background: #353535;
          -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      }
      .liteAccordion.stitch:before {
          content: '';
          width: 100%;
          height: 100%;
          position: absolute;
          top: -9px;
          left: -9px;
          background: #353535;
          border: 9px solid transparent;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2 { background: #353535 ; line-height:26px;}
      .liteAccordion.stitch .slide > h2 span {
          height: auto;
          padding-right: 5%;
          color: white;
          text-shadow: -1px 1px 0 #5b5b5b;
          border: 9px solid transparent;
          background-image: url('../images/bg_noise.png');
          margin-top: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
      }
      .liteAccordion.stitch .slide > h2.selected:after {
          content: '';
          display: block;
          height: 11px;
          width: 11px;
          position: absolute;
          bottom: -3px;
          right: 35px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
          filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
          border: 9px solid transparent;
          border-top: 0;
          border-left: 0;
          -webkit-border-image: url('../images/bg_stitch.png') 9 repeat;
          -moz-border-image: url('../images/bg_stitch.png') 9 repeat;
          -o-border-image: url('../images/bg_stitch.png') 9 repeat;
          border-image: url('../images/bg_stitch.png') 9 repeat;
          background-image: url('../images/bg_noise.png');
      }

      .liteAccordion.stitch .slide:nth-child(1) > h2 span, .liteAccordion.stitch .slide:nth-child(1) > h2:after { background-color: #c25252 }
      .liteAccordion.stitch .slide:nth-child(2) > h2 span, .liteAccordion.stitch .slide:nth-child(2) > h2:after { background-color: #ca9859 }
      .liteAccordion.stitch .slide:nth-child(3) > h2 span, .liteAccordion.stitch .slide:nth-child(3) > h2:after { background-color: #96ba5f }
      .liteAccordion.stitch .slide:nth-child(4) > h2 span, .liteAccordion.stitch .slide:nth-child(4) > h2:after { background-color: #59abb7 }
      .liteAccordion.stitch .slide:nth-child(5) > h2 span, .liteAccordion.stitch .slide:nth-child(5) > h2:after { background-color: #bb6098 }
      .liteAccordion.stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
      .liteAccordion.stitch .slide > div { margin-right: 6px }
      .liteAccordion.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

      /*************************************** Rounded */
      .liteAccordion.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
      .liteAccordion.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

      /******************************************** IE */
      /* stitch */
      .liteAccordion.ie.stitch .slide > h2 { /*line-height: 265%*/ }
      .liteAccordion.ie.stitch .slide > h2 span { /*height: 89%; padding-right: 8%*/ }
      .liteAccordion.ie.stitch .slide > h2.selected:after { display: none }
      .liteAccordion.ie.stitch .slide-0 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-1 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-2 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-3 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-4 > h2 span { background-color: #bb6098 }
      .liteAccordion.ie.stitch .slide-5 > h2 span { background-color: #c25252 }
      .liteAccordion.ie.stitch .slide-6 > h2 span { background-color: #ca9859 }
      .liteAccordion.ie.stitch .slide-7 > h2 span { background-color: #96ba5f }
      .liteAccordion.ie.stitch .slide-8 > h2 span { background-color: #59abb7 }
      .liteAccordion.ie.stitch .slide-9 > h2 span { background-color: #bb6098 }

      /* transforms */
      .liteAccordion.ie .slide > h2,
      .liteAccordion.ie .slide > h2 span,
      .liteAccordion.ie .slide > h2 b { filter: none; -ms-filter: none; -ms-transform: none }
      .liteAccordion.ie7 .slide > h2 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) }
      .liteAccordion.ie7 .slide > h2 b { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) }
      .liteAccordion.ie8 .slide > h2 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" }
      .liteAccordion.ie8 .slide > h2 b { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)" }
      .liteAccordion.ie9 .slide > h2 { -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
      .liteAccordion.ie9 .slide > h2 b { -ms-transform: rotate(90deg) }

      /* misc */
      .liteAccordion.ie7 .slide > h2 b, .liteAccordion.ie8 .slide > h2 b { top: 44%; left: 5% }
      .liteAccordion.ie7.stitch .slide > h2 b, .liteAccordion.ie8.stitch .slide > h2 b { top: 36% }
      .liteAccordion.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4) }

      /* Custom */
      #liteaccordion {width:960px}
      .liteAccordion {
	      margin:20px 0 55px;
	      position:relative;
      }
      .liteAccordion figure { display: block; width: 100%; height: 100%; margin: 0 }
      .liteAccordion figure:hover {border:none;}
      .liteAccordion img{width:auto;max-width:none;}

      .liteAccordion.light .slide > h2 {line-height:40px}
      .liteAccordion.light .slide > h2 span {
	      /*margin-top:-19px;*/
      }
      .liteAccordion.light .slide:first-child h2 span {/*margin-top:5px*/}
      .liteAccordion.light .slide > div {width:730px !important;margin-right:-15px !important;}
     
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}