
@import "https://managemyaccount.myplanconnection.com/resources/css/font-awesome/css/font-awesome.min.css ";

/*
  -- Global Styles --
*/
/*
  -- Notifications --
*/
/*
  -- Menus --
*/
/*
  -- Login Screen Styles --
*/
/*
  -- Footer Styles --
*/
/*
  Detail Box
*/
/*
  Progress Bar
*/
/*
  Chevrons
*/
/*
  Form Controls
*/
/*
  Table
*/
/*
  Button
*/
/*
  Chart
*/
/*
  Icons
*/
/*
  Tile Colors
*/
/*
  Modal
*/
/*
  File Uploader Modal
*/
/*
  Slider Toggle
*/
/*
  Padding
*/
/*
  Header Font Sizes
*/
.flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-align-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-align-center {
    -ms-flex-align: center;
    align-items: center;
}

.flex-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.flex-justify-start {
    -ms-flex-pack: start;
    justify-content: start;
}

.flex-justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-justify-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-align-baseline {
    -ms-flex-align: baseline;
    align-items: baseline;
}

.push-left-sm {
    margin-left: 10px;
}

.push-top-lg {
    margin-top: 30px;
}

.pointer {
    cursor: pointer;
}

.full-height {
    height: 100%;
}

@media only screen and (max-width: 1024px) {
    .flex-align-center-tablet {
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .flex-align-center-mobile {
        -ms-flex-align: center;
        align-items: center;
    }
}

.capitalize {
    text-transform: capitalize;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto/web/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_regular/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_regular/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_italic/Roboto-Italic-webfont.eot');
    src: url('../fonts/roboto/web/roboto_italic/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_italic/Roboto-Italic-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_italic/Roboto-Italic-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_italic/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_bold/Roboto-Bold-webfont.eot');
    src: url('../fonts/roboto/web/roboto_bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_bold/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_bold/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_bolditalic/Roboto-BoldItalic-webfont.eot');
    src: url('../fonts/roboto/web/roboto_bolditalic/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_bolditalic/Roboto-BoldItalic-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_bolditalic/Roboto-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_bolditalic/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_thin/Roboto-Thin-webfont.eot');
    src: url('../fonts/roboto/web/roboto_thin/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_thin/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_thin/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_thin/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_thin/Roboto-ThinItalic-webfont.eot');
    src: url('../fonts/roboto/web/roboto_thin/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_thin/Roboto-ThinItalic-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_thin/Roboto-ThinItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_thin/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_light/Roboto-Light-webfont.eot');
    src: url('../fonts/roboto/web/roboto_light/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_light/Roboto-Light-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_light/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_light/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_lightitalic/Roboto-LightItalic-webfont.eot');
    src: url('../fonts/roboto/web/roboto_lightitalic/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_lightitalic/Roboto-LightItalic-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_lightitalic/Roboto-LightItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_lightitalic/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_medium/Roboto-Medium-webfont.eot');
    src: url('../fonts/roboto/web/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_medium/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_medium/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto/web/roboto_mediumitalic/Roboto-MediumItalic-webfont.eot');
    src: url('../fonts/roboto/web/roboto_mediumitalic/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/web/roboto_mediumitalic/Roboto-MediumItalic-webfont.woff') format('woff'), url('../fonts/roboto/web/roboto_mediumitalic/Roboto-MediumItalic-webfont.ttf') format('truetype'), url('../fonts/roboto/web/roboto_mediumitalic/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

.leftlg {
    margin-left: 20px;
}

.leftmed {
    margin-left: 15px;
}

.leftsm {
    margin-left: 10px;
}

.leftxsm {
    margin-left: 5px;
}

.bottomlg {
    margin-bottom: 20px;
}

.bottommed {
    margin-bottom: 15px;
}

.bottomsm {
    margin-bottom: 10px;
}

.bottomxsm {
    margin-bottom: 5px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-bottomlg {
    padding-bottom: 60px;
}

.p-bottommed {
    padding-bottom: 45px;
}

.p-bottomsm {
    padding-bottom: 30px;
}

.p-bottomxsm {
    padding-bottom: 15px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-leftlg {
    padding-left: 60px;
}

.p-leftmed {
    padding-left: 45px;
}

.p-leftsm {
    padding-left: 30px;
}

.p-leftxsm {
    padding-left: 15px;
}

.bottomlg {
    margin-bottom: 20px;
}

.bottommed {
    margin-bottom: 15px;
}

.bottomsm {
    margin-bottom: 10px;
}

.bottomxsm {
    margin-bottom: 5px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-bottomlg {
    padding-bottom: 60px;
}

.p-bottommed {
    padding-bottom: 45px;
}

.p-bottomsm {
    padding-bottom: 30px;
}

.p-bottomxsm {
    padding-bottom: 15px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.boxlg {
    margin: 20px;
}

.boxmed {
    margin: 15px;
}

.boxsm {
    margin: 10px;
}

.boxxsm {
    margin: 5px;
}

.sideslg {
    margin: 0 20px 0 20px;
}

.sidesmed {
    margin: 0 15px 0 15px;
}

.sidessm {
    margin: 0 10px 0 10px;
}

.sidesxsm {
    margin: 0 5px 0 5px;
}

.lipslg {
    margin: 20px 0 20px 0;
}

.lipsmed {
    margin: 15px 0 15px 0;
}

.lipssm {
    margin: 10px 0 10px 0;
}

.lipsxsm {
    margin: 5px 0 5px 0;
}

.leftlg {
    margin-left: 20px;
}

.leftmed {
    margin-left: 15px;
}

.leftsm {
    margin-left: 10px;
}

.leftxsm {
    margin-left: 5px;
}

.bottomlg {
    margin-bottom: 20px;
}

.bottommed {
    margin-bottom: 15px;
}

.bottomsm {
    margin-bottom: 10px;
}

.bottomxsm {
    margin-bottom: 5px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-bottomlg {
    padding-bottom: 60px;
}

.p-bottommed {
    padding-bottom: 45px;
}

.p-bottomsm {
    padding-bottom: 30px;
}

.p-bottomxsm {
    padding-bottom: 15px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-leftlg {
    padding-left: 60px;
}

.p-leftmed {
    padding-left: 45px;
}

.p-leftsm {
    padding-left: 30px;
}

.p-leftxsm {
    padding-left: 15px;
}

.bottomlg {
    margin-bottom: 20px;
}

.bottommed {
    margin-bottom: 15px;
}

.bottomsm {
    margin-bottom: 10px;
}

.bottomxsm {
    margin-bottom: 5px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-bottomlg {
    padding-bottom: 60px;
}

.p-bottommed {
    padding-bottom: 45px;
}

.p-bottomsm {
    padding-bottom: 30px;
}

.p-bottomxsm {
    padding-bottom: 15px;
}

.rightlg {
    margin-right: 20px;
}

.rightmed {
    margin-right: 15px;
}

.rightsm {
    margin-right: 10px;
}

.rightxsm {
    margin-right: 5px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.p-rightlg {
    padding-right: 60px;
}

.p-rightmed {
    padding-right: 45px;
}

.p-rightsm {
    padding-right: 30px;
}

.p-rightxsm {
    padding-right: 15px;
}

.toplg {
    margin-top: 20px;
}

.topmed {
    margin-top: 15px;
}

.topsm {
    margin-top: 10px;
}

.topxsm {
    margin-top: 5px;
}

.p-toplg {
    padding-top: 60px;
}

.p-topmed {
    padding-top: 45px;
}

.p-topsm {
    padding-top: 30px;
}

.p-topxsm {
    padding-top: 15px;
}

.pre-post-input {
    position: absolute;
    margin-top: 5px;
    color: #6C6C6C;
    z-index: 1;
}

span.post-input {
    position: absolute;
    margin-top: 5px;
    color: #6C6C6C;
    z-index: 1;
    margin-left: -22px;
}

span.pre-input {
    position: absolute;
    margin-top: 5px;
    color: #6C6C6C;
    z-index: 1;
    margin-left: 7px;
}

.form .row,
form .row {
    margin-top: 20px;
}

    .form .row.no-push,
    form .row.no-push {
        margin-top: 0;
    }

.form select,
form select {
    position: relative;
    background: #FFF;
    padding: 5px;
    min-width: 100%;
    line-height: 1;
    border: 1px solid #D3D3D3;
    border-radius: 0;
    height: 35px;
    font-size: 1.167em;
}

    .form select.mini,
    form select.mini {
        min-width: 75px;
        max-width: 200px;
    }

.form .disabled,
form .disabled {
    pointer-events: none;
    color: #6C6C6C;
}

.form .label-val,
form .label-val {
    font-size: 14px;
    font-weight: normal;
}

.form label,
form label {
    margin: 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

    .form label.pre,
    form label.pre {
        width: auto;
    }

        .form label.pre + input,
        form label.pre + input {
            width: auto;
        }

    .form label.push,
    form label.push {
        margin-top: 28px;
    }

    .form label.required:after,
    form label.required:after {
        content: " *";
        color: #FF8828;
    }

    .form label.checkbox-group,
    form label.checkbox-group {
        margin-top: 30px;
    }

        .form label.checkbox-group input,
        form label.checkbox-group input {
            width: auto;
            height: auto;
        }

    .form label .checkboxlabel,
    form label .checkboxlabel {
        margin-left: 5px;
        font-weight: normal;
    }

    .form label.select-label,
    form label.select-label {
        font-weight: normal;
    }

    .form label.checkbox-label,
    form label.checkbox-label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
        margin-top: 30px;
    }

        .form label.checkbox-label.no-push,
        form label.checkbox-label.no-push {
            margin-top: 0;
        }

        .form label.checkbox-label.auto,
        form label.checkbox-label.auto {
            width: auto;
        }

        .form label.checkbox-label input,
        form label.checkbox-label input {
            width: auto;
            height: auto;
            display: none;
        }

        .form label.checkbox-label span,
        form label.checkbox-label span {
            vertical-align: 1px;
            font-weight: normal;
        }

        .form label.checkbox-label:before,
        form label.checkbox-label:before {
            content: '';
            position: absolute;
            left: 0;
            width: 20px;
            height: 20px;
            border: 1px solid #D3D3D3;
            background: #FFF;
            border-radius: 3px;
        }

        .form label.checkbox-label:after,
        form label.checkbox-label:after {
            font-family: 'Glyphicons Custom';
            content: "\e6ce";
            line-height: 18px;
            position: absolute;
            padding-top: 1px;
            left: 0;
            font-size: 22px;
            color: #FFF;
            transition: all .1s;
            background: #1472a8;
            width: 20px;
            height: 20px;
            text-align: center;
            border-radius: 3px;
            opacity: 0;
            top: 0;
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .form label.checkbox-label.is-checked:after,
        form label.checkbox-label.is-checked:after {
            opacity: 1;
            -ms-transform: scale(1);
            transform: scale(1);
        }

        .form label.checkbox-label:disabled,
        form label.checkbox-label:disabled {
            color: #aaa;
        }

            .form label.checkbox-label:disabled:not(:checked):before,
            form label.checkbox-label:disabled:not(:checked):before {
                border-color: #1472a8;
                background-color: #FFF;
            }

            .form label.checkbox-label:disabled:checked:before,
            form label.checkbox-label:disabled:checked:before {
                border-color: #1472a8;
                background-color: #FFF;
            }

            .form label.checkbox-label:disabled:checked:after,
            form label.checkbox-label:disabled:checked:after {
                color: #999;
            }

.form select,
form select,
.form input,
form input,
.form input.datepicker,
form input.datepicker {
    padding: 5px 5px;
    border: 1px solid #D3D3D3;
    line-height: 1;
    width: 100%;
    height: 35px;
    position: relative;
    font-size: 14px;
}

    .form select[type='file'],
    form select[type='file'],
    .form input[type='file'],
    form input[type='file'],
    .form input.datepicker[type='file'],
    form input.datepicker[type='file'] {
        padding: 1px;
        border: none;
    }

    .form select.push,
    form select.push,
    .form input.push,
    form input.push,
    .form input.datepicker.push,
    form input.datepicker.push {
        margin-top: 24px;
    }

    .form select.xlarge,
    form select.xlarge,
    .form input.xlarge,
    form input.xlarge,
    .form input.datepicker.xlarge,
    form input.datepicker.xlarge {
        width: 280px;
        min-width: 280px;
    }

    .form select.large,
    form select.large,
    .form input.large,
    form input.large,
    .form input.datepicker.large,
    form input.datepicker.large {
        width: 222px;
        min-width: 222px;
    }

    .form select.medium,
    form select.medium,
    .form input.medium,
    form input.medium,
    .form input.datepicker.medium,
    form input.datepicker.medium {
        width: 108px;
        min-width: 108px;
    }

@media only screen and (max-width: 767px) {
    .form select.medium,
    form select.medium,
    .form input.medium,
    form input.medium,
    .form input.datepicker.medium,
    form input.datepicker.medium {
        width: 60%;
        min-width: 60%;
    }
}

.form select.small,
form select.small,
.form input.small,
form input.small,
.form input.datepicker.small,
form input.datepicker.small {
    width: 74px;
    min-width: 74px;
    margin-right: 10px;
}

.form select.after-element,
form select.after-element,
.form input.after-element,
form input.after-element,
.form input.datepicker.after-element,
form input.datepicker.after-element {
    padding-right: 25px;
    display: inline-block;
}

.form select.before-element,
form select.before-element,
.form input.before-element,
form input.before-element,
.form input.datepicker.before-element,
form input.datepicker.before-element {
    padding-left: 20px;
}

.form .inputWrapper,
form .inputWrapper {
    float: left;
}

    .form .inputWrapper.mini,
    form .inputWrapper.mini {
        min-width: 75px;
        max-width: 200px;
    }

    .form .inputWrapper.full,
    form .inputWrapper.full {
        width: 100%;
    }

    .form .inputWrapper span,
    form .inputWrapper span {
        display: block;
        font-size: .750em;
        padding: 0 0 0 10px;
    }

        .form .inputWrapper span.required:before,
        form .inputWrapper span.required:before {
            content: '* ';
            position: absolute;
            margin-left: -10px;
        }

.form .form-controls,
form .form-controls {
    margin-top: 5px;
}

.form .description,
form .description {
    font-size: 1em;
    margin: 20px 0 -10px 0;
}

.form .radio-group,
form .radio-group {
    margin-left: 5px;
}

    .form .radio-group.spread,
    form .radio-group.spread {
        display: table;
    }

    .form .radio-group label,
    form .radio-group label {
        margin-top: -10px;
    }

        .form .radio-group label.push,
        form .radio-group label.push {
            padding-top: 18px;
        }

        .form .radio-group label input[type=radio] + .radiolabel,
        form .radio-group label input[type=radio] + .radiolabel {
            display: block;
            position: relative;
            font-size: 14px;
            overflow: visible;
            padding-left: 10px;
            white-space: nowrap;
        }

            .form .radio-group label input[type=radio] + .radiolabel.text-wrap,
            form .radio-group label input[type=radio] + .radiolabel.text-wrap {
                white-space: normal;
            }

            .form .radio-group label input[type=radio] + .radiolabel:before,
            form .radio-group label input[type=radio] + .radiolabel:before {
                transition: border .2s ease;
                position: absolute;
                left: -15px;
                top: 1px;
                display: inline-block;
                content: ' ';
                height: 20px;
                width: 20px;
                border-radius: 50%;
                border: 1px solid rgba(78, 78, 78, 0.5);
                box-shadow: none;
            }

            .form .radio-group label input[type=radio] + .radiolabel:after,
            form .radio-group label input[type=radio] + .radiolabel:after {
                position: absolute;
                left: -20px;
                top: -4px;
                display: inline-block;
                content: ' ';
                height: 10px;
                width: 10px;
                margin: 10px;
                border-radius: 50%;
                transition: border .1s ease;
                border: 0px solid rgba(78, 78, 78, 0.5);
            }

        .form .radio-group label input[type=radio][disabled] + .radiolabel,
        form .radio-group label input[type=radio][disabled] + .radiolabel {
            cursor: not-allowed;
        }

            .form .radio-group label input[type=radio][disabled] + .radiolabel:before,
            form .radio-group label input[type=radio][disabled] + .radiolabel:before {
                cursor: not-allowed;
            }

            .form .radio-group label input[type=radio][disabled] + .radiolabel:after,
            form .radio-group label input[type=radio][disabled] + .radiolabel:after {
                cursor: not-allowed;
            }

        .form .radio-group label input[type=radio]:hover + .radiolabel:before,
        form .radio-group label input[type=radio]:hover + .radiolabel:before {
            border: 1px solid #1472a8;
            box-shadow: 0px 0px 5px -1px #1472a8;
            background-color: #96d1f2;
        }

        .form .radio-group label input[type=radio]:hover[disabled] + .radiolabel:before,
        form .radio-group label input[type=radio]:hover[disabled] + .radiolabel:before {
            box-shadow: none;
            background-color: transparent;
            border: 1px solid rgba(78, 78, 78, 0.5);
        }

        .form .radio-group label input[type=radio]:checked + .radiolabel,
        form .radio-group label input[type=radio]:checked + .radiolabel {
            /*font-weight: bold;*/
        }

            .form .radio-group label input[type=radio]:checked + .radiolabel:before,
            form .radio-group label input[type=radio]:checked + .radiolabel:before {
                position: absolute;
                left: -15px;
                top: 1px;
                display: inline-block;
                content: ' ';
                height: 20px;
                width: 20px;
                border-radius: 50%;
                border: 2px solid #1472a8;
                box-shadow: none;
            }

            .form .radio-group label input[type=radio]:checked + .radiolabel:after,
            form .radio-group label input[type=radio]:checked + .radiolabel:after {
                border: 5px solid #1472a8;
                overflow: hidden;
            }

        .form .radio-group label input[type=radio]:checked[disabled] + .radiolabel:before,
        form .radio-group label input[type=radio]:checked[disabled] + .radiolabel:before {
            border: 2px solid rgba(78, 78, 78, 0.5);
        }

        .form .radio-group label input[type=radio]:checked[disabled] + .radiolabel:after,
        form .radio-group label input[type=radio]:checked[disabled] + .radiolabel:after {
            border: 5px solid rgba(78, 78, 78, 0.5);
        }

        .form .radio-group label span,
        form .radio-group label span {
            font-weight: normal;
        }

.form input[type=radio],
form input[type=radio] {
    right: 0;
    margin: 0;
    height: 0;
    width: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}

.form td label.checkbox-label,
form td label.checkbox-label {
    margin-top: 0 !important;
    margin-left: 35%;
}

    .form td label.checkbox-label.no-push,
    form td label.checkbox-label.no-push {
        margin-left: 0;
    }

.form td select,
form td select {
    padding: 0;
    height: 24px;
}

.form span.required:after,
form span.required:after {
    content: "*";
    color: #FF8828;
}

@media only screen and (max-width: 767px) {
    /*Change for radio-label*/
    .form .radio-group label input[type=radio] + .radiolabel,
    form .radio-group label input[type=radio] + .radiolabel {
        white-space: normal;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .form label.checkbox-label:after,
    form label.checkbox-label:after {
        transition: none !important;
    }

    *[currency-with-superscript] sup,
    .contribution-tiles .moneyheader sup,
    .elections-contribution-403 .moneyheader sup,
    #contribEdit .review-header sup,
    .performance sup {
        font-size: 60% !important;
    }

    #dashboard > .container .widgets-container > .flex-container .contribution-rate.widget .front .contribution .percent-contr > sup {
        font-size: 90% !important;
    }
}

table.table {
    margin-top: 20px;
    border-top: 0;
}

    table.table.push-sm {
        margin-top: 15px;
    }

    table.table.push-xsm {
        margin-top: 5px;
    }

    table.table.no-push {
        margin-top: 0;
        margin-bottom: 0;
    }

    table.table thead {
        background: #4e4e4e;
        color: #FFC439;
        font-size: 14px;
    }

        table.table thead a {
            color: #FFC439;
        }

        table.table thead tr th {
            font-weight: bold;
            height: 35px;
            max-height: 52px;
            vertical-align: middle;
            border-right: 1px solid #000;
            border-bottom: none;
            padding-left: 15px;
            padding-right: 15px;
        }

            table.table thead tr th:first-child {
                border-left: 1px solid #4e4e4e;
            }

            table.table thead tr th:last-child {
                border-right: 1px solid #4e4e4e;
            }

            table.table thead tr th.xlarge {
                min-width: 300px;
            }

            table.table thead tr th.fixedxlarge {
                min-width: 300px;
                width: 300px;
                max-width: 300px;
            }

            table.table thead tr th.large {
                min-width: 200px;
                width: 200px;
            }

            table.table thead tr th.medium {
                min-width: 175px;
                width: 175px;
            }

            table.table thead tr th.small {
                min-width: 125px;
                width: 125px;
                font-size: 100%;
            }

            table.table thead tr th.xsmall {
                min-width: 85px;
                width: 85px;
                max-width: 85px;
            }

    table.table tbody {
        border-left: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
    }

        table.table tbody tr {
            /* These two classes are needed since we have special need to show row 1 and 2 in same color and 3, 4 in alternate colors
              Therefore programatically when XSL is looping through the controls and row pairs are constructed
              These classes will override standard table coloring for even and odd rows.
          */
        }

            table.table tbody tr.row-total {
                font-weight: bold;
                background-color: #FFF !important;
                border-top: 2px solid #D3D3D3;
                border-bottom: 1px solid #D3D3D3;
                color: #4e4e4e;
                text-transform: uppercase;
            }

            table.table tbody tr.row-even {
                border: 1px solid #D3D3D3;
                background-color: #F7F7F7 !important;
            }

            table.table tbody tr.row-odd {
                border: 1px solid #D3D3D3;
                background-color: #FFF !important;
            }

            table.table tbody tr.no-border td {
                border: 0;
            }

                table.table tbody tr.no-border td:last-child {
                    border-right: 1px solid #D3D3D3;
                }

            table.table tbody tr:nth-child(even) {
                background-color: #F7F7F7;
            }

            table.table tbody tr:nth-child(odd) {
                background-color: #FFF;
            }

            table.table tbody tr.expandable td {
                height: auto;
            }

            table.table tbody tr td {
                font-size: 14px;
                height: 35px;
                vertical-align: middle;
                border-right: 1px solid #D3D3D3;
                border-top: none;
                border-bottom: none;
                padding-left: 15px;
                padding-right: 15px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                table.table tbody tr td.top {
                    vertical-align: top;
                }

                table.table tbody tr td.bottom {
                    vertical-align: bottom;
                }

                table.table tbody tr td.no-pad {
                    border-top: 0;
                    padding: 0;
                    margin: 0;
                }

                table.table tbody tr td.no-padding-left {
                    padding-left: 0;
                }

                table.table tbody tr td.xlarge {
                    min-width: 300px;
                }

                table.table tbody tr td.fixedxlarge {
                    min-width: 300px;
                    width: 300px;
                    max-width: 300px;
                }

                table.table tbody tr td.large {
                    min-width: 200px;
                    width: 200px;
                    max-width: 200px;
                }

                table.table tbody tr td.medium {
                    min-width: 175px;
                    width: 175px;
                    max-width: 175px;
                }

                table.table tbody tr td.small {
                    width: 125px;
                    max-width: 125px;
                }

                table.table tbody tr td.xsmall {
                    min-width: 85px;
                    width: 85px;
                    max-width: 85px;
                }

                table.table tbody tr td input {
                    height: 25px;
                }

                table.table tbody tr td table.table {
                    border: 0;
                    margin: 0;
                    background-color: #F3F3F3;
                }

                    table.table tbody tr td table.table tbody {
                        border: 0;
                    }

                        table.table tbody tr td table.table tbody td:last-child {
                            border-right: 0;
                        }

                table.table tbody tr td span.input-placeholder {
                    position: absolute;
                    display: block;
                    top: 3px;
                    color: #4e4e4e;
                    padding-left: 5px;
                    z-index: 10;
                    opacity: 0.5;
                }

                    table.table tbody tr td span.input-placeholder + input {
                        padding: 0 17px;
                    }

                    table.table tbody tr td span.input-placeholder.right {
                        right: 5px;
                    }

                table.table tbody tr td .glyphicons.input-glyphicon-inline {
                    padding: 7px 8px;
                }

        table.table tbody + tbody {
            border-top: 0;
            border-bottom: 0;
        }

        table.table tbody input {
            margin: 0px;
        }

    table.table tfoot tr.row-total {
        font-weight: bold;
        background-color: #FFF !important;
        border-top: 2px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
        border-left: 1px solid #D3D3D3;
        color: #4e4e4e;
        text-transform: uppercase;
    }

    table.table tfoot tr td {
        font-size: 14px;
        height: 35px;
        vertical-align: middle;
        border-right: 1px solid #D3D3D3;
        border-top: none;
        border-bottom: none;
        padding-left: 15px;
        padding-right: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    table.table table.sub-table {
        width: 100%;
        border-bottom: 1px solid #D3D3D3;
    }

        table.table table.sub-table thead {
            font-weight: 100;
            background: none;
            border: none;
            border-top: 1px solid #D3D3D3;
            border-bottom: 1px solid #D3D3D3;
            color: #4e4e4e;
        }

            table.table table.sub-table thead tr td {
                border: none;
            }

            table.table table.sub-table thead tr th {
                border: none;
                padding: 0 10px;
            }

                table.table table.sub-table thead tr th:first-child {
                    padding-left: 40px;
                }

        table.table table.sub-table tbody {
            border: none;
            font-weight: 400;
        }

            table.table table.sub-table tbody tr {
                background-color: #FFF;
            }

                table.table table.sub-table tbody tr:nth-child(2n) {
                    background: #D3D3D3;
                }

                table.table table.sub-table tbody tr td {
                    vertical-align: middle;
                    border-right: none;
                    height: 35px;
                    padding: 0 10px;
                }

                table.table table.sub-table tbody tr.expandable td {
                    height: auto;
                }

    table.table.striped tbody {
        border-right: 1px solid #D3D3D3;
    }

        table.table.striped tbody tr:nth-child(2n) {
            background: #F7F7F7;
        }

        table.table.striped tbody tr.row-total {
            background-color: #FFF;
        }

        table.table.striped tbody tr td {
            border-right: 1px solid #D3D3D3;
            border-top: 0;
        }

    table.table.striped-dbl tr:nth-child(4n+3) {
        background: #F7F7F7;
    }

    table.table.table-noborder tbody {
        border: none;
    }

        table.table.table-noborder tbody tr {
            background-color: #F3F3F3;
        }

            table.table.table-noborder tbody tr td {
                border-right: none;
                height: auto;
            }

.table-wrapper {
    margin: 20px 0;
    overflow: auto;
}

    .table-wrapper > table {
        margin: 0;
        min-width: 1139px;
        border: 0px solid transparent;
    }

    .table-wrapper.push-left {
        padding-left: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding-right: 20px;
    }

    .table-wrapper.push-right {
        padding-right: 0;
        margin-right: 10px;
    }

    .table-wrapper.push {
        padding-left: 0;
        margin-left: 10px;
        padding-right: 20px;
        padding-right: 0;
        margin-right: 10px;
    }

.table-wrapper-rs {
    margin: 20px 0;
    overflow: auto;
}

    .table-wrapper-rs > table {
        margin: 0;
        min-width: 1139px;
        border: 0px solid transparent;
    }

    .table-wrapper-rs.push-left {
        padding-left: 0;
        margin-left: 10px;
        margin-right: 10px;
        padding-right: 20px;
    }

    .table-wrapper-rs.push-right {
        padding-right: 0;
        margin-right: 10px;
    }

    .table-wrapper-rs.push {
        padding-left: 0;
        margin-left: 10px;
        padding-right: 20px;
        padding-right: 0;
        margin-right: 10px;
    }

.btn-secondary,
.btn-secondary:active,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.file-upload-content .file-upload-input::before {
    color: #4e4e4e;
    border: 0 solid;
    border-bottom-width: 2px;
    border-bottom-color: #AFAFAF;
    outline: none;
    background-color: #D0D0D0;
    box-shadow: none;
}

    .btn-secondary[disabled],
    .btn-secondary[disabled]:hover {
        opacity: 1;
        color: #D3D3D3;
        border-bottom-width: 2px;
        border-bottom-color: #D0D0D0;
        background-color: #E8E8E8;
    }

.btn,
.button,
.file-upload-content .file-upload-input::before {
    display: inline-block;
    clear: none;
    width: 150px;
    height: 40px;
    margin: 0 10px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 4px;
    font-size: 16px;
}

    .btn.btn-primary,
    .btn.btn-primary:active,
    .btn.btn-primary:active:focus,
    .button.btn-primary,
    .button.btn-primary:active,
    .button.btn-primary:active:focus,
    .button.submit,
    .button.submit:active,
    .button.submit:active:focus {
        float: right;
        padding-top: 10px;
        color: #FFC439;
        border: 0 solid;
        border-bottom-width: 2px;
        border-bottom-color: #000;
        outline: none;
        background-color: #4e4e4e;
        box-shadow: none;
    }

        .btn.btn-primary:active:hover,
        .btn.btn-primary:hover,
        .button.btn-primary:active:hover,
        .button.btn-primary:hover,
        .button.submit:active:hover,
        .button.submit:hover {
            color: #FFF;
        }

        .btn.btn-primary[disabled],
        .btn.btn-primary[disabled]:hover,
        .button.btn-primary[disabled],
        .button.btn-primary[disabled]:hover,
        .button.submit[disabled],
        .button.submit[disabled]:hover {
            opacity: 1;
            color: #D3D3D3;
            border-bottom-width: 2px;
            border-bottom-color: #D0D0D0;
            background-color: #E8E8E8;
        }

    .btn.btn-secondary,
    .btn.btn-secondary:active,
    .btn.btn-secondary:active:focus,
    .btn.btn-secondary:active:hover,
    .button.btn-secondary,
    .button.btn-secondary:active,
    .button.btn-secondary:active:focus,
    .button.btn-secondary:active:hover,
    .button.reset,
    .button.reset:active,
    .button.reset:active:focus,
    .button.reset:active:hover {
        color: #4e4e4e;
        border: 0 solid;
        border-bottom-width: 2px;
        border-bottom-color: #AFAFAF;
        outline: none;
        background-color: #D0D0D0;
        box-shadow: none;
    }

        .btn.btn-secondary[disabled],
        .btn.btn-secondary[disabled]:hover,
        .button.btn-secondary[disabled],
        .button.btn-secondary[disabled]:hover,
        .button.reset[disabled],
        .button.reset[disabled]:hover {
            opacity: 1;
            color: #D3D3D3;
            border-bottom-width: 2px;
            border-bottom-color: #D0D0D0;
            background-color: #E8E8E8;
        }

    .btn.btn-upload,
    .button.btn-upload {
        position: relative;
        margin-top: 10px;
        margin-left: 0;
    }

        .btn.btn-upload input.upload,
        .button.btn-upload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

    .btn.no-right-margin,
    .button.no-right-margin {
        margin-right: 0;
    }

    .btn.no-left-margin,
    .button.no-left-margin {
        margin-left: 0;
    }

@media only screen and (max-width: 767px) {
    .btn,
    .button,
    .file-upload-content .file-upload-input::before {
        display: block;
        width: 90%;
        margin: 15px 5%;
    }

        .btn.btn-primary,
        .btn.btn-primary:active,
        .btn.btn-primary:active:focus,
        .btn.btn-primary:active:hover,
        .button.btn-primary,
        .button.btn-primary:active,
        .button.btn-primary:active:focus,
        .button.btn-primary:active:hover,
        .button.submit,
        .button.submit:active,
        .button.submit:active:focus,
        .button.submit:active:hover {
            clear: both;
        }

        .btn.no-responsive,
        .button.no-responsive {
            display: inline-block;
            width: 150px;
            margin: 0 10px;
        }
}

.chevron {
    display: inline-block;
    position: relative;
    margin: 10px 0 0 10px;
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
    width: 12px;
    height: 12px;
}

    .chevron.chevron-next {
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .chevron.chevron-previous {
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .chevron.chevron-end {
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

        .chevron.chevron-end:after {
            position: absolute;
            content: '';
            top: -6px;
            right: 5px;
            border-top: 1px solid #1472a8;
            border-left: 1px solid #1472a8;
            width: 12px;
            height: 12px;
        }

    .chevron.chevron-start {
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
    }

        .chevron.chevron-start:before {
            position: absolute;
            content: '';
            top: -6px;
            right: 5px;
            border-top: 1px solid #1472a8;
            border-left: 1px solid #1472a8;
            width: 12px;
            height: 12px;
        }

    .chevron.chevron-down {
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

@keyframes flicker {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.no-data:after {
    content: 'Retrieving data...';
    position: absolute;
    padding: 0 10px;
    animation: flicker 1.5s infinite;
}

.glyphicons {
    font-size: 2em;
    vertical-align: middle;
    top: -1px;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: -5px;
    width: 1.2em;
}

    .glyphicons.input-glyphicon-inline {
        position: absolute;
        z-index: 10;
        font-size: 2em;
        padding: 10px;
        pointer-events: none;
        color: #4e4e4e;
        opacity: 0.5;
        right: -8px;
        width: auto;
    }

        .glyphicons.input-glyphicon-inline.char {
            font-family: 'Roboto';
            font-size: 16px;
            top: 10px;
            right: 0;
        }

            .glyphicons.input-glyphicon-inline.char + input {
                padding: 0 20px;
            }

        .glyphicons.input-glyphicon-inline.left {
            left: 0;
        }

    .glyphicons:before {
        font-size: 1.2em;
    }

    .glyphicons.light:before {
        color: #4e4e4e;
    }

.glyphiconsloginpage {
    margin-top: -17px;
    margin-left: -7px;
}

.modal-window.loading-modal {
    max-width: 420px;
    padding: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 0px 50px 0px #000;
}

    .modal-window.loading-modal .loading-spinner {
        height: 75px;
        width: 75px;
        display: block;
        margin: 0 auto;
    }

    .modal-window.loading-modal .loading-message {
        font-size: 20px;
        margin-top: 25px;
        text-align: center;
    }

[data-icon]:before {
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

[fusioncharts][type="stackedbar2d"],
[fusioncharts][type="stackedcolumn2d"] {
    shape-rendering: crispEdges;
}

[fusioncharts][type="doughnut2d"] {
    shape-rendering: geometricPrecision;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 16px;
    background-color: #F3F3F3;
    color: #4e4e4e;
    height: 100%;
    line-height: 1.5;
    overflow-x: hidden;
    margin-bottom: 100px;
}

a,
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    cursor: pointer;
}

a {
    font-size: 14px;
    color: #1472a8;
}

.btn-link {
    color: #1472a8 !important;
    font-weight: normal;
    border-radius: 0;
}

ul {
    list-style-type: none;
    padding: 0;
    font-size: 14px;
}

    ul.striped li {
        padding: 7px 10px 7px 15px;
        font-size: 14px;
    }

        ul.striped li:nth-child(even) {
            background-color: #F7F7F7;
        }

        ul.striped li span {
            font-weight: bold;
        }

    ul.passwordChange {
        list-style-type: disc;
        margin-bottom: 0;
    }

        ul.passwordChange li {
            padding: 5px 5px 0 0;
        }

hr {
    border-color: #D3D3D3;
}

#header-margin {
    margin: 0;
}

.h1,
h1 {
    font-size: 30px;
    font-weight: 200;
    margin: 0;
}

    .h1 .glyphicons,
    h1 .glyphicons {
        font-size: 50px;
        top: -10px;
        margin-bottom: -25px;
    }

.h2,
h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
}

.h3,
h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.h4,
h4 {
    font-size: 14px;
    margin: 0;
}

ol,
p,
table {
    font-size: 14px;
}

textarea {
    width: 100%;
}

    textarea.bgcolor-inherit {
        background-color: inherit;
    }

.help-block {
    font-size: 0.875em;
}

    .help-block span {
        color: #FF8828;
    }

.slider-toggle {
    position: relative;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .slider-toggle .slider-toggle-control {
        position: relative;
        display: inline-block;
        top: 5px;
        left: 0;
        width: 40px;
        height: 25px;
        border: 1px solid #D3D3D3;
        border-radius: 25px;
        background-color: #F3F3F3;
        transition: background-color 0.1s linear;
    }

    .slider-toggle.active .slider-toggle-control {
        background-color: #01C251;
    }

    .slider-toggle .slider-toggle-control:after {
        content: '';
        position: absolute;
        margin-top: -1px;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: 1px solid #D3D3D3;
        background-color: #FFF;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.2);
        transition: left 0.1s linear;
    }

    .slider-toggle.active .slider-toggle-control:after {
        left: 15px;
        border: 1px solid #01C251;
    }

    .slider-toggle .slider-toggle-firstlabel,
    .slider-toggle .slider-toggle-secondlabel {
        display: inline;
        padding: 5px 10px;
        width: 50px;
    }

    .slider-toggle .slider-toggle-firstlabel {
        text-align: right;
    }

    .slider-toggle.active .slider-toggle-secondlabel,
    .slider-toggle .slider-toggle-firstlabel {
        font-weight: bold;
    }

    .slider-toggle.active .slider-toggle-firstlabel,
    .slider-toggle .slider-toggle-secondlabel {
        font-weight: normal;
    }

    .slider-toggle.checkbox-slider {
        margin-top: -8px;
    }

        .slider-toggle.checkbox-slider input[type='checkbox'] {
            display: none;
        }

    .slider-toggle span {
        font-size: 14px;
    }

header.mainHeader {
    height: 90px;
    background-color: #FFF;
}

    header.mainHeader nav.options-bar {
        min-height: 35px;
        margin-top: -89px;
        padding-right: 10px;
    }

        header.mainHeader nav.options-bar ul {
            float: right;
            margin: 0;
        }

            header.mainHeader nav.options-bar ul li {
                display: inline-block;
                padding: 10px 0 0 20px;
            }

                header.mainHeader nav.options-bar ul li a {
                    color: #6C6C6C;
                }

                header.mainHeader nav.options-bar ul li:last-child {
                    padding-right: 0;
                }

                header.mainHeader nav.options-bar ul li.welcomemsg {
                    padding-top: 3px;
                }

                header.mainHeader nav.options-bar ul li.align-top {
                    vertical-align: top;
                }

    header.mainHeader .primary-logo {
        float: none;
        height: 90px;
        position: relative;
        background-color: #FFF;
    }

        header.mainHeader .primary-logo a {
            display: inline-block;
            position: absolute;
            top: 50%;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        header.mainHeader .primary-logo img {
            height: 50px;
            max-height: 70px;
        }

    header.mainHeader .secondary-logo {
        float: right;
        clear: right;
        text-align: right;
        margin-top: -40px;
    }

        header.mainHeader .secondary-logo img {
            max-height: 30px;
        }

nav {
    font-size: 18px;
}

    nav .glyphicons {
        font-size: 2em;
        margin-left: -10px;
        padding-right: 15px;
    }

    nav > ul li ul {
        display: none;
        font-size: 0.875em;
        font-weight: normal;
    }

    nav a {
        display: inline;
        width: 100%;
    }

    nav > ul > li.active > div a:hover,
    nav > ul > li.active > div a {
        color: #FFC439;
    }

    nav.top-horizontal > ul > li.active ul,
    nav.top-side > ul > li.active ul {
        display: inline-block;
    }

    nav.top-top {
        background-color: #37474F;
        background: linear-gradient(top, #37474F, #3C3C3C);
        background: -o-linear-gradient(top, #37474F, #3C3C3C);
    }

        nav.top-top > ul {
            overflow: visible;
            z-index: 10;
        }

            nav.top-top > ul a {
                color: #FFF;
            }

            nav.top-top > ul > li {
                display: inline-block;
            }

                nav.top-top > ul > li a {
                    position: relative;
                    display: block;
                    padding: 15px 12px;
                }

                    nav.top-top > ul > li a:hover {
                        color: #FFC439;
                    }

                nav.top-top > ul > li > ul {
                    padding: 0;
                    width: 300px;
                    font-weight: normal;
                    background-color: rgba(243, 243, 243, 0.95);
                    box-shadow: 0 3px 8px -1px #c0c0c0;
                    z-index: 999;
                }

                    nav.top-top > ul > li > ul a {
                        color: #6C6C6C;
                    }

                    nav.top-top > ul > li > ul > li a {
                        text-align: left;
                        border-bottom: 1px solid #dadada;
                        padding: 15px 15px 15px 35px;
                        color: #6C6C6C;
                    }

                        nav.top-top > ul > li > ul > li a:hover {
                            background-color: #ffffff;
                            border-left: 5px solid #FFC439;
                            padding-left: 30px;
                            color: #6C6C6C;
                        }

                        nav.top-top > ul > li > ul > li a:last-child {
                            border-radius: 0 0 2px 2px;
                        }

                    nav.top-top > ul > li > ul.submenuShow {
                        display: inline-block;
                        position: absolute;
                        opacity: 1;
                    }

                nav.top-top > ul > li.active {
                    background-color: transparent;
                    font-weight: bold;
                    padding: 0;
                }

    nav.top-horizontal {
        background-color: #37474F;
        background: linear-gradient(top, #37474F, #3C3C3C);
        background: -o-linear-gradient(top, #37474F, #3C3C3C);
    }

        nav.top-horizontal > ul {
            overflow: visible;
            z-index: 10;
        }

            nav.top-horizontal > ul a {
                color: #FFF;
            }

            nav.top-horizontal > ul > li {
                display: inline-block;
            }

                nav.top-horizontal > ul > li a {
                    position: relative;
                    display: block;
                    padding: 15px 25px 15px 0;
                }

                nav.top-horizontal > ul > li > ul {
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin-right: auto;
                    margin-left: auto;
                    padding: 0;
                    border-bottom: 1px solid #e6e6e6;
                }

@media (min-width: 768px) {
    nav.top-horizontal > ul > li > ul {
        width: 740px;
    }
}

@media (min-width: 992px) {
    nav.top-horizontal > ul > li > ul {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    nav.top-horizontal > ul > li > ul {
        width: 1160px;
    }
}

nav.top-horizontal > ul > li > ul a {
    color: #6C6C6C;
}

nav.top-horizontal > ul > li > ul > li {
    display: inline-block;
}

    nav.top-horizontal > ul > li > ul > li a {
        position: relative;
        padding: 10px;
        text-align: center;
    }

        nav.top-horizontal > ul > li > ul > li a:after {
            content: ' ';
            position: absolute;
            height: 0;
            background-color: #FFC439;
            left: 0;
            right: 0;
            bottom: 0;
            transition: all 0.1s;
        }

        nav.top-horizontal > ul > li > ul > li a:active {
            box-shadow: inset 2px 2px 6px -5px #6C6C6C;
        }

        nav.top-horizontal > ul > li > ul > li.active a:after,
        nav.top-horizontal > ul > li > ul > li a:hover:after {
            content: ' ';
            position: absolute;
            background-color: #FFC439;
            left: 0;
            right: 0;
            bottom: 0;
            height: 3px;
        }

nav.top-horizontal > ul > li > ul.submenuShow {
    display: inline-block;
    position: absolute;
    opacity: 1;
}

nav.top-horizontal > ul > li.active {
    background-color: transparent;
}

nav.top-horizontal ~ .page-content {
    margin-top: 50px;
}

nav.profile {
    position: absolute;
    top: 0;
    right: -325px;
    border-left: 1px solid;
    width: 325px;
    height: 100%;
    z-index: 999999;
    transition: all 0.2s ease-in-out;
}

    nav.profile .userinfo {
        padding: 0 15px;
        text-align: right;
        font-size: 0.875em;
        color: #4e4e4e;
    }

        nav.profile .userinfo .name {
            font-size: 1.143em;
        }

    nav.profile .profileHeader {
        min-height: 90px;
        background-color: #F3F3F3;
    }

        nav.profile .profileHeader .closeProfile {
            font-size: 1.875em;
            font-weight: 100;
            padding: 10px;
            color: #4e4e4e;
            cursor: pointer;
        }

    nav.profile > ul {
        background: #4e4e4e;
        overflow: visible;
        padding: 0;
        height: 100%;
    }

        nav.profile > ul a {
            color: #FFC439;
        }

            nav.profile > ul a:hover {
                color: #FFC439;
            }

        nav.profile > ul > li {
            position: relative;
            background: #4e4e4e;
            border-bottom: 1px solid #D3D3D3;
            display: block;
        }

            nav.profile > ul > li:hover a {
                border-left: 5px solid #FFC439;
                padding-left: 15px;
            }

            nav.profile > ul > li a {
                text-align: left;
                position: relative;
                display: block;
                padding: 15px 20px;
            }

    nav.profile.active {
        right: 0;
    }

nav.tabbed {
    float: right;
    margin-top: -15px;
    margin-right: 15px;
}

    nav.tabbed ul li {
        position: relative;
        display: inline;
        padding: 5px 10px;
    }

        nav.tabbed ul li a {
            color: #444444;
            font-size: 16px;
        }

        nav.tabbed ul li.active {
            font-weight: bold;
            padding-bottom: 10px;
        }

            nav.tabbed ul li.active a {
                color: #444444;
                font-weight: bold;
                font-size: 16px;
            }

            nav.tabbed ul li.active::after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: -5px;
                height: 5px;
                background-color: #FFC439;
            }

.page-content {
    margin-bottom: 75px;
    margin-top: 26px;
}

.footer-pusher {
    height: 1px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px 30px;
    z-index: 75;
    color: #FFF;
    background-color: rgba(78, 78, 78, 0.95);
}

    footer.row {
        margin: 0;
    }

    footer a {
        font-size: 11px;
        color: #FFC439;
    }

        footer a:hover {
            text-decoration: underline;
            color: inherit;
        }

    footer .column .footer-logo {
        text-align: left;
    }

    footer .column .privacy-policy {
        margin: 5px auto 0;
        font-size: 11px;
    }

    footer .column nav.footer-nav {
        float: right;
        font-size: 14px;
    }

        footer .column nav.footer-nav .dropup-menu ul {
            background: #4e4e4e;
        }

            footer .column nav.footer-nav .dropup-menu ul li {
                font-size: 14px;
            }

                footer .column nav.footer-nav .dropup-menu ul li a {
                    color: #FFC439;
                    display: block;
                    padding: 15px 20px 15px 35px;
                }

                    footer .column nav.footer-nav .dropup-menu ul li a:hover {
                        text-decoration: none;
                        cursor: pointer;
                        padding-left: 30px;
                    }

    footer.top-side {
        background-color: rgba(78, 78, 78, 0.95);
    }

        footer.top-side .footer-logo svg {
            fill: #FFF;
        }

.footer-logo {
    height: 20px;
}

    .footer-logo svg {
        fill: #FFF;
        max-height: 35px;
        max-width: 175px;
    }

.clear-fix {
    clear: both;
}

.mobile {
    display: none;
}

br.break-large {
    display: none;
}

.description {
    margin: 0 0 0 15px;
}

.datepicker,
.datepicker td {
    border-radius: 0;
    border: 1px solid #D3D3D3;
}

div.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.7);
}

.dropup-menu ul {
    display: none;
    position: absolute;
    bottom: 26px;
    right: -40px;
    min-width: 250px;
}

    .dropup-menu ul.active {
        display: inline;
    }

    .dropup-menu ul li {
        background: #4e4e4e;
        border-bottom: 1px solid #D3D3D3;
    }

        .dropup-menu ul li a {
            padding: 15px 15px 15px 35px;
        }

            .dropup-menu ul li a:hover {
                border-left: 5px solid #FFC439;
                padding-left: 30px;
            }

.collapsable {
    margin-top: 20px;
    font-size: 14px;
}

    .collapsable.no-push {
        margin-top: 0;
    }

    .collapsable .collapsable-header {
        cursor: pointer;
    }

        .collapsable .collapsable-header .collapsable-title {
            font-size: 1em;
            display: inline;
            padding-left: 15px;
        }

        .collapsable .collapsable-header .collapse-ctrl {
            transition: all 0.2s linear;
            -ms-transform: rotate(135deg);
            transform: rotate(135deg);
            position: relative;
            margin-top: 5px;
            border-top: 1px solid #1472a8;
            border-left: 1px solid #1472a8;
            width: 12px;
            height: 12px;
        }

        .collapsable .collapsable-header.open .collapse-ctrl {
            margin-top: 0;
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
        }

    .collapsable .collapsable-content {
        margin-top: 0;
        padding: 0 50px 25px;
        display: none;
    }

        .collapsable .collapsable-content.no-push {
            padding: 0 10px 0 0;
        }

.pull-extremeleft {
    left: 0 !important;
    position: absolute;
}

.full-width {
    width: 100%;
}

#benefitsForm,
#benenfitSelectForm {
    margin-bottom: 50px;
}

#paymentsForm .gender .radiolabel {
    position: relative;
    left: 30px;
    bottom: 5px;
}

#paymentsForm .gender .inputWrapper {
    margin-left: 20px;
}

#paymentsForm .gender label {
    width: 60px;
    margin-right: 15px;
}

form[name=investmentType] {
    margin-bottom: 15px;
}

#rateofReturnDateRangeForm {
    margin: 20px 0 0 5px;
}

    #rateofReturnDateRangeForm label {
        margin: 10px;
        float: left;
        width: inherit;
    }

    #rateofReturnDateRangeForm .inputWrapper input {
        margin-top: 0;
    }

.table-rownocolor tbody tr:nth-child(even),
.table-rownocolor tbody tr:nth-child(odd) {
    background-color: #FFF;
}

.table-outerborder > tbody > tr > td {
    border: 0;
}

    .table-outerborder > tbody > tr > td:last-child {
        border-right: 1px solid #D3D3D3;
    }

.table-child {
    margin: 0;
}

    .table-child tbody tr:nth-child(even) {
        background-color: #F7F7F7;
    }

    .table-child tbody tr:nth-child(odd) {
        background-color: #FFF;
    }

    .table-child > tbody > tr > td:first-child,
    .table-child > tbody > tr > td:last-child {
        border-left: 0;
        border-right: 0;
    }

.color-orange {
    color: #FF8828;
}

.color-blue {
    color: #1C4890;
}

.text-error {
    color: #F44336;
}

.content-header {
    margin-bottom: 30px;
}

    .content-header .print {
        color: #6C6C6C;
        margin-top: -10px;
        padding-right: 2px;
    }

        .content-header .print .glyphicons.print-icon {
            margin-right: 0;
        }

    .content-header.wizard {
        margin-bottom: 25px;
    }

        .content-header.wizard .icons {
            padding-right: 7px;
        }

            .content-header.wizard .icons a {
                color: #6C6C6C;
            }

            .content-header.wizard .icons .paperclip,
            .content-header.wizard .icons .undo {
                margin-top: -32px;
            }

            .content-header.wizard .icons .print {
                margin-top: -10px;
            }

                .content-header.wizard .icons .print .glyphicons.print-icon {
                    margin-right: 0;
                }

div .no-padding,
span .no-padding {
    padding-left: 0;
    padding-right: 0;
}

div .no-padding-left,
span .no-padding-left {
    padding-left: 0;
}

div .no-padding-right,
span .no-padding-right {
    padding-right: 0;
}

div .active-block,
span .active-block {
    border: outset;
    border-width: medium;
    background-color: #EBEFF2;
    height: 65px;
    display: table;
}

    div .active-block > span,
    span .active-block > span {
        display: table-cell;
        vertical-align: middle;
    }

div .inactive-block,
span .inactive-block {
    border: none;
    border-width: medium;
    background-color: #FFF;
    height: 65px;
    display: table;
}

    div .inactive-block > span,
    span .inactive-block > span {
        display: table-cell;
        vertical-align: middle;
    }

div .right-border,
span .right-border {
    border-right: solid 1px #D3D3D3;
}

div .left-border,
span .left-border {
    border-left: solid 1px #D3D3D3;
}

div .help span,
span .help span {
    padding-top: 36px;
    margin-left: -3px;
}

.font-size-small {
    font-size: 12px;
}

table.full-width {
    width: 100%;
}

table tr.oddrow {
    background-color: #F7F7F7 !important;
}

table tr.evenrow {
    background-color: #FFF !important;
}

table tr.table-medium-gray {
    background-color: #EBEFF2 !important;
}

table thead tr th label.checkbox-label {
    margin-top: 0;
}

table td.align-top {
    vertical-align: top;
}

table td.half-width {
    width: 50%;
}

table td.quarter-width {
    width: 25%;
}

.tabbed-menu hr {
    margin-top: 3px;
}

.white-background {
    background-color: #FFF;
    padding: 20px;
    margin-left: 1px;
}

.row.no-top-margin-sm {
    margin-top: 5px;
}

@media only screen and (max-width: 767px) {
    #styletest nav.top-top {
        background-color: #37474F;
        background: linear-gradient(top, #37474F, #3C3C3C);
        background: -o-linear-gradient(top, #37474F, #3C3C3C);
    }

        #styletest nav.top-top > ul > li.active {
            background-color: transparent;
        }

    .no-top-margin-sm {
        margin-top: 10px !important;
    }

    table td.m-half-width {
        width: 50%;
    }

    .m-topsm {
        margin-top: 10px !important;
    }

    m-p-leftxsm {
        padding-left: 5px !important;
    }

    .m-pull-none {
        float: none !important;
    }

    .m-btn-margin {
        margin-right: 5% !important;
        margin-left: 5% !important;
    }

    .m-tablecell {
        display: table-cell !important;
    }

    .page-content {
        margin-top: 30px !important;
    }

    header.mainHeader ul li.welcomemsg {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .m-margin-top-37px {
        margin-top: -37px;
    }
    /********* DVC *************/
    /* Hide DVC in mobile view */
    .mainNav > ul > li > div > a[href^='psglobaldvc.aspx'] {
        display: none;
    }

    .mainNav > ul > li > ul > li {
        display: none;
    }

    #profilemenuslider .m-dvc {
        display: none;
    }
    /*****************/
}

.glyphicons.red {
    color: #F44336;
}

.glyphicons.green {
    color: #01C251;
}

.glyphicons.gray {
    color: #6C6C6C;
}

.displayTable {
    display: table !important;
}

.displayTableCell {
    display: table-cell !important;
}

.paging .disabled {
    opacity: 0.4;
}

.paging .cursor {
    cursor: pointer;
}

.paging .txtbox {
    width: 50px !important;
}

.paging .btn-primary {
    width: 60px !important;
    float: none !important;
    padding-top: 9px !important;
    margin-left: 15px;
}

.paging label {
    width: auto;
    margin-top: 5px;
}

.paging .push-left {
    left: -7%;
}

.container .tooltip-inner {
    color: #ffffff !important;
    font-weight: 500;
    background-color: #414141 !important;
    min-height: 50px !important;
    height: auto;
    padding: 15px 15px 15px 15px;
    border: none;
    text-align: left !important;
    max-width: 400px !important;
    width: 250px;
    font-size: 14px;
    border-radius: 4px;
}

.container .tooltip.left .tooltip-arrow {
    border-left-color: #414141 !important;
}

.container .tooltip.top .tooltip-arrow {
    border-top-color: #414141 !important;
}

.container .tooltip-inner a {
    color: #FFFFFF;
    text-decoration: underline;
}

.container .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.container .backfound-color-white {
    color: #FFFFFF;
}

.wizard-progress-bar-container {
    margin: 11px 0 8px;
}

    .wizard-progress-bar-container .progress {
        overflow: hidden;
        height: 5px;
        margin-bottom: 13px;
        border-radius: 0;
        box-shadow: none;
        background-color: #D3D3D3;
    }

        .wizard-progress-bar-container .progress .progress-bar {
            box-shadow: none;
            background-color: #12838E;
            height: 100%;
        }

    .wizard-progress-bar-container .progress-label {
        display: block;
        font-size: 22px;
        font-weight: 200;
    }

        .wizard-progress-bar-container .progress-label .colored {
            color: #12838E;
            font-weight: normal;
        }

            .wizard-progress-bar-container .progress-label .colored .percent {
                font-weight: bold;
            }

.progress {
    box-shadow: none;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
/*@media print {
    a[href]:after {
          content: "";
      }
    }*/
hr.no-bottom-margin {
    margin-bottom: 0;
}

hr.no-top-margin {
    margin-top: 0;
}

@media only screen and (max-width: 1024px) {
    header.mainHeader {
        /*.primary-logo {
      text-align:center;
      a{
        top: 29%;
      }
    }*/
    }

        header.mainHeader .secondary-logo {
            float: left;
            margin-top: -65px;
            left: 12%;
            text-align: right;
        }
}

@media only screen and (max-width: 1024px) {
    /*#pagecontainer{
      position: relative;
    }*/
    .desktop {
        display: none;
    }

    .mobile {
        display: inherit;
    }

    br.break-large {
        display: block;
    }

    .page-content {
        margin-top: 80px;
    }

    #mobileHBar {
        position: absolute;
        left: 0;
        width: 100%;
        height: 51px;
        background-color: #3C3C3C;
        background: linear-gradient(top, #3C3C3C, #37474F);
        background: -o-linear-gradient(top, #3C3C3C, #37474F);
        margin-bottom: 0;
    }

    .mobile-nav-button {
        clear: both;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 107px;
        left: 24px;
        margin-bottom: 20px;
    }

        .mobile-nav-button span {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            height: 3px;
            width: 100%;
            background-color: #FFF;
            transition: transform 0.4s ease, background-color 0.4s ease, top 0.4s ease, left 0.4s ease, max-height 0.01s linear;
            transition-delay: 0.15s;
        }

            .mobile-nav-button span.slice2 {
                max-height: 3px;
                top: 7px;
            }

            .mobile-nav-button span.slice3 {
                top: 14px;
            }

        .mobile-nav-button.active {
            top: 19px;
            left: 170px;
            z-index: 999998;
        }

            .mobile-nav-button.active span {
                background-color: #FFF;
            }

            .mobile-nav-button.active .slice1 {
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                top: 7px;
            }

            .mobile-nav-button.active .slice2 {
                max-height: 0;
            }

            .mobile-nav-button.active .slice3 {
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 7px;
            }

    nav.mainNav {
        position: absolute;
        top: 2px;
        margin-left: -225px;
        transition: margin 0.5s ease;
        z-index: 999997;
    }

        nav.mainNav.active {
            margin-left: 0;
        }

        nav.mainNav.overlay::after {
            content: " ";
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            min-height: 100%;
            z-index: 50;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: -1;
        }

        nav.mainNav > ul {
            width: 225px;
            background: #3C3C3C;
            overflow: visible;
            padding: 0;
        }

            nav.mainNav > ul a {
                color: #FFF;
            }

                nav.mainNav > ul a:hover {
                    color: #FFC439;
                }

            nav.mainNav > ul > li {
                position: relative;
                border-top: none;
                display: block;
                border-bottom: 1px solid #D3D3D3;
            }

                nav.mainNav > ul > li:last-child {
                    border: none;
                }

                nav.mainNav > ul > li a {
                    text-align: left;
                    position: relative;
                    display: block;
                    padding: 15px 20px;
                }

                    nav.mainNav > ul > li a span::before {
                        left: 0;
                    }

                    nav.mainNav > ul > li a span + span {
                        position: relative;
                        top: 2px;
                        left: 5px;
                    }

                nav.mainNav > ul > li > ul {
                    position: relative;
                    padding: 0;
                    margin-left: 0;
                    width: 100%;
                    background-color: #FFF;
                    box-shadow: none;
                }

                    nav.mainNav > ul > li > ul.submenuShow {
                        position: relative;
                    }

                    nav.mainNav > ul > li > ul a {
                        color: #6C6C6C;
                    }

                    nav.mainNav > ul > li > ul > li {
                        display: block;
                        border-bottom: 1px solid #D3D3D3;
                    }

                        nav.mainNav > ul > li > ul > li a {
                            text-align: right;
                            border: none;
                            position: relative;
                            color: #6C6C6C;
                        }

                            nav.mainNav > ul > li > ul > li a:active {
                                box-shadow: inset 2px 2px 6px -1px #000;
                            }

                        nav.mainNav > ul > li > ul > li:last-child {
                            border: none;
                        }

                        nav.mainNav > ul > li > ul > li.active a:after,
                        nav.mainNav > ul > li > ul > li a:hover:after {
                            content: '';
                            position: absolute;
                            height: 0;
                            background: none;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }

        nav.mainNav .radio-group label {
            margin-bottom: 20px;
        }

    nav.top-top > ul > li a,
    nav.top-top > ul > li a:hover {
        color: #FFF;
    }

    nav.top-horizontal ul li ul li a:hover {
        background-color: #ffffff;
        border-left: 5px solid #FFC439;
        padding-left: 30px;
        color: #6C6C6C;
    }

    .paging .push-left {
        left: 4%;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 7px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 7px;
        }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    }
}

.html-insert-container {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    header.mainHeader {
        height: 150px;
    }

        header.mainHeader nav.options-bar {
            min-height: 35px;
            margin-top: -6px;
            padding-right: 12px;
        }

            header.mainHeader nav.options-bar ul li.profile-menu span.push {
                display: block;
                min-width: 150px;
            }

            header.mainHeader nav.options-bar ul li span.glyphicons {
                color: #FFF;
                z-index: 10;
            }

        header.mainHeader .primary-logo {
            height: 40px;
            margin-top: 15px;
            width: 100%;
            text-align: center;
        }

            header.mainHeader .primary-logo a {
                top: 29%;
                position: relative;
            }

            header.mainHeader .primary-logo img {
                max-height: 40px;
            }

        header.mainHeader .secondary-logo {
            float: left;
            margin-top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            height: 40px;
        }

            header.mainHeader .secondary-logo img {
                max-height: 40px;
            }

        header.mainHeader #mobileHBar {
            width: 100%;
            height: 30px;
            background-color: #4e4e4e;
            margin-top: -28px;
            margin-bottom: 0;
        }

    .mobile-nav-button {
        clear: both;
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        z-index: 999999;
        top: 145px;
        left: 10px;
        margin-bottom: 20px;
    }

        .mobile-nav-button span {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            height: 3px;
            width: 100%;
            background-color: #FFF;
            transition: transform 0.4s ease, background-color 0.4s ease, top 0.4s ease, left 0.4s ease, max-height 0.01s linear;
            transition-delay: 0.15s;
        }

            .mobile-nav-button span.slice2 {
                max-height: 3px;
                top: 7px;
            }

            .mobile-nav-button span.slice3 {
                top: 14px;
            }

        .mobile-nav-button.active {
            top: 20px;
            left: 180px;
        }

            .mobile-nav-button.active span {
                background-color: #FFF;
            }

            .mobile-nav-button.active .slice1 {
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                top: 7px;
            }

            .mobile-nav-button.active .slice2 {
                max-height: 0;
            }

            .mobile-nav-button.active .slice3 {
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                top: 7px;
            }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        ::-webkit-scrollbar:vertical {
            width: 7px;
        }

        ::-webkit-scrollbar:horizontal {
            height: 7px;
        }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    }

    footer {
        padding: 5px 0 0;
    }

        footer .column .footer-logo {
            text-align: center;
        }

    .dropup-menu ul {
        bottom: 53px;
    }

    .content-header {
        margin-bottom: 0;
    }

        .content-header .print {
            margin-top: -26px;
            padding-right: 0;
        }

    .tabbed-menu {
        margin-top: 25px;
    }

        .tabbed-menu hr {
            margin-top: 21px;
        }

    .input-group {
        width: 100%;
    }

    #divredemptionfees .btn,
    #divredemptionfees .button {
        width: 150px !important;
        margin: 0 10px !important;
    }

    .paging .btn-primary {
        margin-top: 11px;
        margin-left: 15px;
        display: inline-block;
    }

    .paging .push-left {
        left: 4%;
    }
}

input[type=text]::-ms-clear {
    display: none;
}

#loandetails .table-wrapper {
    margin-top: 15px !important;
}

.modal-window.alert-model {
    width: 40%;
    left: 30%;
}

.modal-window .div-invst-grid {
    margin-top: 30px;
}

a.disabledAnchor {
    pointer-events: none !important;
    cursor: default;
    color: gray;
}

a.enbledAnchor {
    color: dodgerblue;
}

.select2-container {
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        height: 35px;
    }

        .select2-container .select2-selection--single .select2-selection__arrow {
            height: 35px;
            top: 0px;
        }

        .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 34px;
        }

.select2-dropdown {
    width: 300px !important;
}

.select2-results__option small {
    float: right;
}

.select2-results__group {
    background: #D3D3D3;
}

[class^='select2'] {
    border-radius: 0px !important;
}

.select2-drop-active {
    width: 300px;
}

    .select2-drop-active input[type="search"] {
        width: 100%;
    }

    .select2-drop-active small {
        float: right;
    }

    .select2-drop-active .select2-results li.select2-result-with-children > .select2-result-label {
        background: #D3D3D3;
    }

.select2-container .select2-choice {
    height: 35px;
}

    .select2-container .select2-choice .select2-chosen {
        margin-top: 4px;
    }

    .select2-container .select2-choice .select2-arrow {
        background: none;
        border-left: none;
    }
/*@media print {
  
      .table-wrapper > table {
          min-width: auto;
      }
  
      table, table tr.row-total, table tr td {
          border: #000 solid 1px !important;
          overflow: hidden;
      }
  
      .visible-print {
          display: block !important;
      }
  
      footer {
          display: none;
      }
  
  }*/

button#onetrust-accept-btn-handler {
    background-color: #007EAC !important;
    color: #FFF !important;
}

.save-preference-btn-handler.onetrust-close-btn-handler {
    background-color: #007EAC !important;
    color: #FFF !important;
}

@media only screen and (max-width: 767px) {
    .dropup-menu ul {
        right: 0px;
    }
}

.align-text {
    text-align: right;
}

.no-padding-left {
    padding-left: 0px;
}

@media only screen and (max-width: 767px) {
    .dropup-menu ul {
        right: -10px;
    }

    .align-text {
        text-align: center;
    }
}

.add-funds-modal form td label.checkbox-label {
    margin-left: 0px;
}

.add-funds-modal form label {
    display: inline;
}

.alert {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
}

    .alert .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    .alert > span:nth-of-type(2),
    .alert .message {
        width: 95%;
        padding: 5px 0;
    }

        .alert > span:nth-of-type(2) *,
        .alert .message * {
            margin: 0;
        }

    .alert ul {
        display: inline-table;
    }

.alert-error,
.alert-danger,
.error-message,
.error-message-big {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #ffd6c9;
    color: #bb0000;
    text-align: left;
}

    .alert-error .glyphicons,
    .alert-danger .glyphicons,
    .error-message .glyphicons,
    .error-message-big .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    .alert-error > span:nth-of-type(2),
    .alert-danger > span:nth-of-type(2),
    .error-message > span:nth-of-type(2),
    .error-message-big > span:nth-of-type(2),
    .alert-error .message,
    .alert-danger .message,
    .error-message .message,
    .error-message-big .message {
        width: 95%;
        padding: 5px 0;
    }

        .alert-error > span:nth-of-type(2) *,
        .alert-danger > span:nth-of-type(2) *,
        .error-message > span:nth-of-type(2) *,
        .error-message-big > span:nth-of-type(2) *,
        .alert-error .message *,
        .alert-danger .message *,
        .error-message .message *,
        .error-message-big .message * {
            margin: 0;
        }

    .alert-error ul,
    .alert-danger ul,
    .error-message ul,
    .error-message-big ul {
        display: inline-table;
    }

    .alert-error .glyphicons,
    .alert-danger .glyphicons,
    .error-message .glyphicons,
    .error-message-big .glyphicons {
        color: #bb0000;
    }

.alert-confirmation,
.alert-success,
.success-message,
.success-message-big {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #d6efaa;
    color: #045401;
    text-align: left;
}

    .alert-confirmation .glyphicons,
    .alert-success .glyphicons,
    .success-message .glyphicons,
    .success-message-big .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    .alert-confirmation > span:nth-of-type(2),
    .alert-success > span:nth-of-type(2),
    .success-message > span:nth-of-type(2),
    .success-message-big > span:nth-of-type(2),
    .alert-confirmation .message,
    .alert-success .message,
    .success-message .message,
    .success-message-big .message {
        width: 95%;
        padding: 5px 0;
    }

        .alert-confirmation > span:nth-of-type(2) *,
        .alert-success > span:nth-of-type(2) *,
        .success-message > span:nth-of-type(2) *,
        .success-message-big > span:nth-of-type(2) *,
        .alert-confirmation .message *,
        .alert-success .message *,
        .success-message .message *,
        .success-message-big .message * {
            margin: 0;
        }

    .alert-confirmation ul,
    .alert-success ul,
    .success-message ul,
    .success-message-big ul {
        display: inline-table;
    }

    .alert-confirmation .glyphicons,
    .alert-success .glyphicons,
    .success-message .glyphicons,
    .success-message-big .glyphicons {
        color: #01c251;
    }

.alert-warning {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #ffe5a6;
    color: #b33c00;
    text-align: left;
}

    .alert-warning .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    .alert-warning > span:nth-of-type(2),
    .alert-warning .message {
        width: 95%;
        padding: 5px 0;
    }

        .alert-warning > span:nth-of-type(2) *,
        .alert-warning .message * {
            margin: 0;
        }

    .alert-warning ul {
        display: inline-table;
    }

    .alert-warning .glyphicons {
        color: #ff8828;
    }

.alert-info {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #c0efff;
    color: #1C4890;
    text-align: left;
}

    .alert-info .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    .alert-info > span:nth-of-type(2),
    .alert-info .message {
        width: 95%;
        padding: 5px 0;
    }

        .alert-info > span:nth-of-type(2) *,
        .alert-info .message * {
            margin: 0;
        }

    .alert-info ul {
        display: inline-table;
    }

    .alert-info .glyphicons {
        color: #1C4890;
    }

g[class$='-dataset'] text tspan {
    color: #6C6C6C;
    font-size: 14px;
    font-weight: bold;
    /*&:first-child {
        font-size: 25px;
        font-weight:bold;
      }*/
}

doughnut-chart {
    position: relative;
    display: block;
}

    doughnut-chart .chart-placeholder-container {
        width: 100%;
        height: 315px;
        position: relative;
    }

        doughnut-chart .chart-placeholder-container .chart-placeholder {
            width: 152px;
            height: 152px;
            border: 1px solid #D3D3D3;
            position: absolute;
            top: 44%;
            left: 50%;
            border-radius: 50%;
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            font-size: 25px;
            font-weight: bold;
        }

            doughnut-chart .chart-placeholder-container .chart-placeholder:after {
                content: "";
                display: block;
                width: 200px;
                height: 200px;
                border: 1px solid #D3D3D3;
                border-radius: 50%;
                position: absolute;
                left: -26px;
                top: -26px;
            }

.collapsable-area {
    display: none;
}

.chevron-styles {
    content: '';
    display: inline-block;
    transition: all .2s linear;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
    cursor: pointer;
}

.chevron-styles-open {
    margin-top: 0px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.collapse-chevron:before {
    content: '';
    display: inline-block;
    transition: all .2s linear;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-right: 15px;
}

.collapse-chevron.open:before {
    margin-top: 0px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.collapse-chevron-right:after {
    content: '';
    display: inline-block;
    transition: all .2s linear;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
    cursor: pointer;
    width: 8px;
    height: 8px;
    margin-left: 6px;
}

.collapse-chevron-right.open:after {
    margin-top: 0px;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.collapsable-sub-area {
    display: none;
}

*[currency-with-superscript] {
    font-weight: 300;
}

    *[currency-with-superscript] sup {
        font-size: 50%;
        top: -0.7em;
    }

        *[currency-with-superscript] sup:first-child {
            font-weight: 200;
        }

    *[currency-with-superscript] .comma {
        font-weight: 200;
        margin-left: -1px;
    }

*[detail-box] {
    position: relative;
}

.detail-box {
    display: none;
    position: absolute;
    width: 250px;
    max-height: 175px;
    padding: 15px;
    background-color: #414141;
    line-height: 40px;
    color: #000;
    /*z-index: 15;*/
    z-index: 1200;
    border-radius: 4px;
}

    .detail-box:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: -5px;
        left: 50%;
        display: inline-block;
        background-color: #414141;
        box-shadow: 7px 7px 10px -5px #414141;
    }

    .detail-box:before {
        position: absolute;
        content: '';
        width: 250px;
        height: 35px;
        left: 0;
        bottom: -30px;
        background-color: transparent;
    }

    .detail-box.active {
        display: block;
        left: 0;
    }

    .detail-box a {
        color: #FFFFFF;
        text-decoration: underline;
    }

    .detail-box .backfound-color-white {
        color: #FFFFFF;
    }

@media only screen and (max-width: 1024px) {
    .modal-center {
        left: 12% !important;
    }
}

.error-notification {
    display: none;
    opacity: 0;
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 70px;
    line-height: inherit;
    padding: 7px 10px 7px 1px;
    margin: 40px 15px 10px 15px;
    transition: opacity 0.5s ease;
}

    .error-notification.active {
        display: block;
    }

        .error-notification.active.show {
            opacity: 1;
        }

    .error-notification i {
        top: 15px;
    }

    .error-notification span {
        padding-left: 34px;
        display: inline-block;
        margin-top: -15px;
    }

.file-upload {
    margin-right: 15px;
}

.file-upload-trigger > a {
    cursor: pointer;
}

.glyphicons.glyphicons-paperclip {
    cursor: pointer;
}

.file-upload-content .file-upload-title {
    margin-bottom: 20px;
}

.file-upload-content .file-upload-form {
    margin: 30px 0 15px 0;
}

    .file-upload-content .file-upload-form label {
        margin: 0 5px 5px 0;
    }

.file-upload-content .file-container {
    padding: 15px;
    background: #D3D3D3;
    margin-bottom: 20px;
}

    .file-upload-content .file-container .close-icon {
        cursor: pointer;
    }

    .file-upload-content .file-container .file-label {
        margin-bottom: 5px;
    }

.file-upload-content .file-upload-input::-webkit-file-upload-button {
    visibility: hidden;
}

.file-upload-content .file-upload-input {
    width: 152px;
    height: 42px;
    overflow: hidden;
    outline: none;
}

    .file-upload-content .file-upload-input::before {
        content: 'Choose File';
        margin: 0;
        padding: 12px 0;
        cursor: pointer;
        outline: none;
    }

.file-upload-content .accepted-file-types {
    margin-top: 10px;
    color: #6C6C6C;
}

.file-upload-content .btn-submit > img {
    width: 25%;
    height: 100%;
}

.file-upload-content .existing-file-table .file-url {
    cursor: pointer;
}

.ijoin .svg-ijoin {
    background-color: #4e4e4e;
    width: 85px;
    height: 100%;
    padding-left: 12px;
    fill: #FFC439;
}

.ijoin .st0 {
    opacity: 0.3;
    enable-background: new;
}

.ijoin .ijoin-modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.ijoin .modal-window .modal-div {
    margin-left: 2px;
}

.ijoin .modal-window .modal-action-div {
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

.ijoin .modal-window .modal-checkbox-div {
    margin-top: 10px;
    margin-left: 2px;
}

.ijoin .modal-window h2 {
    margin-bottom: 3px;
    margin-top: 6px;
}

.ijoin .modal-window .glyphicons {
    margin-top: -10px;
    margin-right: -10px;
}

.ijoin .btn,
.ijoin .button,
.ijoin .button {
    display: inline;
    margin: 0;
    padding: 6px 12px;
}

    .ijoin .btn.right-Margin,
    .ijoin .button.right-Margin,
    .ijoin .button.right-Margin {
        margin-right: 10px !important;
    }

    .ijoin .btn.large-btn,
    .ijoin .button.large-btn,
    .ijoin .button.large-btn {
        width: 200px;
    }

.ijoin .push-down {
    margin-top: 30px;
    padding-right: 0;
}

.ijoin .vcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.ijoin .padding-left-90px {
    padding-left: 90px;
}

.ijoin .margin-top-10px {
    margin-top: -10px;
}

.ijoin .margin-top-5px {
    margin-top: -5px;
}

@media only screen and (max-width: 767px) {
    .ijoin .ijoin-btn {
        margin-top: 22px !important;
    }

    .ijoin .btn,
    .ijoin .button {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 15px !important;
    }
}

@media only screen and (min-width: 768px) {
    .ijoin .ijoin-btn {
        float: none;
        margin-left: 18px !important;
    }
}

loading .loading-overlay.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

loading .loading-overlay .spinner {
    animation: rotator 2.4s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

loading .loading-overlay .path {
    stroke-dasharray: 89,190;
    stroke-dashoffset: -10;
    -ms-transform-origin: center;
    transform-origin: center;
    animation: dash 2.4s ease-in-out infinite, colors 9.6s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #4e4e4e;
    }

    25% {
        stroke: #1472a8;
    }

    50% {
        stroke: #FFC439;
    }

    75% {
        stroke: #1472a8;
    }

    100% {
        stroke: #4e4e4e;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 240;
    }

    50% {
        transform: rotate(135deg);
        stroke-dashoffset: 60;
    }

    100% {
        transform: rotate(450deg);
        stroke-dashoffset: 240;
    }
}

.loading-modal {
    min-height: 175px;
}

.modal-window {
    display: none;
    position: fixed;
    top: 150px;
    width: 60%;
    min-width: 400px;
    left: 20%;
    padding: 20px;
    background: #F3F3F3;
    z-index: 1050;
    max-height: 600px;
    overflow: auto;
    transition: all 0.5s;
}

    .modal-window.active {
        display: block;
    }

    .modal-window .close-modal.default {
        cursor: pointer;
        float: right;
        margin-bottom: 10px;
        width: 32px;
        height: 32px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .modal-window .close-modal.default:before {
            content: ' ';
            position: absolute;
            display: block;
            width: 21px;
            border-bottom: 1px solid #414141;
            height: 21px;
            bottom: 21px;
            left: 3px;
        }

        .modal-window .close-modal.default:after {
            content: ' ';
            position: absolute;
            display: block;
            width: 21px;
            border-left: 1px solid #414141;
            height: 21px;
            left: 13px;
        }

    .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-canvas {
        background: #4e4e4e;
    }

    .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell {
        background: #4e4e4e;
        border-color: #000;
        color: #FFC439;
        font-size: 14px;
        padding: 2px 10px;
    }

        .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-column-menu-button {
            display: none;
        }

        .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-cell-contents {
            outline: none;
        }

        .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell i {
            display: none;
        }

    .modal-window .ui-grid-contents-wrapper .ui-grid-viewport .ui-grid-canvas .ui-grid-row:nth-child(even) .ui-grid-cell {
        background-color: #F7F7F7;
    }

    .modal-window .ui-grid-contents-wrapper .ui-grid-viewport .ui-grid-canvas .ui-grid-row .ui-grid-cell {
        padding: 4px 10px 8px;
        min-height: 38px;
        color: #4e4e4e;
        font-size: 14px;
    }

    .modal-window .ui-grid-invisible {
        display: none;
    }

.table-modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    /*max-width: 600px;*/
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
    .modal-window.pendingTrans-window {
        max-height: 500px;
        top: 120px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-window {
        min-width: 80%;
        top: 80px;
    }
}

@media only screen and (max-width: 1024px) {
    .modal-window {
        min-width: 80%;
        top: 80px;
        left: 10%;
    }
}

.performance sup {
    font-weight: 100;
    font-size: 50%;
    top: -0.7em;
}

.positive,
.positive + .glyphicons-circle-arrow-top {
    color: #01C251;
}

.negative,
.negative + .glyphicons-circle-arrow-down {
    color: #F44336;
}

.neutral,
.neutral + .glyphicons-circle-minus {
    color: #4e4e4e;
}

.progress-bar-container {
    margin: 35px 0 30px 0;
}

    .progress-bar-container .progress {
        background-color: #D3D3D3;
        box-shadow: none;
        margin-bottom: 10px;
    }

        .progress-bar-container .progress .progress-bar {
            background-color: #12838E;
            box-shadow: none;
        }

    .progress-bar-container .progress-label {
        display: block;
        font-size: 22px;
        font-weight: 200;
    }

        .progress-bar-container .progress-label .colored {
            color: #12838E;
            font-weight: normal;
        }

            .progress-bar-container .progress-label .colored .percent {
                font-weight: bold;
            }

.rzslider {
    display: inline-block;
    position: relative;
    height: 10px;
    width: 100%;
    margin: 35px 0 15px 0;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .rzslider.with-legend {
        margin-bottom: 40px;
    }

    .rzslider[disabled] {
        cursor: not-allowed;
    }

        .rzslider[disabled] .rz-pointer {
            cursor: not-allowed;
            background-color: #d8e0f3;
        }

        .rzslider[disabled] .rz-draggable {
            cursor: not-allowed;
        }

        .rzslider[disabled] .rz-selection {
            background: #8b91a2;
        }

        .rzslider[disabled] .rz-tick {
            cursor: not-allowed;
        }

            .rzslider[disabled] .rz-tick.rz-selected {
                background: #8b91a2;
            }

    .rzslider span {
        white-space: nowrap;
        position: absolute;
        display: inline-block;
    }

    .rzslider .rz-base {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .rzslider .rz-bar-wrapper {
        left: 0;
        box-sizing: border-box;
        margin-top: -16px;
        padding-top: 16px;
        width: 100%;
        height: 32px;
        z-index: 1;
    }

    .rzslider .rz-draggable {
        cursor: move;
    }

    .rzslider .rz-bar {
        left: 0;
        width: 100%;
        height: 10px;
        z-index: 1;
        background: #414141;
        border-radius: 5px;
    }

    .rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
        background: transparent;
    }

    .rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
        background: #df002d;
    }

    .rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
        background: #03a688;
    }

    .rzslider .rz-selection {
        z-index: 2;
        background: #FD8837;
        border-radius: 5px;
    }

    .rzslider .rz-pointer {
        cursor: pointer;
        width: 32px;
        height: 32px;
        top: -11px;
        background-color: #A0A0A0;
        z-index: 3;
        border-radius: 16px;
    }

        .rzslider .rz-pointer:after {
            content: '';
            width: 8px;
            height: 8px;
            position: absolute;
            top: 12px;
            left: 12px;
            border-radius: 4px;
            background: #fff;
        }

        .rzslider .rz-pointer:hover:after {
            background-color: #fff;
        }

        .rzslider .rz-pointer.rz-active {
            z-index: 4;
        }

            .rzslider .rz-pointer.rz-active:after {
                background-color: #451aff;
            }

    .rzslider .rz-bubble {
        cursor: default;
        bottom: 16px;
        padding: 1px 3px;
        color: #55637d;
    }

        .rzslider .rz-bubble.rz-limit {
            color: #55637d;
        }

    .rzslider .rz-ticks {
        box-sizing: border-box;
        width: 100%;
        height: 0;
        position: absolute;
        left: 0;
        top: 0px;
        margin: 0;
        z-index: 1;
        list-style: none;
    }

    .rzslider .rz-ticks-values-under .rz-tick-value {
        top: auto;
        bottom: -32px;
    }

    .rzslider .rz-tick {
        text-align: center;
        cursor: pointer;
        width: 10px;
        height: 10px;
        background: #414141;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 11px;
    }

        .rzslider .rz-tick.rz-selected {
            background: #FD8837;
        }

    .rzslider .rz-tick-value {
        position: absolute;
        top: -30px;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .rzslider .rz-tick-legend {
        position: absolute;
        top: 24px;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        max-width: 50px;
        white-space: normal;
    }

    .rzslider.rz-vertical {
        position: relative;
        width: 10px;
        height: 100%;
        margin: 0 20px;
        padding: 0;
        vertical-align: baseline;
    }

        .rzslider.rz-vertical .rz-base {
            width: 100%;
            height: 100%;
            padding: 0;
        }

        .rzslider.rz-vertical .rz-bar-wrapper {
            top: auto;
            left: 0;
            margin: 0 0 0 -16px;
            padding: 0 0 0 16px;
            height: 100%;
            width: 32px;
        }

        .rzslider.rz-vertical .rz-bar {
            bottom: 0;
            left: auto;
            width: 10px;
            height: 100%;
        }

        .rzslider.rz-vertical .rz-pointer {
            left: -11px !important;
            top: auto;
            bottom: 0;
        }

        .rzslider.rz-vertical .rz-bubble {
            left: 16px !important;
            margin-left: 3px;
            bottom: 0;
        }

        .rzslider.rz-vertical .rz-ticks {
            height: 100%;
            width: 0;
            left: 0px;
            top: 0;
            z-index: 1;
        }

        .rzslider.rz-vertical .rz-tick {
            vertical-align: middle;
            margin-left: auto;
            margin-top: 11px;
        }

        .rzslider.rz-vertical .rz-tick-value {
            left: 24px;
            top: auto;
            -ms-transform: translate(0, -28%);
            transform: translate(0, -28%);
        }

        .rzslider.rz-vertical .rz-tick-legend {
            top: auto;
            right: 24px;
            -ms-transform: translate(0, -28%);
            transform: translate(0, -28%);
            max-width: none;
            white-space: nowrap;
        }

        .rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
            bottom: auto;
            left: auto;
            right: 24px;
        }
/* Slider colors */
slider {
    display: inline-block;
    position: relative;
    height: 4px;
    width: 100%;
    margin: 30px 0;
    vertical-align: middle;
}

    slider span {
        white-space: nowrap;
        position: absolute;
        display: inline-block;
    }

        slider span.slider-base {
            width: 100%;
            height: 100%;
            padding: 0;
        }

        slider span.slider-bar-wrapper {
            box-sizing: border-box;
            margin-top: -4px;
            padding-top: 4px;
            width: 100%;
            height: 8px;
        }

        slider span.slider-bar {
            width: 100%;
            height: 15px;
            z-index: 0;
            background: #414141;
            border-radius: 2px;
        }

            slider span.slider-bar.slider-selection {
                width: 0%;
                z-index: 1;
                background: #FD8837;
                border-radius: 2px;
            }

        slider span.slider-pointer {
            cursor: pointer;
            width: 23px;
            height: 23px;
            top: -5px;
            border-radius: 50%;
            background-color: #cccccc;
            z-index: 2;
            /*.rounded(8px/2);
    -webkit-transition:all linear 0.15s;
    -moz-transition:all linear 0.15s;
    -o-transition:all linear 0.15s;
    transition:all linear 0.15s;*/
        }

.slider-pointer {
    border: 1px solid #414141;
}

slider span.slider-pointer:hover:after {
    background-color: #fff;
}

slider span.slider-pointer.slider-active:after {
    background-color: #451aff;
}

slider span.slider-bubble {
    cursor: default;
    top: -8px;
    padding: 1px 3px;
    color: #55637d;
}

    slider span.slider-bubble.slider-selection {
        top: 4px;
    }

    slider span.slider-bubble.slider-limit {
        color: #55637d;
        padding-top: 20px;
        font-size: 9pt;
    }

.stickynav {
    background-color: #FFC439;
    opacity: 0.98;
    font-size: 14px;
    display: none;
    box-shadow: 0px 3px 10px 1px rgba(50, 50, 50, 0.2);
}

    .stickynav li {
        border-left: 1px solid #ffeab9;
        color: #FFF;
    }

        .stickynav li:hover {
            background-color: #ffcc53;
            cursor: pointer;
        }

        .stickynav li:first-child {
            border-left: none;
        }

        .stickynav li .nav-item {
            text-align: center;
            padding: 5px 0;
        }

            .stickynav li .nav-item div {
                display: inline-block;
                font-family: 'Roboto-bold', helvetica, sans-serif;
                text-transform: uppercase;
                vertical-align: top;
            }

            .stickynav li .nav-item svg {
                padding-top: 10px;
                height: 35px;
            }

                .stickynav li .nav-item svg path,
                .stickynav li .nav-item svg rect {
                    fill: #FFF;
                }

        .stickynav li div {
            padding: 12px 0 0 5px;
        }

.tile-wrapper {
    background: #FFF;
    height: 100%;
    padding: 20px 15px;
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    box-shadow: 3px 3px 0 0 #D3D3D3;
    border-radius: 6px;
    color: #4e4e4e;
    will-change: border-color, box-shadow;
}

    .tile-wrapper i {
        display: block;
        font-size: 75px;
        text-align: center;
        margin: 14px auto 9px auto;
    }

        .tile-wrapper i.tile1-icon {
            color: #12838E;
        }

        .tile-wrapper i.tile2-icon {
            color: #B556B6;
        }

        .tile-wrapper i.tile3-icon {
            color: #9FDA38;
        }

        .tile-wrapper i.tile4-icon {
            color: #4e4e4e;
        }

    .tile-wrapper:hover {
        border-color: #1472a8;
        box-shadow: 3px 3px 0 0 #1472a8;
        transition: border-color 0.3s linear, box-shadow 0.3s linear;
    }

.tile-shadow {
    border-top: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    box-shadow: 3px 3px 0 0 #D3D3D3;
    border-radius: 6px;
}

.tile-external-wrapper {
    height: 100%;
}

.toggle-icon.circle_plus,
.toggle-icon.circle_minus {
    padding-top: 2px;
    color: #FFC439;
}

.advisorDashboard {
    /* Initial Layout of Advisor Dashboard*/
}

    .advisorDashboard #flashchart g[class*="anchor"] path {
        fill: #12838E !important;
    }

    .advisorDashboard #flashchart g[class*="connector"] path,
    .advisorDashboard #flashchart g[class*="connector"] circle {
        stroke: #12838E !important;
    }

    .advisorDashboard #flashchart g[class*="connector"] circle {
        fill: #12838E !important;
    }

    .advisorDashboard .chart-wrapper {
        background: #FFF;
        margin-bottom: 20px;
        min-height: 325px;
    }

        .advisorDashboard .chart-wrapper .chart-title {
            border-bottom: 1px solid #D3D3D3;
            padding: 15px 15px 15px 20px;
        }

        .advisorDashboard .chart-wrapper .chart-stage {
            overflow: hidden;
            padding: 0px 10px 5px 10px;
            position: relative;
        }

    .advisorDashboard .table-container {
        overflow-y: auto;
        _overflow: auto;
        padding-bottom: 15px;
    }

    .advisorDashboard .scroll-body {
        border-bottom: solid 1px #D3D3D3;
    }

    .advisorDashboard .withTerm .modalDialog {
        margin: 15% 0 0 10% !important;
        position: fixed !important;
        min-width: 60% !important;
        height: auto;
    }

        .advisorDashboard .withTerm .modalDialog table thead {
            width: 97.6%;
        }

    .advisorDashboard #advplanselectcontainer.chart-wrapper {
        min-height: 340px;
    }

    .advisorDashboard.chartDivTransparent .chart-wrapper {
        background: transparent;
    }

table.table-fixed tbody {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    min-width: 400px;
    display: block;
}

table.table-fixed thead,
table.table-fixed tr {
    display: block;
}

    table.table-fixed thead tr th,
    table.table-fixed tbody tr td {
        min-width: 100px;
        -ms-word-break: break-all !important;
        word-break: break-all !important;
        white-space: normal;
        text-wrap: normal;
    }

@media only screen and (max-width: 993px) {
    table.table-fixed {
        border-right: 0;
    }

        table.table-fixed thead,
        table.table-fixed tbody {
            width: 100%;
        }

            table.table-fixed thead tr th,
            table.table-fixed tbody tr td {
                width: 10px;
                -ms-word-break: break-all;
                word-break: break-all;
                white-space: normal;
                text-wrap: normal;
            }

                table.table-fixed thead tr th:last-child {
                    border-right: none;
                    padding-right: 0;
                }

                table.table-fixed tbody tr td:last-child {
                    border-right: none;
                }

    table.scroll {
        border-right: 0;
    }

        table.scroll thead,
        table.scroll tbody {
            width: 100%;
        }

            table.scroll thead tr th,
            table.scroll tbody tr td {
                width: 10px;
                -ms-word-break: break-all;
                word-break: break-all;
                white-space: normal;
                text-wrap: normal;
            }

                table.scroll thead tr th:last-child {
                    border-right: none;
                    padding-right: 0;
                }

                table.scroll tbody tr td:last-child {
                    border-right: none;
                }
}

@media only screen and (max-width: 768px) {
    .withTerm .modalDialog {
        margin: 0 !important;
        bottom: 25%;
    }

        .withTerm .modalDialog .table-fixed thead {
            width: 100%;
        }

        .withTerm .modalDialog .table-fixed tbody {
            min-width: 320px !important;
        }

    table.table-fixed thead tr th,
    table.table-fixed tbody tr td {
        width: 10px;
        -ms-word-break: break-all;
        word-break: break-all;
        white-space: normal;
        text-wrap: normal;
    }

        table.table-fixed thead tr th:last-child {
            border-right: none;
            padding-right: 0;
        }

        table.table-fixed tbody tr td:last-child {
            border-right: none;
        }

    table.table-fixed thead,
    table.table-fixed tbody {
        width: 100% !important;
    }
}

.modelPlanBalancesInnerTable thead {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-right: 0;
    border-left: 0;
    color: #4e4e4e;
}

    .modelPlanBalancesInnerTable thead tr th {
        font-weight: bold;
        color: #4e4e4e;
        border-right: none !important;
        border-bottom: none;
    }

        .modelPlanBalancesInnerTable thead tr th:first-child {
            padding-left: 41px;
        }

.modelPlanBalancesInnerTable tbody {
    border-bottom: 1px solid #D3D3D3 !important;
}

    .modelPlanBalancesInnerTable tbody tr td {
        border-right: none !important;
        border-bottom: none;
    }

.collapsibleText {
    color: #1472a8;
}

.rowTotalCellStyle {
    border-right: 0 !important;
}

#tablemodeltransfer .table-responsive > .fixed-column {
    position: absolute;
    width: auto;
    z-index: 65;
}

#tablemodeltransfer .modelTransferFrozentd {
    min-width: 250px;
}

#tablemodeltransfer .modelTransferScrollabletd {
    min-width: 150px;
}

#tablemodeltransfer .modelTransferTotalRowCellBorder {
    border-left: 0px;
    border-right: 0px;
}
/* Table with frozen column Start*/
/*@media only screen and (min-width:400px) {*/
#tablemodeltransfer .table {
    margin-bottom: 0 !important;
}

.pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    overflow: hidden;
    overflow-x: auto;
}

    .pinned table {
        border-right: none;
        border-left: none;
        width: 100%;
    }

        .pinned table th,
        .pinned table td {
            white-space: nowrap;
            border-right: 1px solid #D3D3D3;
        }

div.table-wrap-container {
    position: relative;
    overflow: hidden;
}

    div.table-wrap-container div.scrollable {
        overflow: scroll;
        overflow-y: hidden;
    }

        div.table-wrap-container div.scrollable table {
            margin-left: 35%;
        }

table.responsive td,
table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}

    table.responsive td.fixed,
    table.responsive th.fixed {
        display: none;
    }

table.responsive.pinned td {
    display: none;
}
/*}*/
/* Table with frozen column End*/
.modelTransfer .returnLink {
    margin-top: -23px;
}

.modelTransfer .table-outerborder > tbody {
    border-bottom: none !important;
}

    .modelTransfer .table-outerborder > tbody > tr > td {
        border: 0px !important;
    }

.modelTransfer .table-child > tbody > tr > td {
    border: 1px solid #D3D3D3;
}

    .modelTransfer .table-child > tbody > tr > td:first-child {
        border-left: 0;
    }

.modelTransfer .withTerm .modalDialog {
    margin: 0;
    top: -10%;
    left: 17%;
}

.modelselect .bottomNote {
    display: block;
    font-size: .75em;
    padding: 0 0 0 0px;
    color: #6C6C6C;
}

.modelselect .form td label.checkbox-label,
.modelselect form td label.checkbox-label,
.modelselect form th label.checkbox-label {
    margin-top: 0px;
    padding-left: 15px;
    margin-left: 6px;
}

.modelselect .withTerm .modalDialog {
    margin: 0;
    top: -10%;
    left: 17%;
}

.modelrealign form label.checkbox-label {
    margin-top: 0px;
}

#modelPlanBalancesInnerTable tbody tr td,
thead th td {
    padding-left: 41px;
}

#searchtext.searchtext {
    width: 59.8%;
}

.investmentReturn table.no-margin-bottom {
    margin-bottom: 0 !important;
}

table.table tbody tr td.no-border-right {
    border-right: none;
}

table.table tbody tr td.no-border-left {
    border-left: none;
}

#divinvestmentprofiles .scrollable .table,
#investmentinfoform .scrollable .table {
    width: 65%;
}

.csr_quickview .collapsable-content.push {
    padding: 0 10px 0 22px;
}

.csr_quickview table tr td.top {
    vertical-align: top;
}

.csr_quickview table tr td.subtable {
    padding-top: 5px;
    padding-left: 0;
}

#validate-otp .hide {
    display: none;
}

#validate-otp .show {
    display: block;
}

#validate-otp .margin-top-12px {
    margin-top: 12px;
}

#validate-otp .text-center {
    text-align: center;
}

#validate-otp .margin-top-120px {
    margin-top: 120px;
}

#validate-otp .div {
    padding-left: 12px;
    margin-top: 10px;
}

#validate-otp .font-weigh-normal {
    font-weight: normal;
}

#validate-otp .font-size-14px {
    font-size: 14px;
}

#validate-otp .note-font-size-12px {
    font-size: 12px;
}

#validate-otp .note-font-color {
    color: #6C6C6C;
}

#validate-otp .btn-alignment {
    margin-right: -12px;
    margin-bottom: 15px;
}

#validate-otp .div-one-time-pin {
    padding-left: 7px;
    padding-top: 10px;
}

#validate-otp .padding-top-8px {
    padding-top: 8px;
}

#validate-otp .padding-left-15px {
    padding-left: 15px;
}

#validate-otp .margin-top-10px {
    margin-top: 10px;
}

#validate-otp .margin-top-5px {
    margin-top: 5px;
}

#validate-otp .padding-left-35px {
    padding-left: 35px;
}

#validate-otp .btn-one-time-pin-alignment {
    margin-bottom: 15px;
    margin-right: -8px;
}

#validate-otp .btn-no-otp-device {
    margin-right: -12px;
    padding-top: 13px;
}

#validate-otp .btn-no-otp-device {
    margin-right: -12px;
    padding-top: 13px;
    padding-bottom: 15px;
}

#validate-otp .withTerm .closeModalCrossStyle {
    font-size: 1.375em;
    padding-right: 0px;
}

#validate-otp .withTerm .padding-13px {
    padding-top: 14px;
}

#validate-otp .withTerm .modalDialog {
    padding-left: 17px;
    padding-right: 09px;
    padding-bottom: 2px;
}

#validate-otp #otpPinPopup.modalDialog {
    margin: 5% 28% 0% 12% !important;
    min-width: 50% !important;
    min-height: 40.5% !important;
    max-width: 700px;
}

    #validate-otp #otpPinPopup.modalDialog .title-bar {
        margin-top: 0;
        margin-right: 0;
    }

@media (max-width: 767px) {
    #validate-otp .otp-validation-label {
        text-align: left;
    }

    #validate-otp .otp-validation-input-label {
        margin-top: 0 !important;
    }

    #validate-otp #otpPinPopup.modalDialog {
        margin: 0 !important;
        width: 80% !important;
        min-height: 80% !important;
        left: 10%;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 1110px) {
    form#validate-otp .radio-group label input[type=radio] + .radiolabel,
    form#validate-otp .radio-group label input[type=radio] + .radiolabel {
        white-space: normal;
    }
}

#mfaotpsection .error-message-mfa {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #ffd6c9;
    color: #bb0000;
}

    #mfaotpsection .error-message-mfa .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    #mfaotpsection .error-message-mfa > span:nth-of-type(2),
    #mfaotpsection .error-message-mfa .message {
        width: 95%;
        padding: 5px 0;
    }

        #mfaotpsection .error-message-mfa > span:nth-of-type(2) *,
        #mfaotpsection .error-message-mfa .message * {
            margin: 0;
        }

    #mfaotpsection .error-message-mfa .glyphicons {
        color: #bb0000;
    }

#mfaotpsection .success-message-mfa {
    min-height: 35px;
    padding: 2px 0;
    color: #FFF;
    border-radius: 0;
    font-size: 14px;
    background-color: #c0efff;
    color: #1C4890;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline;
    background-color: #d6efaa;
    color: #045401;
}

    #mfaotpsection .success-message-mfa .glyphicons {
        font-size: 28px;
        color: #1C4890;
        top: 9px;
        margin-right: 0;
    }

    #mfaotpsection .success-message-mfa > span:nth-of-type(2),
    #mfaotpsection .success-message-mfa .message {
        width: 95%;
        padding: 5px 0;
    }

        #mfaotpsection .success-message-mfa > span:nth-of-type(2) *,
        #mfaotpsection .success-message-mfa .message * {
            margin: 0;
        }

    #mfaotpsection .success-message-mfa .glyphicons {
        color: #01c251;
    }

#softauthkey {
    word-break: break-word;
}

#commonsoftauthkey {
    word-break: break-word;
}

#login-background {
    top: 90px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

    #login-background .row {
        margin-bottom: 20px;
    }

    #login-background:before {
        position: absolute;
        right: 0;
        left: 0;
        height: 12px;
        content: '';
        background-color: #4e4e4e;
    }

    #login-background #page {
        margin-top: 110px;
    }

    #login-background.background-image-1 {
        background-image: url('../../resources/images/background1.jpg');
    }

    #login-background.background-image-2 {
        background-image: url('../../resources/images/background2.jpg');
    }

    #login-background.background-image-3 {
        background-image: url('../../resources/images/background3.jpg');
    }

    #login-background.background-image-4 {
        background-image: url('../../resources/images/background4.jpg');
    }

    #login-background.background-image-5 {
        background-image: url('../../resources/images/background5.jpg');
    }

#forgotPassword,
#login,
#newUser {
    width: 322px;
    padding: 12px;
    border-radius: 2px;
    background-color: rgba(65, 65, 65, 0.8);
}

    #forgotPassword .row,
    #login .row,
    #newUser .row {
        margin: 0;
    }

    #forgotPassword a,
    #login a,
    #newUser a {
        color: #FFC439;
    }

        #forgotPassword a.forgot-password,
        #login a.forgot-password,
        #newUser a.forgot-password {
            font-size: 12px;
        }

    #forgotPassword .remember,
    #login .remember,
    #newUser .remember {
        padding-top: 8px;
        font-size: 12px;
    }

        #forgotPassword .remember input[type='checkbox'],
        #login .remember input[type='checkbox'],
        #newUser .remember input[type='checkbox'] {
            position: static;
            right: auto;
            width: auto;
            height: auto;
            margin: 0;
            cursor: pointer;
            opacity: 1;
            filter: alpha(opacity=1);
            -moz-opacity: 1;
            -khtml-opacity: 1;
        }

    #forgotPassword h2,
    #login h2,
    #newUser h2 {
        font-size: 24px;
    }

    #forgotPassword .login-link-disable,
    #login .login-link-disable,
    #newUser .login-link-disable {
        pointer-events: none;
        color: #D3D3D3;
    }

    #forgotPassword .login-orangetext,
    #login .login-orangetext,
    #newUser .login-orangetext {
        color: #FFC439;
    }

    #forgotPassword .login-font12px,
    #login .login-font12px,
    #newUser .login-font12px {
        font-size: 12px;
    }

    #forgotPassword .login-newuser-margin,
    #login .login-newuser-margin,
    #newUser .login-newuser-margin {
        vertical-align: top;
        line-height: 21px;
    }

    #forgotPassword .login-language-margin,
    #login .login-language-margin,
    #newUser .login-language-margin {
        line-height: 21px;
    }

    #forgotPassword .login-greeting,
    #login .login-greeting,
    #newUser .login-greeting {
        margin-top: 22px;
    }

    #forgotPassword .loginpage-margintop,
    #login .loginpage-margintop,
    #newUser .loginpage-margintop {
        margin-top: 14px;
    }

    #forgotPassword .loginpage-userpass-margintop,
    #login .loginpage-userpass-margintop,
    #newUser .loginpage-userpass-margintop {
        margin-top: 4px;
    }

    #forgotPassword .loginpage-roleselection-margintop,
    #login .loginpage-roleselection-margintop,
    #newUser .loginpage-roleselection-margintop {
        margin-top: -9px;
    }

    #forgotPassword .loginpage-default-clearfix,
    #login .loginpage-default-clearfix,
    #newUser .loginpage-default-clearfix {
        margin-bottom: 20px;
    }

    #forgotPassword .loginpage-clearfix,
    #login .loginpage-clearfix,
    #newUser .loginpage-clearfix {
        margin-bottom: 11px;
    }

    #forgotPassword .loginpage-cardfooter-paddingbottom,
    #login .loginpage-cardfooter-paddingbottom,
    #newUser .loginpage-cardfooter-paddingbottom {
        margin-top: 20px;
        padding-bottom: 8px;
    }

    #forgotPassword .loginpage-remember-paddingbottom,
    #login .loginpage-remember-paddingbottom,
    #newUser .loginpage-remember-paddingbottom {
        padding-bottom: 8px;
    }

    #forgotPassword .loginpage-rememberme,
    #login .loginpage-rememberme,
    #newUser .loginpage-rememberme {
        vertical-align: middle;
    }

    #forgotPassword form label,
    #login form label,
    #newUser form label {
        color: #FFF;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
    }

        #forgotPassword form label small,
        #login form label small,
        #newUser form label small {
            font-weight: normal;
        }

    #forgotPassword form .form-group,
    #login form .form-group,
    #newUser form .form-group {
        padding: 0 38px;
    }

        #forgotPassword form .form-group.password,
        #login form .form-group.password,
        #newUser form .form-group.password {
            margin-bottom: 0;
        }

            #forgotPassword form .form-group.password > .form-group,
            #login form .form-group.password > .form-group,
            #newUser form .form-group.password > .form-group {
                padding: 0;
            }

        #forgotPassword form .form-group.submit,
        #login form .form-group.submit,
        #newUser form .form-group.submit {
            clear: both;
        }

            #forgotPassword form .form-group.submit button,
            #login form .form-group.submit button,
            #newUser form .form-group.submit button {
                display: block;
                float: none;
                margin: 0 auto;
                color: #4e4e4e;
                background-color: #FFC439;
                box-shadow: 0 2px 0 0 #000;
            }

    #forgotPassword form input.form-control,
    #login form input.form-control,
    #newUser form input.form-control,
    #forgotPassword form select,
    #login form select,
    #newUser form select {
        height: 35px;
        border-radius: 0;
        font-size: 1em;
    }

    #forgotPassword form input[type=radio] + .radiolabel:after,
    #login form input[type=radio] + .radiolabel:after,
    #newUser form input[type=radio] + .radiolabel:after,
    #forgotPassword form input[type=radio]:checked + .radiolabel:after,
    #login form input[type=radio]:checked + .radiolabel:after,
    #newUser form input[type=radio]:checked + .radiolabel:after,
    #forgotPassword form input[type=radio] + .radiolabel:before,
    #login form input[type=radio] + .radiolabel:before,
    #newUser form input[type=radio] + .radiolabel:before,
    #forgotPassword form input[type=radio]:checked + .radiolabel:before,
    #login form input[type=radio]:checked + .radiolabel:before,
    #newUser form input[type=radio]:checked + .radiolabel:before {
        border-color: #FFF;
    }

    #forgotPassword .card-footer,
    #login .card-footer,
    #newUser .card-footer {
        color: #FFF;
        font-size: 12px;
    }

.button.login {
    color: #4e4e4e;
    border-color: #4e4e4e;
    background-color: #FFC439;
}

.fixed-attachment {
    background-attachment: fixed;
}

@media (max-width: 1024px) {
    .fixed-attachment {
        background-attachment: scroll;
    }
}

.flip {
    position: relative;
    perspective: 3000;
}

.card {
    position: absolute;
    left: 50%;
    width: 400px;
    transition-duration: 0.5s;
    transition-property: all;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#login.card {
    left: 50%;
    margin-left: 0;
}

.card {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: 0;
    transition-duration: 0.5s;
    transition-property: all;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .card.leave-left {
        z-index: 1;
        transform: rotateY(-90deg);
        opacity: 0 !important;
    }

    .card.leave-right {
        z-index: 1;
        transform: rotateY(90deg) translateX(-50%);
        opacity: 0 !important;
    }

    .card.enter {
        z-index: 2;
        transform: rotateY(0) translateX(-50%);
        opacity: 1;
    }

@media only screen and (max-width: 767px) {
    #forgotPassword,
    #login,
    #newUser {
        -webkit-overflow-scrolling: touch;
        min-height: 445px;
    }

        #forgotPassword h2,
        #login h2,
        #newUser h2 {
            font-size: 24px;
        }

        #forgotPassword a:hover,
        #login a:hover,
        #newUser a:hover {
            color: #FFC439 !important;
        }

        #forgotPassword a.cancelButton,
        #login a.cancelButton,
        #newUser a.cancelButton {
            width: 90%;
            display: inline-block;
            clear: none;
            width: 150px;
            height: 40px;
            margin: 0 10px;
            padding: 8px 0;
            text-align: center;
            text-transform: uppercase;
            opacity: 1;
            border-radius: 4px;
            font-size: 16px;
        }

            #forgotPassword a.cancelButton.btn-primary,
            #login a.cancelButton.btn-primary,
            #newUser a.cancelButton.btn-primary,
            #forgotPassword a.cancelButton.btn-primary:active,
            #login a.cancelButton.btn-primary:active,
            #newUser a.cancelButton.btn-primary:active,
            #forgotPassword a.cancelButton.btn-primary:active:focus,
            #login a.cancelButton.btn-primary:active:focus,
            #newUser a.cancelButton.btn-primary:active:focus {
                float: right;
                padding-top: 10px;
                color: #FFC439;
                border: 0 solid;
                border-bottom-width: 2px;
                border-bottom-color: #000;
                outline: none;
                background-color: #4e4e4e;
                box-shadow: none;
            }

                #forgotPassword a.cancelButton.btn-primary:active:hover,
                #login a.cancelButton.btn-primary:active:hover,
                #newUser a.cancelButton.btn-primary:active:hover,
                #forgotPassword a.cancelButton.btn-primary:hover,
                #login a.cancelButton.btn-primary:hover,
                #newUser a.cancelButton.btn-primary:hover {
                    color: #FFF;
                }

                #forgotPassword a.cancelButton.btn-primary[disabled],
                #login a.cancelButton.btn-primary[disabled],
                #newUser a.cancelButton.btn-primary[disabled],
                #forgotPassword a.cancelButton.btn-primary[disabled]:hover,
                #login a.cancelButton.btn-primary[disabled]:hover,
                #newUser a.cancelButton.btn-primary[disabled]:hover {
                    opacity: 1;
                    color: #D3D3D3;
                    border-bottom-width: 2px;
                    border-bottom-color: #D0D0D0;
                    background-color: #E8E8E8;
                }

            #forgotPassword a.cancelButton.btn-secondary,
            #login a.cancelButton.btn-secondary,
            #newUser a.cancelButton.btn-secondary,
            #forgotPassword a.cancelButton.btn-secondary:active,
            #login a.cancelButton.btn-secondary:active,
            #newUser a.cancelButton.btn-secondary:active,
            #forgotPassword a.cancelButton.btn-secondary:active:focus,
            #login a.cancelButton.btn-secondary:active:focus,
            #newUser a.cancelButton.btn-secondary:active:focus,
            #forgotPassword a.cancelButton.btn-secondary:active:hover,
            #login a.cancelButton.btn-secondary:active:hover,
            #newUser a.cancelButton.btn-secondary:active:hover {
                color: #4e4e4e;
                border: 0 solid;
                border-bottom-width: 2px;
                border-bottom-color: #AFAFAF;
                outline: none;
                background-color: #D0D0D0;
                box-shadow: none;
            }

                #forgotPassword a.cancelButton.btn-secondary[disabled],
                #login a.cancelButton.btn-secondary[disabled],
                #newUser a.cancelButton.btn-secondary[disabled],
                #forgotPassword a.cancelButton.btn-secondary[disabled]:hover,
                #login a.cancelButton.btn-secondary[disabled]:hover,
                #newUser a.cancelButton.btn-secondary[disabled]:hover {
                    opacity: 1;
                    color: #D3D3D3;
                    border-bottom-width: 2px;
                    border-bottom-color: #D0D0D0;
                    background-color: #E8E8E8;
                }

            #forgotPassword a.cancelButton.btn-upload,
            #login a.cancelButton.btn-upload,
            #newUser a.cancelButton.btn-upload {
                position: relative;
                margin-top: 10px;
                margin-left: 0;
            }

                #forgotPassword a.cancelButton.btn-upload input.upload,
                #login a.cancelButton.btn-upload input.upload,
                #newUser a.cancelButton.btn-upload input.upload {
                    position: absolute;
                    top: 0;
                    right: 0;
                    margin: 0;
                    padding: 0;
                    cursor: pointer;
                    opacity: 0;
                    filter: alpha(opacity=0);
                }

            #forgotPassword a.cancelButton.no-right-margin,
            #login a.cancelButton.no-right-margin,
            #newUser a.cancelButton.no-right-margin {
                margin-right: 0;
            }

            #forgotPassword a.cancelButton.no-left-margin,
            #login a.cancelButton.no-left-margin,
            #newUser a.cancelButton.no-left-margin {
                margin-left: 0;
            }

        #forgotPassword form label,
        #login form label,
        #newUser form label {
            font-size: 12px;
        }

        #forgotPassword form .form-group {
            margin-top: 1px;
            margin-bottom: 5px;
        }

    .card {
        /*left: 62%;*/
    }

        .card.push-down {
            margin-top: 34px;
        }

    #login-background:before {
        position: absolute;
        right: 0;
        left: 0;
        height: 25px;
        content: '';
        background-color: #4e4e4e;
    }

    #login-background .row {
        margin-top: 6px;
        margin-bottom: 5px;
        padding: 0 10px;
    }

    #login-background.background-image-1,
    #login-background.background-image-2,
    #login-background.background-image-3,
    #login-background.background-image-4,
    #login-background.background-image-5 {
        background-image: none;
    }

    #login-background #page {
        margin-top: 15px;
    }

    #forgotPassword {
        min-height: 650px !important;
    }

    .glyphiconsloginpage {
        margin-top: -29px !important;
        margin-left: -17px !important;
    }

    .login-newuser-margin {
        vertical-align: top !important;
        line-height: 8px !important;
    }

    .login-language-margin {
        line-height: 8px !important;
    }

    .login-greeting {
        margin-top: 16px !important;
    }

    .loginpage-margintop {
        margin-top: 12px !important;
    }

    .loginpage-cardfooter-paddingbottom {
        margin-top: 22px !important;
    }
}

#staticplanselection .PlanSelectionBackground {
    background-color: #37474F;
    background: -o-linear-gradient(top, #3C3C3C, #37474F);
}

#staticplanselection .planselection-header .planselection-title a {
    color: #FFF;
    font-size: 1em;
}

    #staticplanselection .planselection-header .planselection-title a:hover {
        color: #FFC439;
    }

        #staticplanselection .planselection-header .planselection-title a:hover .planselection-ctrl {
            border-color: #FFC439;
        }

#staticplanselection .planselection-header .planselection-ctrl {
    transition: transform .2s linear;
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    position: relative;
    margin-top: 2px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    margin-left: 13px;
}

#staticplanselection .planselection-header.open .planselection-title a {
    color: #FFC439;
    font-size: 1em;
}

#staticplanselection .single-plan {
    font-weight: bold;
    font-size: 16px;
    color: #FFC439;
    margin-right: 3px;
}

    #staticplanselection .single-plan:hover {
        color: #FFC439;
    }

#staticplanselection .planselection-header.open .planselection-ctrl {
    margin-top: 8px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #FFC439;
    border-left: 1px solid #FFC439;
}

#staticplanselection .listItem a {
    color: #FFF;
}

    #staticplanselection .listItem a:hover {
        color: #FFC439;
    }

#staticplanselection .oddrow {
    background-color: #F7F7F7 !important;
}

#staticplanselection .evenrow {
    background-color: #FFF !important;
}

#staticplanselection.selectioncontainer {
    border-top: 1px solid #3C3C3C;
    width: 140px;
}

#staticplanselection .link {
    padding-right: 0px;
    padding-bottom: 14px;
}

#staticplanselection .parteesearch {
    margin-left: -265px;
    margin-top: 49px;
    width: 265px;
    padding-left: 20px;
    padding-right: 20px;
    height: 130px;
}

#staticplanselection .planparteesearch {
    margin-left: -265px;
    margin-top: 49px;
    width: 265px;
    padding-left: 20px;
    padding-right: 20px;
    height: 240px;
}

#staticplanselection .plansearch {
    right: 0;
    margin-top: 49px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 70px;
    max-width: 262px;
}

#staticplanselection .comboboxcontainer {
    background-color: #FFF;
    height: 100%;
}

#staticplanselection .searchicon {
    font-size: 45px;
    padding-top: 0px;
}

#staticplanselection .combolist {
    margin-left: 10px;
    margin-top: 16px;
    width: 225px;
    border: 0px;
    border-top: 1px solid #D3D3D3;
    height: 150px;
}

#staticplanselection .right-padding {
    padding-right: 0px !important;
}

#staticplanselection > ul {
    left: auto;
    right: auto;
    z-index: 1000;
}

@media only screen and (max-width: 1024px) {
    #staticplanselection .right-padding {
        padding-right: 10px !important;
    }

    #staticplanselection .parteesearch {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    #staticplanselection .planparteesearch {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    #staticplanselection .plansearch {
        margin-left: 0;
        margin-top: 0;
        right: 0;
    }

    #staticplanselection.selectioncontainer {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    #staticplanselection .right-padding {
        padding-right: 10px !important;
    }

    #staticplanselection .parteesearch {
        margin-left: -1px !important;
        margin-top: 1px !important;
    }

    #staticplanselection .planparteesearch {
        margin-left: -1px !important;
        margin-top: 1px !important;
    }

    #staticplanselection .plansearch {
        margin-left: -1px !important;
        margin-top: 1px !important;
    }

    #staticplanselection.selectioncontainer {
        width: 100% !important;
    }
}

.profile li.quicklinks {
    height: 52px;
}

    .profile li.quicklinks a {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .profile li.quicklinks img {
        height: 24px;
        width: 24px;
    }

@media print {
    .table-wrapper-rs {
        overflow: visible;
    }

        .table-wrapper-rs > table {
            min-width: 100%;
        }

    .pinned {
        display: none;
    }

    .scrollable .fixed {
        display: block !important;
    }

    div.table-wrap-container {
        overflow: visible;
    }

        div.table-wrap-container div.scrollable {
            overflow: visible;
            overflow-y: visible;
        }

    div.scrollable table {
        margin-left: 0px !important;
        border: 0px !important;
    }

        div.scrollable table > tbody {
            border: 0px;
        }

        div.scrollable table > thead > tr > th {
            border: 0px !important;
        }

        div.scrollable table > tbody > tr > td {
            border: 0px !important;
        }

    footer {
        display: none;
    }

    nav * {
        visibility: hidden;
    }

    .table-wrapper {
        overflow: visible !important;
    }

        .table-wrapper > table {
            min-width: 100% !important;
        }

    table,
    table tr.row-total,
    table tr td {
        border: #000 solid 1px !important;
        overflow: hidden;
    }

    a[href]:after {
        content: "";
    }

    .visible-print {
        display: block !important;
    }
    /*.table-wrapper>table {
          min-width: auto;
      }*/
    /*table, table tr.row-total, table tr td {
          border: #000 solid 1px !important;
          overflow: hidden;
      }*/
    /*footer {
          display: none;
      }*/
    .no-print {
        display: none !important;
    }
}

@media print and (orientation: portrait) {
    .customPrint > div {
        display: inline-block !important;
        margin: 0.2cm !important;
    }

        .customPrint > div.table-wrapper {
            max-height: 100% !important;
        }

            .customPrint > div.table-wrapper .table tbody tr td {
                padding-left: 3px !important;
                padding-right: 3px !important;
            }

        .customPrint > div.table-container {
            height: 100% !important;
        }
}

@media print and (orientation: landscape) {
    .customPrint > div {
        display: inline-block !important;
    }

        .customPrint > div.table-wrapper {
            max-height: 100% !important;
            max-width: 100% !important;
        }

            .customPrint > div.table-wrapper .table tbody tr td {
                padding-left: 3px !important;
                padding-right: 3px !important;
            }
}

#messagecontent .backlink {
    margin-top: -25px;
}

@media only screen and (max-width: 767px) {
    #informationmessagepage .m-pull-right {
        float: right !important;
    }

    #informationmessagepage .m-pull-left {
        float: left !important;
    }

    #informationmessagepage .m-top-lg {
        margin-top: 20px;
    }

    #informationmessagepage .m-top-sm {
        margin-top: 10px;
    }

    #informationmessagepage .margin-left-35px {
        margin-left: 35px;
    }

    #informationmessagepage .margin-left-27px {
        margin-left: 27px;
    }

    #informationmessagepage .margin-left-38px {
        margin-left: 38px;
    }

    #informationmessagepage .m-text-left.text-right {
        text-align: left;
    }

    #informationmessagepage .padding-left-0px {
        padding-left: 0px;
    }

    #informationmessagepage .padding-left-5px {
        padding-left: 5px;
    }
}

.aca-loan-confirm-page .top {
    margin-bottom: 20px;
}

    .aca-loan-confirm-page .top .print {
        cursor: pointer;
    }

        .aca-loan-confirm-page .top .print > i {
            color: #6C6C6C;
            display: block;
            margin-right: 0;
        }

            .aca-loan-confirm-page .top .print > i + span {
                font-size: 12px;
                text-align: center;
                display: block;
            }

.aca-loan-confirm-page .confirm-message > .alert-confirmation {
    padding: 5px;
}

    .aca-loan-confirm-page .confirm-message > .alert-confirmation > i {
        top: 1px;
    }

    .aca-loan-confirm-page .confirm-message > .alert-confirmation > .message {
        width: 96%;
    }

        .aca-loan-confirm-page .confirm-message > .alert-confirmation > .message .message-text {
            margin-bottom: 4px;
        }

.aca-loan-confirm-page .loan-details {
    background-color: white;
}

    .aca-loan-confirm-page .loan-details > h2 {
        padding: 20px;
        border-bottom: 1px solid #CCC;
        font-size: 16px;
    }

    .aca-loan-confirm-page .loan-details > .table-container {
        padding: 20px;
    }

        .aca-loan-confirm-page .loan-details > .table-container > .loan-data-table {
            margin: 0;
            border: 1px solid #CCC;
        }

.aca-loan-confirm-page .not-processed > p {
    margin: 20px 0;
}

.aca-loan-confirm-page .not-processed .btn-submit > img {
    width: 20px;
    margin-top: -4px;
}

#conformEndingBal .ErrorInput {
    border: 1px solid #F44336;
}

#conformEndingBal .control-center {
    margin: 0 auto;
    text-align: left;
}

#conformEndingBal .txtGlyphicons {
    font-size: 1.0em !important;
    padding: 18px !important;
    font-weight: 600;
}

#conformEndingBal .cebErrorMessages {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 35px;
    padding: 7px 10px 7px 1px;
    margin: 0 15px;
    /*i{
      top: 15px;
    }
    span{
      padding-left: 34px;
      display: inline-block;
      margin-top: -15px;
    }*/
}

#conformEndingBal .btnsTopPadding {
    padding-top: 60px;
}

#conformEndingBal .btnCancel {
    padding-left: 0px;
}

#conformEndingBal .btnAlignRight {
    padding-right: 0px;
}

#conformEndingBal .market-timing-fund {
    font-weight: bold;
}

#conformEndingBal .TilePaddingBottom {
    padding-bottom: 25px;
}

#conformEndingBal .MktRulesBottomPadding {
    margin-bottom: 20px;
}

#conformEndingBal .chartsTopMargin {
    margin-top: 10px;
}

#conformEndingBal .MakeChangesPadding {
    padding-top: 25px;
}

#conformEndingBal .cebStepLeftPadding {
    padding-left: 15px;
}

#conformEndingBal .cebTopPadding {
    margin-top: 30px;
}

#conformEndingBal .investment-details {
    float: right;
}

#conformEndingBal .cebSuccessMsg {
    font-size: 14px;
    background-color: #01C251;
    height: 35px;
    line-height: 35px;
    vertical-align: central;
    color: #FFF;
}

#conformEndingBal .charts:before {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #D3D3D3;
}

#conformEndingBal .charts > div {
    position: relative;
    text-align: center;
}

    #conformEndingBal .charts > div:nth-child(2) {
        border-left: 1px solid #D3D3D3;
    }

@media only screen and (max-width: 767px) {
    #conformEndingBal .charts > div:nth-child(2) {
        border-left: 0;
    }
}

#conformEndingBal .charts > div > span {
    display: block;
    background: #F3F3F3;
    position: absolute;
    top: 43%;
    right: -33px;
    z-index: 1;
    height: 50px;
    line-height: 47px;
}

@media only screen and (max-width: 767px) {
    #conformEndingBal .charts > div > span {
        display: none;
    }
}

#conformEndingBal .charts > div .chart-placeholder {
    width: 152px;
    height: 152px;
    border: 1px solid #D3D3D3;
    position: absolute;
    top: 38%;
    left: 50%;
    border-radius: 50%;
    margin-left: -76px;
}

    #conformEndingBal .charts > div .chart-placeholder:after {
        content: "";
        display: block;
        width: 200px;
        height: 200px;
        border: 1px solid #D3D3D3;
        border-radius: 50%;
        position: absolute;
        left: -26px;
        top: -26px;
    }

#conformEndingBal .rulesContainer .rules-and-restrictions {
    width: 49%;
    float: left;
    /*margin-top: 50px;*/
    min-height: 132px;
    background: #FFF;
}

@media (max-width: 992px) {
    #conformEndingBal .rulesContainer .rules-and-restrictions {
        width: 100%;
    }
}

#conformEndingBal .rulesContainer .rules-and-restrictions + .rules-and-restrictions {
    margin-left: 2%;
}

@media (max-width: 992px) {
    #conformEndingBal .rulesContainer .rules-and-restrictions + .rules-and-restrictions {
        margin-left: 0;
    }
}

#conformEndingBal .rulesContainer .rules-and-restrictions h3 {
    font-size: 1em;
    border-bottom: 1px solid #D3D3D3;
    padding: 15px;
}

#conformEndingBal .rulesContainer .rules-and-restrictions table {
    width: 95%;
    margin: 2.5%;
}

    #conformEndingBal .rulesContainer .rules-and-restrictions table tbody {
        border-top: 1px solid #D3D3D3;
    }

#conformEndingBal .rulesContainer .rules-and-restrictions:only-child {
    width: 100%;
}

#conformEndingBal .progress-bar-container .progress-bar {
    background-color: #7e3c7f;
}

#conformEndingBal .progress-label .colored {
    color: #7e3c7f;
}

#conformEndingBal .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    #conformEndingBal .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
        color: #6C6C6C;
    }

#conformEndingBal .rebalIcon {
    color: #1C4890;
}

#conformEndingBal .cebIcon {
    color: #7e3c7f;
}

#conformEndingBal .cttIcon {
    color: #FF8828;
}

#conformEndingBal .cebsource {
    border-bottom: 1px solid #D3D3D3;
}

    #conformEndingBal .cebsource:first-child {
        padding-top: 30px;
    }

    #conformEndingBal .cebsource h3 {
        margin: 15px 0;
    }

#conformEndingBal .cebModalBtnsPadding {
    padding-top: 40px;
}

#conformEndingBal .divOverlayCancelCeb {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#conformEndingBal .cebCancelModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

#conformEndingBal .cebEmailErrMsg {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 35px;
    padding: 7px 10px 7px 1px;
    margin-top: 15px;
}

#conformEndingBal .cebEmailFormatErrTxt {
    color: #F44336;
    font-size: 14px;
}

#conformEndingBal .cebEditEmailModal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /*.email-title-content {
        margin-top: -10px;
        padding-right: 2px;
        padding-left: 2px;
  
        h3 {
          font-size: 22px;
          margin-bottom: 20px;
        }
      }*/
}

    #conformEndingBal .cebEditEmailModal .email-content {
        padding-right: 2px;
        padding-left: 2px;
    }

        #conformEndingBal .cebEditEmailModal .email-content h3 {
            font-size: 22px;
            margin-bottom: 20px;
        }

    #conformEndingBal .cebEditEmailModal .cebEmailModalBtnGrp {
        padding-top: 30px;
        padding-right: 0;
    }

#conformEndingBal .divOverlayCebEmail {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#conformEndingBal #cebPortfolioTable .cebParentTable {
    overflow: hidden;
}

#conformEndingBal #cebPortfolioTable .invprodDet-row {
    padding-left: 15px;
}

#conformEndingBal #cebPortfolioTable .sub-table-td {
    margin: 0px;
    padding: 0;
    height: 0;
}

    #conformEndingBal #cebPortfolioTable .sub-table-td .sub-table tr {
        background-color: #FFF;
    }

        #conformEndingBal #cebPortfolioTable .sub-table-td .sub-table tr th:first-child {
            min-width: 0px;
        }

        #conformEndingBal #cebPortfolioTable .sub-table-td .sub-table tr td:first-child {
            min-width: 0px;
        }

#conform-to-target .sdbMsgs {
    padding-bottom: 20px;
}

#conform-to-target .my-table-styles {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#conform-to-target .emailErrMsg {
    color: #F44336;
}

#conform-to-target .modalwindow-center {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#conform-to-target .cttEmailErrMsg {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 35px;
    margin: 0 10px;
    display: table;
    width: 100%;
}

    #conform-to-target .cttEmailErrMsg.no-push {
        margin: 0;
    }

    #conform-to-target .cttEmailErrMsg > span {
        display: table-cell;
        top: 2px;
    }

        #conform-to-target .cttEmailErrMsg > span:nth-of-type(2) {
            display: table-cell;
            padding-right: 15px;
            padding-top: 7px;
            padding-bottom: 7px;
            vertical-align: middle;
        }

#conform-to-target .btnsTopPadding {
    margin-top: 60px;
}

#conform-to-target .divOverlayCancelCtt {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#conform-to-target .cttCancelModal {
    display: none;
    position: fixed;
    top: 280px;
    width: 480px;
    left: 20%;
    padding: 20px;
    background: #F3F3F3;
    z-index: 1050;
    max-height: 600px;
    overflow: auto;
    transition: all 0.5s;
    margin-left: 10%;
}

#conform-to-target span.pre-input,
#conform-to-target span.post-input {
    margin-top: 3px;
}

#conform-to-target .edit-email {
    /*width: 35%;
          left: 28%;
  
          .btn {
              margin-top: 30px;
          }*/
}

#conform-to-target .table-wrapper {
    margin: 0;
    padding: 0;
    min-width: 500px;
}

#conform-to-target .input-cell {
    position: relative;
}

#conform-to-target .available-funds table.table input,
#conform-to-target .add-funds-modal table.table input {
    padding: 0;
}

#conform-to-target .add-funds-row {
    margin-bottom: 10px;
}

#conform-to-target .add-funds i {
    color: #1472a8;
}

#conform-to-target .add-funds .add-funds-disabled,
#conform-to-target .add-funds .add-funds-disabled i {
    color: rgba(78, 78, 78, 0.5);
}

#conform-to-target .investment-suggestions {
    position: relative;
}

    #conform-to-target .investment-suggestions ul {
        padding: 25px;
        border: 1px solid #D3D3D3;
        width: 350px;
        background-color: white;
        position: absolute;
        margin-top: -15px;
        left: 50%;
        margin-left: -175px;
        z-index: 2;
    }

        #conform-to-target .investment-suggestions ul li {
            padding: 5px 0;
        }

#conform-to-target .include-disabled {
    position: relative;
    top: 27px;
    color: rgba(78, 78, 78, 0.5);
}

#conform-to-target table.table > tbody > tr > td {
    padding-top: 0px;
    padding-bottom: 0px;
}

#conform-to-target table tbody tr th:nth-of-type(1),
#conform-to-target table thead tr th:nth-of-type(1),
#conform-to-target table tbody tr td:nth-of-type(1),
#conform-to-target table thead tr td:nth-of-type(1) {
    width: 210px;
}

#conform-to-target table tbody tr th:nth-of-type(2),
#conform-to-target table thead tr th:nth-of-type(2),
#conform-to-target table tbody tr td:nth-of-type(2),
#conform-to-target table thead tr td:nth-of-type(2) {
    width: 190px;
    min-width: 190px;
}

#conform-to-target table tbody tr th:first-of-type,
#conform-to-target table thead tr th:first-of-type,
#conform-to-target table tbody tr td:first-of-type,
#conform-to-target table thead tr td:first-of-type {
    width: 330px;
}

#conform-to-target table tbody tr th:last-of-type,
#conform-to-target table thead tr th:last-of-type,
#conform-to-target table tbody tr td:last-of-type,
#conform-to-target table thead tr td:last-of-type {
    width: 210px;
    min-width: 190px;
}

    #conform-to-target table tbody tr th:last-of-type div:nth-of-type(2),
    #conform-to-target table thead tr th:last-of-type div:nth-of-type(2),
    #conform-to-target table tbody tr td:last-of-type div:nth-of-type(2),
    #conform-to-target table thead tr td:last-of-type div:nth-of-type(2) {
        padding-right: 0;
    }

#conform-to-target .fix-head tr th {
    white-space: nowrap;
}

    #conform-to-target .fix-head tr th:first-of-type {
        position: absolute;
        z-index: 1;
        overflow: hidden;
        background: #4e4e4e;
    }

#conform-to-target .invst-modal-window {
    /*position: fixed;
          top: 50%;
          left: 50%;
          max-width: 800px;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);*/
}

#conform-to-target .all-source .table td.large:nth-last-of-type(2) {
    width: 298px !important;
    max-width: 298px !important;
}

#conform-to-target .fund-revw-by-asset .table {
    white-space: nowrap;
}

    #conform-to-target .fund-revw-by-asset .table td:nth-of-type(2),
    #conform-to-target .fund-revw-by-asset .table th:nth-of-type(2) {
        padding-left: 347px;
    }

#conform-to-target .fund-revw-by-asset th {
    white-space: nowrap;
}

    #conform-to-target .fund-revw-by-asset th:nth-of-type(2) {
        padding-left: 347px;
    }

#conform-to-target .fund-revw-by-asset .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .fund-revw-by-asset-2 .table td,
#conform-to-target .fund-revw-by-asset-2 .table th {
    white-space: nowrap;
}

    #conform-to-target .fund-revw-by-asset-2 .table td:nth-of-type(2),
    #conform-to-target .fund-revw-by-asset-2 .table th:nth-of-type(2) {
        padding-left: 347px;
    }

    #conform-to-target .fund-revw-by-asset-2 .table th:first-of-type {
        text-align: left;
    }

#conform-to-target .fund-revw-by-asset-2 .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .fund-target-all-src-nogrp .table td:nth-of-type(2),
#conform-to-target .fund-target-all-src-nogrp .table th:nth-of-type(2) {
    padding-left: 344px;
    white-space: nowrap;
}

#conform-to-target .fund-target-all-src-nogrp .table th:first-of-type {
    /*padding-top: 18px;
                      padding-bottom: 35px;*/
}

#conform-to-target .fund-target-all-src-nogrp .table .row-total td:first-of-type {
    /*width: 330px;*/
}

#conform-to-target .fund-target-all-src-nogrp .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .f2f-review-fix-head tr th:first-of-type {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: #4e4e4e;
    padding-top: 24px;
    padding-bottom: 72px;
}

#conform-to-target .f2f-review-fix-head tr th:nth-of-type(2) {
    padding-left: 344px;
}

#conform-to-target .fund-target-by-src-nogrp .table td:nth-of-type(2),
#conform-to-target .fund-target-by-src-nogrp .table th:nth-of-type(2) {
    padding-left: 344px;
}

#conform-to-target .fund-target-by-src-nogrp .table th:first-of-type {
    padding-top: 8px;
}

#conform-to-target .fund-target-by-src-nogrp .table .row-total td:first-of-type {
    /*width: 330px;*/
}

#conform-to-target .fund-target-by-src-nogrp .table .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .fund-td-no-group {
    padding-left: 26px;
}

#conform-to-target .grid-scroll-th thead tr th:first-of-type {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: #4e4e4e;
}

#conform-to-target .grid-scroll-th tbody tr th:first-of-type {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    background: inherit;
    border-right: 1px solid #D3D3D3;
    font-weight: normal;
}

#conform-to-target .grid-scroll {
    /*.asset-row {
                  td {
                      &:first-of-type {
                          position: absolute;
                          z-index: 1;
                          overflow: hidden;
                          background: inherit;
                          border-right: none;
                          border-bottom: 1px solid #ddd;
                      }
                  }
              }*/
}

    #conform-to-target .grid-scroll thead tr th {
        white-space: nowrap;
    }

        #conform-to-target .grid-scroll thead tr th:first-of-type {
            position: absolute;
            z-index: 1;
            overflow: hidden;
            background: #4e4e4e;
            padding-top: 7px;
        }

    #conform-to-target .grid-scroll tbody tr td:first-of-type {
        position: absolute;
        z-index: 1;
        overflow: hidden;
        background: inherit;
        /*border-bottom: 1px solid @table-border;*/
        height: 34px;
        padding-top: 7px;
        /*Firefox Issue RA-117409*/
        white-space: normal;
    }

    #conform-to-target .grid-scroll .row-total td:first-of-type,
    #conform-to-target .grid-scroll .transferrable-heading td:first-of-type,
    #conform-to-target .grid-scroll .asset-row td:first-of-type {
        position: absolute;
        z-index: 1;
        overflow: hidden;
        background: inherit;
        /*border-bottom: 1px solid @table-border;*/
        height: 34px;
        padding-top: 7px;
    }

    #conform-to-target .grid-scroll .asset-row td:first-of-type,
    #conform-to-target .grid-scroll .transferrable-heading td:first-of-type {
        border-right: none;
        height: 33px;
    }

    #conform-to-target .grid-scroll .asset-row td:not(:first-of-type),
    #conform-to-target .grid-scroll .transferrable-heading td:not(:first-of-type) {
        border-left: none;
        height: 34px;
    }

        #conform-to-target .grid-scroll .asset-row td:not(:first-of-type):not(:last-of-type),
        #conform-to-target .grid-scroll .transferrable-heading td:not(:first-of-type):not(:last-of-type) {
            border-right: none;
            height: 34px;
        }

#conform-to-target .print a {
    color: inherit;
    cursor: pointer;
}

#conform-to-target .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    #conform-to-target .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
    }

#conform-to-target .uploadfile {
    margin-top: -5px;
}

#conform-to-target .enter-targets-container .enter-targets-content .timing-window p {
    text-align: left;
    padding: 0;
}

#conform-to-target .progress-bar-container {
    margin: 40px 0 34px 0;
}

    #conform-to-target .progress-bar-container .progress-label .colored {
        color: #FF8828;
    }

    #conform-to-target .progress-bar-container .progress .progress-bar {
        background-color: #FF8828;
    }

#conform-to-target text[fill$='555'] {
    font-size: 18px !important;
}

#conform-to-target form {
    /*.btn {
              margin-top: 50px;
          }*/
}

    #conform-to-target form label.checkbox-label + span {
        position: relative;
        top: -9px;
    }

    #conform-to-target form .radio-group {
        display: inline-block;
        margin-right: 20px;
        margin-left: 15px;
    }

        #conform-to-target form .radio-group label input[type=radio] + .radiolabel {
            white-space: normal;
        }

#conform-to-target .wizard-navigation {
    margin-top: 50px;
}

    #conform-to-target .wizard-navigation > div {
        overflow: hidden;
        float: right;
    }

@media only screen and (max-width: 767px) {
    #conform-to-target .wizard-navigation > div {
        float: none;
    }
}

#conform-to-target .wizard-navigation .btn:first-child,
#conform-to-target .wizard-navigation .button:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    #conform-to-target .wizard-navigation .btn:first-child,
    #conform-to-target .wizard-navigation .button:first-child {
        margin-left: 5%;
    }
}

#conform-to-target .wizard-navigation .btn:last-child,
#conform-to-target .wizard-navigation .button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    #conform-to-target .wizard-navigation .btn:last-child,
    #conform-to-target .wizard-navigation .button:last-child {
        margin-right: 5%;
    }
}

#conform-to-target i.ux-glyphicons-money-hunt {
    color: #FF8828;
}

#conform-to-target .enter-targets-container .enter-targets-content .schwab-disclaimer {
    padding-top: 20px;
}

    #conform-to-target .enter-targets-container .enter-targets-content .schwab-disclaimer p {
        text-align: left;
        padding: 5px 0;
    }

#conform-to-target .enter-targets-container .enter-targets-content p {
    text-align: center;
    padding: 20px 0;
    clear: both;
}

    #conform-to-target .enter-targets-container .enter-targets-content p.text-left {
        text-align: left;
    }

    #conform-to-target .enter-targets-container .enter-targets-content p.no-transferrable-disclaimer {
        text-align: left;
    }

#conform-to-target .enter-targets-container .enter-targets-content .disclaimers p {
    text-align: left;
    padding-bottom: 10px;
}

#conform-to-target .enter-targets-container .enter-targets-content .disclaimers span {
    font-size: 14px;
    font-weight: bold;
}

#conform-to-target .enter-targets-container .enter-targets-content .all-source-table {
    padding-top: 30px;
    clear: both;
}

#conform-to-target .enter-targets-container .rules-and-restrictions {
    width: 49%;
    float: left;
    margin-top: 50px;
    min-height: 232px;
    background: #FFF;
}

@media (max-width: 992px) {
    #conform-to-target .enter-targets-container .rules-and-restrictions {
        width: 100%;
    }
}

#conform-to-target .enter-targets-container .rules-and-restrictions + .rules-and-restrictions {
    margin-left: 2%;
}

@media (max-width: 992px) {
    #conform-to-target .enter-targets-container .rules-and-restrictions + .rules-and-restrictions {
        margin-left: 0;
    }
}

#conform-to-target .enter-targets-container .rules-and-restrictions h3 {
    font-size: 1em;
    border-bottom: 1px solid #D3D3D3;
    padding: 15px;
}

#conform-to-target .enter-targets-container .rules-and-restrictions table {
    width: 95%;
    margin: 2.5%;
}

    #conform-to-target .enter-targets-container .rules-and-restrictions table tbody {
        border-top: 1px solid #D3D3D3;
    }

#conform-to-target .enter-targets-container .rules-and-restrictions:only-child {
    width: 100%;
}

#conform-to-target .enter-targets-container .charts:before {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #D3D3D3;
}

#conform-to-target .enter-targets-container .charts > div {
    position: relative;
    text-align: center;
}

    #conform-to-target .enter-targets-container .charts > div:nth-child(2) {
        border-left: 1px solid #D3D3D3;
    }

@media only screen and (max-width: 767px) {
    #conform-to-target .enter-targets-container .charts > div:nth-child(2) {
        border-left: 0;
    }
}

#conform-to-target .enter-targets-container .charts > div > span {
    display: block;
    background: #F3F3F3;
    position: absolute;
    top: 43%;
    right: -33px;
    z-index: 1;
    height: 50px;
    line-height: 47px;
}

@media only screen and (max-width: 767px) {
    #conform-to-target .enter-targets-container .charts > div > span {
        display: none;
    }
}

#conform-to-target .enter-targets-container .investment-sources {
    clear: both;
    width: 100.1%;
}

    #conform-to-target .enter-targets-container .investment-sources .source {
        border-bottom: 1px solid #D3D3D3;
    }

        #conform-to-target .enter-targets-container .investment-sources .source .include-source {
            float: right;
            text-align: right;
            margin-top: -15px;
        }

        #conform-to-target .enter-targets-container .investment-sources .source:first-child {
            padding-top: 30px;
        }

        #conform-to-target .enter-targets-container .investment-sources .source h3 {
            font-size: 1.125em;
            margin: 15px 0px;
            float: left;
        }

            #conform-to-target .enter-targets-container .investment-sources .source h3.open + .collapsable-area {
                display: block;
                height: auto;
            }

#conform-to-target .enter-targets-container .btn-back {
    display: none;
}

#conform-to-target .add-funds-modal table.table:not(.striped) tr th:first-child {
    width: 20px !important;
    min-width: 20px !important;
}

#conform-to-target .add-funds-modal table.table tr th:first-child {
    width: 20px !important;
    min-width: 20px !important;
}

#conform-to-target table.table.color-labels tbody tr[color-label] td:first-child {
    padding-left: 9px;
}

#conform-to-target table.table:not(.striped) {
    border-bottom: 1px solid #D3D3D3;
    margin-top: 0;
}

    #conform-to-target table.table:not(.striped) tbody tr td.by-source-review-table {
        padding: 0;
    }

    #conform-to-target table.table:not(.striped) tbody tr:nth-child(even) {
        background-color: inherit;
    }

    #conform-to-target table.table:not(.striped) tbody tr:nth-child(odd) {
        background-color: inherit;
    }

    #conform-to-target table.table:not(.striped) tbody tr.fund-row-even {
        background-color: #F7F7F7;
    }

        #conform-to-target table.table:not(.striped) tbody tr.fund-row-even + tr > .sub-table-td {
            background-color: #F7F7F7;
        }

        #conform-to-target table.table:not(.striped) tbody tr.fund-row-even > .sub-table-td {
            background-color: #F7F7F7;
        }

    #conform-to-target table.table:not(.striped) tbody tr.fund-row-odd {
        background-color: #FFF;
    }

        #conform-to-target table.table:not(.striped) tbody tr.fund-row-odd + tr > .sub-table-td {
            background-color: #FFF;
        }

        #conform-to-target table.table:not(.striped) tbody tr.fund-row-odd > .sub-table-td {
            background-color: #FFF;
        }

    #conform-to-target table.table:not(.striped) tbody tr.asset-row {
        border-top: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        background: #FFF;
        font-weight: bold;
    }

    #conform-to-target table.table:not(.striped) tbody tr.transferrable-heading {
        background-color: #EBEFF2;
        color: #1472a8;
        border-top: 1px solid #D3D3D3;
    }

    #conform-to-target table.table:not(.striped) tbody tr + tbody.nontransferrable-heading {
        border-bottom: 1px solid #D3D3D3;
    }

    #conform-to-target table.table:not(.striped) tbody tr.row-total {
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }

    #conform-to-target table.table:not(.striped) a {
        cursor: pointer;
    }

    #conform-to-target table.table:not(.striped) .add-funds {
        float: right;
    }

        #conform-to-target table.table:not(.striped) .add-funds i {
            color: #1472a8;
        }

        #conform-to-target table.table:not(.striped) .add-funds .add-funds-disabled,
        #conform-to-target table.table:not(.striped) .add-funds .add-funds-disabled i {
            color: rgba(78, 78, 78, 0.5);
        }

    #conform-to-target table.table:not(.striped) tr th:first-child {
        min-width: 220px;
    }

    #conform-to-target table.table:not(.striped) tr td .investment-details {
        float: right;
    }

    #conform-to-target table.table:not(.striped) tr .sub-table-td {
        margin: 0;
        padding: 0;
        height: 0;
    }

        #conform-to-target table.table:not(.striped) tr .sub-table-td .sub-table thead tr th:first-child {
            padding-left: 45px;
        }

        #conform-to-target table.table:not(.striped) tr .sub-table-td .sub-table tr th:first-child {
            min-width: 0px;
        }

        #conform-to-target table.table:not(.striped) tr .sub-table-td .sub-table tr td:first-child {
            min-width: 0px;
        }

        #conform-to-target table.table:not(.striped) tr .sub-table-td .sub-table tbody tr td:first-child {
            padding-left: 45px;
        }

#conform-to-target table.table tbody.expandable {
    border: none;
}

    #conform-to-target table.table tbody.expandable > tr > td {
        padding: 0;
        height: 0;
        white-space: nowrap;
        border: 1px solid #D3D3D3;
    }

#conform-to-target table.table .expandable-heading {
    background-color: #F7F7F7;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#conform-to-target table.table input {
    padding: 0px 5px;
    padding: 0 20px\0;
    text-align: right;
}

    #conform-to-target table.table input:focus {
        padding: 0 5px\0;
    }

    #conform-to-target table.table input + span {
        padding-left: 2px;
    }

#conform-to-target table.table .total-user-pct {
    padding-right: 0;
}

#conform-to-target table.table .total-user-pct-limit {
    color: #F44336;
}

#conform-to-target .update-election-container h3 {
    margin-bottom: 15px;
}

#conform-to-target .update-election-container table.table tr.row-total {
    border-bottom: 1px solid #D3D3D3;
}

#conform-to-target .review-container h3 {
    padding-bottom: 15px;
}

#conform-to-target .confirmation-number {
    font-weight: bold;
    padding: 20px 0;
}

#conform-to-target .confirmation-email {
    margin-bottom: 20px;
}

#conform-to-target .slidable-table-wrapper {
    transition: opacity 0.5s ease 0.3s, max-height 1.5s ease;
    opacity: 0;
    max-height: 0px;
}

    #conform-to-target .slidable-table-wrapper.slide {
        max-height: 1000px;
        opacity: 1;
    }

#conform-to-target .elections-tables {
    border-top: 1px solid #D3D3D3;
    margin-top: 30px;
    padding-top: 30px;
}

#conform-to-target .prospectus-container .loading-overlay {
    z-index: 1;
}

#conform-to-target .prospectus-container table {
    position: relative;
}

    #conform-to-target .prospectus-container table tbody tr th:first-of-type,
    #conform-to-target .prospectus-container table tbody tr td:first-of-type,
    #conform-to-target .prospectus-container table thead tr th:first-of-type,
    #conform-to-target .prospectus-container table thead tr td:first-of-type {
        width: auto;
        white-space: normal;
    }

    #conform-to-target .prospectus-container table tbody tr th:last-of-type,
    #conform-to-target .prospectus-container table tbody tr td:last-of-type,
    #conform-to-target .prospectus-container table thead tr th:last-of-type,
    #conform-to-target .prospectus-container table thead tr td:last-of-type {
        width: 190px;
        min-width: 190px;
    }

    #conform-to-target .prospectus-container table .td-checkbox-container {
        float: left;
        white-space: normal;
    }

#conform-to-target .prospectus-container form {
    width: 100.5%;
}

    #conform-to-target .prospectus-container form th label.checkbox-label {
        margin-left: 0;
        float: left;
        min-height: 0.01px;
    }

        #conform-to-target .prospectus-container form th label.checkbox-label + span {
            position: relative;
            top: 0px;
        }

    #conform-to-target .prospectus-container form .prospectus-tbody {
        border-bottom: 1px solid #D3D3D3;
    }

    #conform-to-target .prospectus-container form tr.asset-row {
        border-top: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        background: #FFF;
        font-weight: bold;
    }

    #conform-to-target .prospectus-container form tr td label.checkbox-label {
        margin-left: 0;
        float: left;
        min-height: 0.01px;
    }

        #conform-to-target .prospectus-container form tr td label.checkbox-label + span {
            position: relative;
            top: 0px;
        }

#conform-to-target .market-timing-fund {
    font-weight: bold;
}

#conform-to-target .edit-email .row {
    padding: 0 15px;
}

    #conform-to-target .edit-email .row:nth-child(2) {
        padding-bottom: 15px;
    }

#conform-to-target td.prospectus-sub {
    padding: 0px;
}

#conform-to-target .add-funds-modal th:first-child {
    max-width: 15px;
    border-right: 0px;
}

#conform-to-target table tbody tr td input[type="checkbox"] {
    width: 15px;
    margin-top: 5px;
}

#conform-to-target .td-checkbox-container {
    float: right;
    white-space: normal;
}

@media only screen and (max-width: 1024px) {
    #conform-to-target .invst-modal-window {
        left: 12% !important;
    }
}

@media only screen and (max-width: 767px) {
    #conform-to-target .rules-and-restrictions table.table tbody tr td {
        white-space: normal;
    }

    #conform-to-target .rules-and-restrictions table tbody tr th:last-of-type,
    #conform-to-target .rules-and-restrictions table thead tr th:last-of-type,
    #conform-to-target .rules-and-restrictions table tbody tr td:last-of-type,
    #conform-to-target .rules-and-restrictions table thead tr td:last-of-type {
        width: auto;
        min-width: unset;
    }
}

.contribution-tiles {
    /*
      .mylegend tbody tr:first-child{
          background-color: @divider-color; 
      }*/
}

    .contribution-tiles .contrInfoAutoIncrWidget {
        width: 40%;
        min-width: 300px;
        left: 30%;
    }

    .contribution-tiles h1 {
        margin-bottom: 30px;
    }

    .contribution-tiles h2 {
        margin-bottom: 10px;
    }

    .contribution-tiles h3 {
        margin-bottom: 15px;
    }

        .contribution-tiles h3:nth-of-type(2n) {
            margin-top: 40px;
            text-align: center;
            margin-bottom: 0;
            margin-left: 0;
        }

    .contribution-tiles h4 {
        text-align: center;
        margin: 0;
        font-weight: normal;
        font-size: 1em;
        color: #4e4e4e;
    }

    .contribution-tiles .print {
        color: #6C6C6C;
        padding-right: 2px;
        text-transform: none;
    }

        .contribution-tiles .print .glyphicons.print-icon {
            margin-right: 0;
        }

    .contribution-tiles .modalwindow-center {
        position: fixed;
        top: 50%;
        left: 50%;
        max-width: 600px;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .contribution-tiles .moneyheader {
        font-size: 64px;
        font-weight: bold;
        font-style: normal;
    }

        .contribution-tiles .moneyheader sup {
            font-size: 32px;
            font-weight: 200;
            font-style: normal;
            top: -0.7em;
        }

    .contribution-tiles .strong {
        font-weight: bold;
    }

    .contribution-tiles #warningDiv {
        margin-bottom: 30px;
    }

    .contribution-tiles .warn-message {
        color: red;
    }

        .contribution-tiles .warn-message span:first-child {
            width: 40px;
        }

    .contribution-tiles .tiles-part {
        padding: 0 0 0 0px;
    }

        .contribution-tiles .tiles-part h2 {
            padding-left: 10px;
        }

        .contribution-tiles .tiles-part.bottom-tile {
            margin-top: 15px;
        }

        .contribution-tiles .tiles-part .autoincreaseheight {
            height: 100px;
        }

        .contribution-tiles .tiles-part .fixedheight {
            height: 24px;
        }

    .contribution-tiles .tiles {
        min-height: 350px;
    }

    .contribution-tiles .tiles-bottom-border {
        padding: 0 0 15px 0;
    }

        .contribution-tiles .tiles-bottom-border > div {
            border-bottom: solid 1px #D3D3D3;
            padding: 0 0 15px 0;
        }

    .contribution-tiles .rowminheight {
        min-height: 24px;
    }

    .contribution-tiles a {
        display: block;
        text-align: center;
        text-transform: uppercase;
    }

        .contribution-tiles a:hover {
            cursor: pointer;
        }

    .contribution-tiles .auto-increase-link:hover {
        cursor: pointer;
    }

    .contribution-tiles .auto-increase-link a {
        display: inline;
        text-transform: none;
    }

    .contribution-tiles .mylegend {
        margin-top: 0px;
        border: none;
        width: 200px;
        border-right: none;
        border-collapse: separate;
        border-spacing: 0 1em;
        font-size: 1em;
        padding-left: 10px;
    }

        .contribution-tiles .mylegend tr td {
            vertical-align: middle;
            height: 20px;
            padding-left: 5px;
        }

            .contribution-tiles .mylegend tr td:first-child {
                width: 5%;
            }

        .contribution-tiles .mylegend #pretaxLegend td:first-child {
            background: #EF2664;
        }

        .contribution-tiles .mylegend #rothLegend td:first-child {
            background: #FF8828;
        }

        .contribution-tiles .mylegend #posttaxLegend td:first-child {
            background: #16E1D0;
        }

    .contribution-tiles .pretaxcolor {
        background: #EF2664;
    }

    .contribution-tiles .rothcolor {
        background: #FF8828;
    }

    .contribution-tiles .posttaxcolor {
        background: #16E1D0;
    }

    .contribution-tiles .chartprimarycolor {
        background: #4e4e4e;
    }

    .contribution-tiles .lineContainer {
        overflow: hidden;
        /* clear the float */
        text-align: left;
        width: 100%;
    }

        .contribution-tiles .lineContainer div:after {
            background-color: #D3D3D3;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 80%;
        }

        .contribution-tiles .lineContainer div:after {
            left: 0.5em;
            right: 0.5em;
            margin-right: -30%;
        }

    .contribution-tiles .contribModal {
        /*display: none;
          position: absolute;
          margin: 5% 15% auto;
          border: none;
          padding: 10px 10px 10px 10px;
          width: 480px;
          -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);*/
    }

        .contribution-tiles .contribModal .close-modal {
            text-transform: none;
            text-align: left;
            margin-top: 2px;
            margin-right: 1px;
            font-weight: 100;
        }

        .contribution-tiles .contribModal table {
            margin-top: 40px;
        }

        .contribution-tiles .contribModal > div {
            margin-top: -10px;
        }

    .contribution-tiles .contribCallout {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        min-width: 822px;
        height: 286px;
        padding: 40px 40px 0 40px;
        text-align: center;
        white-space: nowrap;
        background-color: #EBEFF2 !important;
        background-clip: padding-box;
        border: 1px solid #D3D3D3;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        color: #4e4e4e !important;
        font-family: inherit;
    }

        .contribution-tiles .contribCallout .popover-content {
            padding: 0px 0px;
        }

        .contribution-tiles .contribCallout h1 {
            margin-bottom: 50px;
            font-weight: 200;
        }

        .contribution-tiles .contribCallout .content {
            font-size: 30px;
            font-weight: 300;
            font-style: normal;
        }

        .contribution-tiles .contribCallout.popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #EBEFF2;
            border-bottom-width: 0;
        }

    .contribution-tiles .matchformula1color {
        background: #1C4890;
    }

    .contribution-tiles .matchformula2color {
        background: #F44336;
    }

    .contribution-tiles .matchformula3color {
        background: #FF8828;
    }

    .contribution-tiles .unusedmatchformulacolor {
        background: #D3D3D3;
    }

    .contribution-tiles #formulalegend {
        font-size: 0.8em;
    }

    .contribution-tiles #formulalegend {
        border-spacing: 0px 2px;
        border-collapse: separate;
    }

        .contribution-tiles #formulalegend tbody tr:first-child td:first-child {
            background-color: #1C4890;
        }

        .contribution-tiles #formulalegend tbody tr:nth-child(2) td:first-child {
            background-color: #F44336;
        }

        .contribution-tiles #formulalegend tbody tr:nth-child(3) td:first-child {
            background-color: #FF8828;
        }

        .contribution-tiles #formulalegend tbody tr:last-child td:first-child {
            background-color: #D3D3D3;
        }

        .contribution-tiles #formulalegend tbody tr td:first-child,
        .contribution-tiles #formulalegend tbody td:nth-child(2) {
            width: 3%;
        }

    .contribution-tiles .anchorBottom {
        position: absolute;
        bottom: 0;
    }

    .contribution-tiles .equivcatchup {
        font-size: 0.9em;
    }

    .contribution-tiles #divContribLimitTile {
        padding-left: 10px;
    }

        .contribution-tiles #divContribLimitTile > div {
            margin-bottom: 13px;
        }

    .contribution-tiles #divLastPaycheck {
        margin-bottom: 13px;
    }

        .contribution-tiles #divLastPaycheck h2 {
            padding-left: 5px;
        }

    .contribution-tiles #divyourmatchingdesc > p {
        padding-left: 10px;
    }

    .contribution-tiles #divLastPaycheckSaving {
        margin-left: 10px;
    }

    .contribution-tiles #pretaxtile > div > div {
        padding-left: 10px;
    }

#dashboard > .container .top.clearfix {
    padding: 0 10px;
}

#dashboard > .container .aleartmsgdashboard {
    margin-left: 20px;
    width: 96%;
    font-size: 16px;
    margin-top: 11px;
    margin-bottom: 15px;
}

#dashboard > .container .view-title {
    float: left;
}

#dashboard > .container .print {
    cursor: pointer;
    margin-right: -2px;
}

    #dashboard > .container .print i {
        color: #6C6C6C;
        display: block;
        margin-right: -2px;
    }

        #dashboard > .container .print i + p {
            font-size: 12px;
            text-align: center;
            display: block;
        }

#dashboard > .container .widgets-container {
    margin-top: 10px;
    font-family: 'Roboto';
}

    #dashboard > .container .widgets-container > .flex-container {
        margin: 0 0 20px 0;
    }

        #dashboard > .container .widgets-container > .flex-container .dashboard-widget {
            margin-bottom: 15px;
            padding: 0 10px 0;
        }

        #dashboard > .container .widgets-container > .flex-container > div:not(.no-min-width) {
            min-width: 360px;
        }

        #dashboard > .container .widgets-container > .flex-container .next-capital-widget .widget-inner .widget-header {
            height: 75px;
        }

        #dashboard > .container .widgets-container > .flex-container .next-capital-widget .widget-inner .widget-body {
            min-height: 425px;
            height: 100%;
            display: block;
            padding: 30px;
        }

            #dashboard > .container .widgets-container > .flex-container .next-capital-widget .widget-inner .widget-body h2 {
                color: #12838E;
                font-weight: bold;
                margin-bottom: 20px;
                line-height: 30px;
            }

            #dashboard > .container .widgets-container > .flex-container .next-capital-widget .widget-inner .widget-body p {
                color: #4e4e4e;
                font-size: 16px;
            }

            #dashboard > .container .widgets-container > .flex-container .next-capital-widget .widget-inner .widget-body button {
                margin-top: 50px;
            }

        #dashboard > .container .widgets-container > .flex-container next-capital-widget .controls .btn-primary {
            margin-left: 15px;
            padding-top: 10px;
        }

        #dashboard > .container .widgets-container > .flex-container .widget {
            display: inline-block;
            width: 100%;
            background-color: white;
            /*
             * MyRetirement widget
             */
            /*
             * Account Balance widget
             */
            /*
             * Contribution Rate widget
             */
            /*
             * My Portfolio widget(s)
             */
            /*
             * Recent Activity widget
             */
            /*
             * Retirement Tips widget
             */
        }

            #dashboard > .container .widgets-container > .flex-container .widget .widget-inner {
                position: relative;
            }

            #dashboard > .container .widgets-container > .flex-container .widget .widget-header {
                height: 50px;
                padding: 10px 15px;
                border-bottom: 1px solid #D3D3D3;
            }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-header .title {
                    float: left;
                    line-height: 28px;
                    font-weight: normal;
                }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls {
                    position: relative;
                    float: right;
                    font-size: 20px;
                    color: #1472a8;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls .flip-widget,
                    #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls .chevron {
                        cursor: pointer;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls .flip-widget:hover,
                        #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls .chevron:hover {
                            color: #0f537a;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-header .controls .chevron {
                        top: -4px;
                        margin-left: 5px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget .widget-body {
                min-height: 450px;
                padding: 20px;
                overflow: hidden;
            }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-body .widget-overlay {
                    text-align: center;
                    padding-top: 185px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .widget-overlay .loading-message {
                        font-size: 18px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .widget-overlay .txt-error {
                        font-size: 18px;
                        color: #F44336;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container.flip > .flipper {
                    transform: rotateY(180deg);
                }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container.flip > .flipper > .front {
                        visibility: hidden;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container.flip > .flipper > .front,
                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container.flip > .flipper > .back {
                        -webkit-backface-visibility: visible;
                        backface-visibility: visible;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container.not-flip .back {
                    display: none;
                }

                #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container > .flipper {
                    transition: 0.3s;
                    transform-style: preserve-3d;
                    position: relative;
                    perspective: 1000;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container > .flipper > .front,
                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container > .flipper > .back {
                        width: 100%;
                        height: 430px;
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container > .flipper > .front {
                        transform: rotateY(0deg);
                        text-align: center;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget .widget-body .flip-container > .flipper > .back {
                        z-index: 2;
                        transform: rotateY(-180deg);
                    }

            #dashboard > .container .widgets-container > .flex-container .widget .chart-overlay-circle {
                position: absolute;
                background-color: rgba(78, 78, 78, 0.9);
                color: #FFC439;
                border-radius: 100%;
                height: 100px;
                width: 100px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget .chart-overlay-circle > p {
                    margin: 30px 0 0 0;
                    font-size: 22px;
                    line-height: 20px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget .chart-overlay-circle > label {
                    font-size: 12px;
                    font-weight: normal;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .dropdown-menu {
                padding: 0;
                background-color: #EBEFF2;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .dropdown-menu > li {
                    cursor: pointer;
                    padding: 10px 20px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .dropdown-menu > li:hover {
                        background-color: white;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .monthly-income > div {
                padding-right: 10px;
                font-size: 50px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .monthly-income > p {
                padding-left: 0;
                line-height: 22px;
                text-align: left;
                font-size: 14px;
                color: #6C6C6C;
                margin-top: 15px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .improve {
                font-size: 18px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .currently-projected {
                position: absolute;
                z-index: 1;
                top: 34%;
                color: #6C6C6C;
                width: 30%;
                text-align: right;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .meter-chart g[class$='-y-axis-lines'] path:last-child {
                display: none;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .legend {
                width: 90%;
                margin: 0 auto;
                text-align: left;
                font-size: 14px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .legend .legend-item {
                    display: inline-block;
                    width: 50%;
                    margin-bottom: 5px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .legend .legend-item .key {
                        vertical-align: middle;
                        display: inline-block;
                        width: 10px;
                        height: 20px;
                        margin-right: 5px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete {
                position: absolute;
                background-color: rgba(78, 78, 78, 0.9);
                color: #FFC439;
                border-radius: 100%;
                height: 100px;
                width: 100px;
                top: 30%;
                right: 10%;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete > p {
                    margin: 30px 0 0 0;
                    font-size: 22px;
                    line-height: 20px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete > label {
                    font-size: 12px;
                    font-weight: normal;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete > p {
                    margin: 25px 0 5px 0;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete > label {
                    width: 85%;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .monthly-goal {
                margin: 5px 0;
                color: #6C6C6C;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .desired-income {
                margin-top: 5px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .desired-income > .form-group {
                    margin-bottom: 15px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .desired-income > .divider {
                    text-align: center;
                    margin-top: 8%;
                    color: #6C6C6C;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .annEarnedIncomeTxt {
                font-size: 12px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .annEarnedIncome {
                margin-top: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .currAnnEarnedIncome {
                padding-top: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .retirement-ages {
                margin-top: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .disclaimer {
                font-size: 12px;
                color: #6C6C6C;
                margin-top: 0px;
                margin-bottom: 0px;
                padding: 10px 10px 0px 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .disclaimerBackGround {
                background-color: #F7F7F7;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .back .start-analysis {
                width: 100%;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window > .modal-title {
                margin-bottom: 27px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window > section {
                margin-bottom: 20px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window > section > h3 {
                    margin-bottom: 10px;
                    font-size: 18px;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window .modal-div {
                margin-left: 2px;
                margin-right: 2px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window .modal-action-div {
                margin-bottom: 2px;
                margin-top: 20px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window .modal-checkbox-div {
                margin-top: 2px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window h2 {
                margin-bottom: 6px;
                margin-top: 2px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .modal-window .glyphicons {
                margin-top: -11px;
                margin-right: -12px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .analysis-disclosure-modal {
                position: fixed;
                top: 50%;
                left: 50%;
                max-width: 600px;
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .analysis-disclosure-modal .agree-container {
                    margin: 20px 0;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .analysis-disclosure-modal .agree-container .checkbox-label {
                        margin-top: 0;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .analysis-disclosure-modal .controls .btn-cancel {
                    border: 2px solid rgba(65, 65, 65, 0.7);
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .analysis-disclosure-modal .btn-analysis {
                    float: none;
                    margin-left: 18px;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .improve-modal .input-addl-contr {
                width: 18%;
                height: 38px;
                margin-right: 1%;
                padding: 0 10px;
                vertical-align: sub;
                text-align: right;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .improve-modal .improvement-range > label {
                font-weight: normal;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .improve-modal .improvement-range > span {
                margin: 0 20px;
                vertical-align: middle;
                font-size: 50px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .improve-modal .btn-change-contr {
                width: 320px;
                padding-left: 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .breakdown-modal .btn-start-analysis {
                width: 270px;
                padding-left: 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .breakdown-modal .table.other-income-sources-table > tbody > tr:nth-last-child(-n+2),
            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .breakdown-modal .table > tbody > tr:last-child {
                border-top: 2px solid #DDD;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal .assumptions-before > .assumptions-list {
                list-style: inherit;
                padding-left: 40px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal .assumptions-during > .assumptions-list {
                margin-left: 20%;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal .assumptions-during > .assumptions-list > li:last-child > span:first-child {
                    font-size: 12px;
                    font-weight: normal;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal .assumptions-during > .assumptions-list > li > span:first-child {
                    display: inline-block;
                    width: 240px;
                    margin-right: 10px;
                    text-align: right;
                    font-weight: bold;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal .explanation {
                margin-bottom: 30px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .details-modal > hr {
                margin: 40px 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.my-retirement form input.ng-invalid {
                border: 1px solid #F44336;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.account-balance .front .balance {
                font-size: 50px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.account-balance .front .rate-of-return {
                position: absolute;
                background-color: rgba(78, 78, 78, 0.9);
                color: #FFC439;
                border-radius: 100%;
                height: 100px;
                width: 100px;
                margin-top: -150px;
                margin-left: 55%;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.account-balance .front .rate-of-return > p {
                    margin: 30px 0 0 0;
                    font-size: 22px;
                    line-height: 20px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.account-balance .front .rate-of-return > label {
                    font-size: 12px;
                    font-weight: normal;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.account-balance .front .color-blue-accountBal {
                color: #1C4890;
                font-size: 50%;
                top: -0.7em;
                margin-left: -15px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .autoIncreaseFont {
                font-size: 9pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrBackAnnRet {
                font-size: 10pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrDollarBack > div {
                font-size: 35pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrDollarBackBig > div {
                font-size: 25pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrDollarFront > div {
                font-size: 21pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrpct {
                font-size: 15pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrBackSlider {
                font-size: 10pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrbackSliderCurrent {
                font-size: 16pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrbackSliderCurrentSmall {
                font-size: 14pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contribAccelBtn {
                padding-top: 30px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .timeperiod {
                margin-top: 0px;
                margin-left: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrChartHeight {
                height: 220px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrChartLessHeight {
                height: 190px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrCustomTxt {
                margin: 20px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .custommCSStoRemoveMargin {
                margin: 0px !important;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .extraWidthForRadioButton {
                width: 115% !important;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrCalcBtn {
                padding-top: 15px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .contrBackPaddBottom {
                padding-bottom: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .accelTitle {
                padding-left: 22px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legend {
                /*width: 90%;
                                  margin: 0 auto;*/
                padding-top: 50px;
                text-align: left;
                font-size: 12px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legend .legend-item {
                    /*display: inline-block;*/
                    /*width: 35%;*/
                    margin-bottom: 15px;
                    vertical-align: middle;
                    margin-left: 15px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legend .legend-item .key {
                        /*vertical-align: middle;*/
                        display: inline-block;
                        width: 10px;
                        height: 20px;
                        margin-right: 5px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legendSmall {
                padding-top: 25px;
                text-align: left;
                font-size: 14px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legendSmall .legend-item {
                    /*display: inline-block;*/
                    /*width: 35%;*/
                    margin-bottom: 15px;
                    vertical-align: middle;
                    margin-left: 15px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .legendSmall .legend-item .key {
                        /*vertical-align: middle;*/
                        display: inline-block;
                        width: 10px;
                        height: 20px;
                        margin-right: 5px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .widget-body {
                padding: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .noPaddingTopFront {
                margin-top: 0px;
                margin-bottom: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front label {
                font-weight: normal;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .noColPadding {
                padding-left: 0px;
                padding-right: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution {
                font-size: 20px;
                padding-top: 0px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .table {
                    margin-top: 0px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .table tr td {
                        vertical-align: top;
                        /*padding: 0 5px 0 15px;*/
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .table .contr-tbody {
                        text-align: center;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .contr-tbody label {
                    margin-bottom: 0px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .amount {
                    position: relative;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .amount.double .sub-label {
                        right: -5px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .amount .sub-label {
                        position: relative;
                        bottom: 7px;
                        right: 40px;
                        top: 1px;
                        font-size: 14px;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .v-divider {
                    vertical-align: super;
                    margin: 0 20px;
                    font-size: 14px;
                    color: #6C6C6C;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .percent-contr {
                    position: relative;
                    font-size: 24pt;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .percent-contr > sup {
                        top: -0.3em;
                        font-weight: 100;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contribution .percent-contr .sub-label {
                        position: relative;
                        bottom: 3px;
                        right: 40px;
                        top: 1px;
                        font-size: 24px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart {
                font-size: 20px;
                padding-top: 0px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart table.table tbody tr td {
                    font-size: 22px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .vAlignMiddle {
                    vertical-align: middle;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .contrRateHeight {
                    height: 132px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .contrSingleHeight {
                    height: 400px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .contrSingleLabel {
                    font-size: 31pt;
                    font-family: 'Roboto';
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .contrDolFrontSingle > div {
                    font-size: 55pt;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .contrDoubleHeight {
                    height: 200px;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .autoIncreaseFontSingle {
                    font-size: 15pt;
                    font-family: 'Roboto';
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .table .contr-tbody {
                    text-align: center;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .percent-contr {
                    position: relative;
                    font-size: 24pt;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .percent-contr > sup {
                        top: -0.3em;
                        font-weight: 100;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .contrNoChart .percent-contr .sub-label {
                        position: relative;
                        bottom: 3px;
                        right: 40px;
                        top: 1px;
                        font-size: 24px;
                    }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front > .h-divider {
                margin: 25px 0 30px 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts {
                margin-top: 55px;
                padding: 25px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax,
                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth,
                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax {
                    margin-bottom: 20px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax > .chart-label,
                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth > .chart-label,
                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax > .chart-label {
                        text-align: left;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax > .chart-label > label,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth > .chart-label > label,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax > .chart-label > label {
                            margin-top: 5px;
                            font-size: 14px;
                            color: #6C6C6C;
                            font-weight: normal;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax .chart,
                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth .chart,
                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax .chart {
                        position: relative;
                        padding: 0 20px 0 0;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax .chart .lbl-left,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth .chart .lbl-left,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax .chart .lbl-left,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax .chart .lbl-right,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth .chart .lbl-right,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax .chart .lbl-right {
                            position: absolute;
                            top: -20px;
                            font-weight: bold;
                            font-size: 16px;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax .chart .lbl-left,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth .chart .lbl-left,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax .chart .lbl-left {
                            left: 0;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax .chart .lbl-right,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth .chart .lbl-right,
                        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax .chart .lbl-right {
                            right: 0;
                        }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .payFreqTopPadding {
                padding-top: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .annRetTopPadding {
                padding-top: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .chartTopPadding {
                padding-top: 30px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .chartSingle {
                padding-top: 60px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .sliderHeightSingle {
                height: 160px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .contrSliderContent {
                margin-top: 10px;
                margin-bottom: 10px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .sliderHeight {
                height: 83px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .sliderHeightNoBtn {
                /*min-height:70px;*/
                height: 91px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .sliderTopPadding {
                padding-top: 6px;
                padding-bottom: 6px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .slider {
                margin: 15px 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rothContrRow {
                background-color: #ebeff2;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .noPaddingTop {
                margin-top: 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .lblCurrent {
                font-size: 10pt;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .slider-addl-contr {
                width: 100%;
                margin: 15px 0px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .pretaxSlider slider span.slider-bar.slider-selection,
            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .pretaxSlider .rz-selection {
                background-color: #9FDA38;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .posttaxSlider slider span.slider-bar.slider-selection,
            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .posttaxSlider .rz-selection {
                background-color: #FF8828;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rothSlider slider span.slider-bar.slider-selection,
            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rothSlider .rz-selection {
                background-color: #ff0000;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rz-limit {
                font-size: 12px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rzslider {
                margin: 6px 0 15px 12px;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rzslider .rz-pointer {
                    width: 25px;
                    height: 25px;
                    top: -8px;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rzslider .rz-pointer:after {
                        width: 6px;
                        height: 6px;
                        top: 10px;
                        left: 10px;
                    }

                #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .back .rzslider .rz-bubble {
                    bottom: -22px;
                }

            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body,
            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body {
                min-height: 0;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front,
                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front {
                    position: static;
                    height: 100%;
                    text-align: left;
                    overflow-y: hidden;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tbody tr.odd,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tbody tr.odd {
                        background-color: #F7F7F7;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tbody tr.even,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tbody tr.even {
                        background-color: #FFF;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless td:first-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless td:first-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless th:first-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless th:first-child {
                        max-width: 300px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless td:last-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless td:last-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless th:last-child,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless th:last-child {
                        padding-right: 40px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr td,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr td {
                        border: none;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr.odd,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr.odd {
                        background-color: #F7F7F7;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr.even,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody tr.even {
                        background-color: #FFF;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody.investment-product tr,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.borderless tbody.investment-product tr {
                        background-color: #FFF;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.sub-table.full-width,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.sub-table.full-width {
                        width: 100%;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tbody,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tbody {
                        border-bottom: none;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr.expandable > td,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr.expandable > td {
                        height: auto;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr td,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr td {
                        font-size: 14px;
                        height: 35px;
                        vertical-align: middle;
                        border-right: 1px solid #D3D3D3;
                        border-top: none;
                        border-bottom: none;
                        padding-left: 15px;
                        padding-right: 15px;
                        text-overflow: ellipsis;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr td.has-collapse-ctrl,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr td.has-collapse-ctrl {
                            padding-left: 11px;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .print a,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .print a {
                        color: inherit;
                        cursor: pointer;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .print i,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .print i {
                        color: #6C6C6C;
                        display: block;
                        margin-right: 0;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .print i + span,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .print i + span {
                            font-size: 12px;
                            text-align: center;
                            display: block;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .dbl-column,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .dbl-column {
                        display: inline-block;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .dbl-column:first-child,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .dbl-column:first-child {
                            width: 40%;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .dbl-column:first-child.divider:after,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .dbl-column:first-child.divider:after {
                                content: '|';
                                margin-left: 7px;
                            }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .dbl-column:last-child,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .dbl-column:last-child {
                            width: 60%;
                            padding-left: 7px;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td i,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td i {
                        margin-right: -10px;
                        margin-left: -10px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td .performance sup,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td .performance sup {
                        top: 0em;
                        font-size: inherit;
                        font-weight: normal;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td.no-width .dbl-column,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td.no-width .dbl-column {
                        width: auto;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td.paycheck,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td.paycheck {
                        width: 152px;
                        max-width: 152px;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td.paycheck.small,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td.paycheck.small {
                            width: 90px;
                            max-sidth: 90px;
                            min-width: 90px;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front td.small-pad,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front td.small-pad {
                        padding-left: 10px;
                        padding-right: 10px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .collapse-ctrl-wrapper,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .collapse-ctrl-wrapper {
                        display: inline-block;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .collapse-ctrl-wrapper + div,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .collapse-ctrl-wrapper + div {
                            width: 80%;
                            display: inline-block;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr.sourceDetails.striped .sub-table tr,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr.sourceDetails.striped .sub-table tr {
                        background-color: #F7F7F7;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr.sourceDetails .sub-table tr,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr.sourceDetails .sub-table tr {
                        background: #FFF;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tr.sourceDetails > td,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tr.sourceDetails > td {
                        padding: 0;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table .collapse-ctrl,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table .collapse-ctrl {
                        margin-right: 15px;
                        margin-left: 0;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table td span i,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table td span i {
                        line-height: .5;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table tbody,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table tbody {
                        border-right: 1px solid #D3D3D3;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.striped > tbody:nth-child(2n+1) > tr,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.striped > tbody:nth-child(2n+1) > tr {
                        background: #F7F7F7;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table.striped > tbody:nth-child(2n+1) > tr + td,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table.striped > tbody:nth-child(2n+1) > tr + td {
                            border-right: 1px solid #D3D3D3;
                            border-top: 0;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front form label,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front form label {
                        display: inline-block;
                        width: auto;
                        font-size: 14px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front form select,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front form select {
                        display: inline-block;
                        margin-top: 10px;
                        margin-right: 20px;
                        font-weight: normal;
                        font-size: 14px;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .collapse-ctrl,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .collapse-ctrl {
                        transition: all .2s linear;
                        -ms-transform: rotate(135deg);
                        transform: rotate(135deg);
                        position: relative;
                        margin-top: 5px;
                        margin-left: 15px;
                        border-top: 1px solid #1472a8;
                        border-left: 1px solid #1472a8;
                        width: 12px;
                        height: 12px;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .collapse-ctrl.open,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .collapse-ctrl.open {
                            margin-top: 0px;
                            -ms-transform: rotate(225deg);
                            transform: rotate(225deg);
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab .table-name,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab .table-name {
                        padding: 0 15px;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab .table-name > p,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab .table-name > p {
                            margin: 10px 0;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab .footnote,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab .footnote {
                        width: 800px;
                        padding: 15px;
                        color: #6C6C6C;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab .footnote::before,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab .footnote::before {
                            content: '*';
                            position: static;
                            left: 0;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab .footnote > p,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab .footnote > p {
                            word-wrap: normal;
                            white-space: normal;
                            font-size: 11px;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab.source .footnote,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab.source .footnote {
                        padding: 15px 25px 0 25px;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab.source .footnote::before,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab.source .footnote::before {
                            left: 10px;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .schwab.source .footnote > p,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .schwab.source .footnote > p {
                            width: 100%;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table {
                        border: none;
                        border-top: 1px solid #D3D3D3;
                        border-bottom: 1px solid #D3D3D3;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table tbody,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table tbody {
                            border: none;
                            border-color: transparent;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table tbody tr td:first-child,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table tbody tr td:first-child {
                                padding-left: 30px;
                            }

                                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table tbody tr td:first-child.has-collapse-ctrl,
                                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table tbody tr td:first-child.has-collapse-ctrl {
                                    padding-left: 35px;
                                }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table tbody tr td.no-pad,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table tbody tr td.no-pad {
                                padding: 0;
                            }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table tbody tr td.reg-pad,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table tbody tr td.reg-pad {
                                padding-left: 12px;
                            }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table .sub-table tr,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table .sub-table tr {
                            background-color: #FFF;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table .sub-table tr td:first-child,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table .sub-table tr td:first-child,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front table table .sub-table tr th:first-child,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front table table .sub-table tr th:first-child {
                                padding-left: 62px;
                            }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch-container,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch-container {
                        position: relative;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-animate,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-animate {
                        transition: opacity linear;
                        transition-duration: 0.2s;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-enter,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-enter {
                        opacity: 1;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-enter.ng-enter-active,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-enter.ng-enter-active {
                            opacity: 1;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-leave,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-leave {
                        opacity: 1;
                        transition-duration: 0.2s;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-leave.ng-leave-active,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .animate-switch.ng-leave.ng-leave-active {
                            opacity: 0;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column {
                        display: inline-block;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:first-child,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:first-child {
                            width: 40%;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:first-child.divider:after,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:first-child.divider:after {
                                content: '|';
                                margin-left: 7px;
                            }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:last-child,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .dbl-column:last-child {
                            width: 60%;
                            padding-left: 7px;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table .performance sup,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table .performance sup {
                        top: 0em;
                        font-size: inherit;
                        font-weight: normal;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table span[performance],
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table span[performance] {
                        opacity: 1;
                        visibility: visible;
                        transition: opacity linear 0.2s;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-add,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-add {
                            visibility: hidden;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-add-active,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-add-active {
                            opacity: 0;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-remove,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-remove {
                            visibility: visible;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-remove-active,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table span[performance].change-remove-active {
                            opacity: 1;
                        }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .portfolio-table div[class*='col-'],
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .portfolio-table div[class*='col-'] {
                        padding-left: 0;
                        padding-right: 0;
                    }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper {
                        max-height: 326px;
                        margin-bottom: 0;
                        border-bottom: 1px solid #D3D3D3;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper table,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper table {
                            min-width: 0;
                            max-width: 99.9%;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .table-name,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .table-name {
                            padding: 0 15px;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .table-name > p,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .table-name > p {
                                margin: 10px 0;
                            }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote {
                            width: 100%;
                            padding: 15px;
                            color: #6C6C6C;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote::before,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote::before {
                                content: '*';
                                margin-left: -10px;
                            }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote > p,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote > p {
                                word-wrap: normal;
                                white-space: normal;
                                font-size: 11px;
                            }

                                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote > p:first-child,
                                #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab .footnote > p:first-child {
                                    margin-top: -22px;
                                }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote {
                            padding: 15px 25px 0 25px;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote::before,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote::before {
                                left: 10px;
                            }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote > p,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .table-wrapper .schwab.source .footnote > p {
                                width: 100%;
                            }

                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .options-form,
                    #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .options-form {
                        position: relative;
                        z-index: 10;
                        background-color: white;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .options-form .labels,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .options-form .labels {
                            margin-bottom: 5px;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .options-form .labels label,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .options-form .labels label {
                                width: 240px;
                            }

                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .options-form select,
                        #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .options-form select {
                            display: inline;
                            width: 200px;
                            font-weight: normal;
                            font-size: 14px;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio .widget-body .flip-container > .flipper > .front .options-form select:first-of-type,
                            #dashboard > .container .widgets-container > .flex-container .widget.my-portfolio-403b .widget-body .flip-container > .flipper > .front .options-form select:first-of-type {
                                margin-right: 20px;
                            }

            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container {
                position: relative;
            }

                #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-header-background {
                    background: #4e4e4e;
                    height: 35px;
                    width: 97%;
                    position: absolute;
                    top: 0;
                    z-index: 1;
                }

                #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container {
                    height: 360px;
                    margin-bottom: 10px;
                    overflow-x: hidden;
                    overflow-y: auto;
                }

                    #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table {
                        margin: 0;
                        border-bottom: 1px solid #D3D3D3;
                    }

                        #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table thead th .header-content {
                            position: absolute;
                            top: 0;
                            color: #FFC439;
                            font-size: 14px;
                            z-index: 1;
                            padding-left: 15px;
                            margin-left: -16px;
                            border-left: 1px solid black;
                            height: 35px;
                            padding-top: 7px;
                            padding-right: 20px;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table tbody {
                            border-bottom: 0;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table .date {
                            text-align: center;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table .amount {
                            text-align: right;
                        }

                        #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table .status {
                            text-align: center;
                        }

                            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table .status .glyphicons-circle-ok {
                                color: #01C251;
                            }

                            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .outer-table-container .table-container .recent-activity-table .status .glyphicons-circle-remove {
                                color: #F44336;
                            }

            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .btn-vru,
            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .btn-trans {
                width: 200px;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .btn-vru {
                float: left;
                padding-left: 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.recent-activity .btn-trans {
                float: right;
                padding-right: 0;
            }

            #dashboard > .container .widgets-container > .flex-container .widget.retirement-tips .img-tip {
                width: 100%;
                height: 410px;
            }

#dashboard > .container .contrAutoIncrWidget {
    width: 40%;
    min-width: 300px;
    left: 30%;
}

#dashboard > .container .contrSmallFont {
    font-size: 11px;
}

#dashboard .btn,
#dashboard .button {
    display: inline;
    margin: 0;
    padding: 6px 12px;
}

    #dashboard .btn.btn-block,
    #dashboard .button.btn-block {
        display: block;
        width: 100%;
    }

    #dashboard .btn.btn-sq-bottom,
    #dashboard .button.btn-sq-bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 50px;
        border-radius: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom: 0;
    }

#dashboard .myGrid {
    width: 100%;
    max-height: 360px;
    height: auto;
}

    #dashboard .myGrid .glyphicons-circle-ok {
        color: #01C251;
    }

    #dashboard .myGrid .glyphicons-circle-remove {
        color: #F44336;
    }

#dashboard .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-canvas {
    background: #4e4e4e;
}

#dashboard .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell {
    background: #4e4e4e;
    border-color: #000;
    color: #FFC439;
    font-size: 14px;
    padding: 2px 10px;
}

    #dashboard .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-column-menu-button {
        display: none;
    }

    #dashboard .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell .ui-grid-cell-contents {
        outline: none;
    }

    #dashboard .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell i {
        display: none;
    }

#dashboard .ui-grid-contents-wrapper .ui-grid-viewport .ui-grid-canvas .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #F7F7F7;
}

#dashboard .ui-grid-contents-wrapper .ui-grid-viewport .ui-grid-canvas .ui-grid-row .ui-grid-cell {
    padding: 4px 10px 8px;
    min-height: 38px;
    color: #4e4e4e;
    font-size: 14px;
}

#dashboard .ui-grid-invisible {
    display: none;
}

@media only screen and (max-width: 1024px) {
    #dashboard > .container .widgets-container > .flex-container .margin-bottom-tablet {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #dashboard > .container .widgets-container > .flex-container .dashboard-widget {
        padding-left: 0;
        padding-right: 0;
    }

    #dashboard > .container .widgets-container > .flex-container .modal-window .btn,
    #dashboard > .container .widgets-container > .flex-container .modal-window .button {
        width: 100% !important;
        margin-left: 0px !important;
    }

    #dashboard > .container .widgets-container > .flex-container .btn-analysis {
        margin-top: 22px;
    }

    #dashboard > .container .widgets-container > .flex-container .margin-bottom-mobile {
        margin-bottom: 20px;
    }

    #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts {
        margin-top: 36px;
    }

        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .pretax,
        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .roth,
        #dashboard > .container .widgets-container > .flex-container .widget.contribution-rate .front .charts .posttax {
            margin-bottom: 17px;
        }

    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .widget-body {
        min-height: 465px;
    }

    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .improve-modal .input-addl-contr {
        width: 30%;
    }

    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .currently-projected {
        top: 45%;
    }

    #dashboard > .container .widgets-container > .flex-container .widget.my-retirement .front .percent-complete {
        right: 5%;
    }
}

@media only screen and (max-width: 767px) {
    .nextCapitalFullWidth {
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    #contribEdit .form select.xlarge,
    #contribEdit form select.xlarge,
    #contribEdit .form input.xlarge,
    #contribEdit form input.xlarge,
    #contribEdit .form input.datepicker.xlarge,
    #contribEdit form input.datepicker.xlarge {
        width: 98%;
        min-width: 98%;
    }

    #contribEdit .form select.medium,
    #contribEdit form select.medium,
    #contribEdit .form input.medium,
    #contribEdit form input.medium,
    #contribEdit .form input.datepicker.medium,
    #contribEdit form input.datepicker.medium {
        width: 98%;
        min-width: 98%;
    }

    #contribEdit .form select.shorten,
    #contribEdit form select.shorten,
    #contribEdit .form input.shorten,
    #contribEdit form input.shorten,
    #contribEdit .form input.datepicker.shorten,
    #contribEdit form input.datepicker.shorten {
        width: 98%;
        min-width: 98%;
    }

    #contribEdit form .push-leftlg,
    #contribEdit .form div.push-leftlg {
        margin-left: 0px;
    }

    #contribEdit form .ctrlCenterLarge,
    #contribEdit .form div.ctrlCenterLarge {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }
}

#contribEdit .fileuploadwrapper {
    margin-bottom: 30px;
}

#contribEdit .contribValueStyle h1 {
    font-size: 35px;
    font-weight: bold;
}

#contribEdit .contribValueStyle sup {
    font-size: 25px;
    font-weight: lighter;
    top: -10px;
}

#contribEdit .wizard-navigation {
    margin-top: 50px;
}

    #contribEdit .wizard-navigation > div {
        overflow: hidden;
        float: right;
    }

@media only screen and (max-width: 767px) {
    #contribEdit .wizard-navigation > div {
        float: none;
    }
}

#contribEdit .wizard-navigation .btn:first-child,
#contribEdit .wizard-navigation .button:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    #contribEdit .wizard-navigation .btn:first-child,
    #contribEdit .wizard-navigation .button:first-child {
        margin-left: 5%;
    }
}

#contribEdit .wizard-navigation .btn:last-child,
#contribEdit .wizard-navigation .button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    #contribEdit .wizard-navigation .btn:last-child,
    #contribEdit .wizard-navigation .button:last-child {
        margin-right: 5%;
    }
}

#contribEdit .contribEmailModal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #contribEdit .contribEmailModal .email-content {
        margin-top: -35px;
        padding-right: 2px;
        padding-left: 2px;
    }

        #contribEdit .contribEmailModal .email-content h3 {
            font-size: 22px;
            margin-bottom: 40px;
        }

#contribEdit .emailErrMsg {
    color: #F44336;
}

#contribEdit .contrRadioBtnsTop {
    margin-top: 20px;
}

#contribEdit .contrTopMargin {
    margin-top: 40px;
}

#contribEdit .progress-bar-container .progress-bar {
    background-color: #950244;
}

#contribEdit .progress-label .colored {
    color: #950244;
}

#contribEdit input[type=text].form-control.shorten {
    width: 98%;
}

#contribEdit input[type=text].form-control.dollar-right-padding {
    padding-right: 10px;
}

#contribEdit .review-header h1 {
    font-size: 64px;
    font-weight: bold;
}

#contribEdit .review-header sup {
    font-size: 32px;
    font-weight: lighter;
    top: -23px;
}

#contribEdit .removetxtbold {
    font-weight: normal;
}

#contribEdit hr.ColoredLine {
    margin-bottom: 0;
    height: 5px;
    border: none;
    margin-top: 12px;
}

#contribEdit .dolpctwrapper {
    margin-top: 5px;
}

#contribEdit .defwrapper {
    padding-top: 5px;
}

#contribEdit .slidertogglewrapper {
    margin-top: 5px;
}

#contribEdit .btnCancel {
    padding-left: 5px;
}

#contribEdit .btnAlignRight {
    padding-right: 5px;
}

#contribEdit .removeIcon {
    font-size: 2em;
}

#contribEdit input.center {
    margin-left: auto;
    margin-right: auto;
}

#contribEdit label {
    margin-bottom: 5px;
}

#contribEdit .control-center {
    width: 320px;
    margin: 0 auto 0 30px;
}

@media only screen and (max-width: 767px) {
    #contribEdit .control-center {
        width: 340px;
        margin: 0px;
    }
}

#contribEdit .ctrlCenterLarge {
    width: 222px;
    margin: 0 auto;
    text-align: left;
}

#contribEdit .control-centerSelect {
    width: 280px;
    margin: 0 auto 0 30px;
}

@media only screen and (max-width: 767px) {
    #contribEdit .control-centerSelect {
        width: 340px;
        margin: 0px;
    }
}

#contribEdit .criteria-section {
    font-size: 14px;
}

    #contribEdit .criteria-section .first-col {
        margin-right: 40px;
    }

#contribEdit .toggle-margin {
    margin: 3px 0;
}

#contribEdit .approx-cont {
    min-height: 24px;
}

#contribEdit .criteria-section-wrapper {
    min-height: 105px;
    margin-top: 15px;
}

    #contribEdit .criteria-section-wrapper .row {
        margin-top: 0px;
    }

#contribEdit .glyphicons.ux-glyphicons-refresh-percentage {
    color: #950244;
}

#contribEdit .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    #contribEdit .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
        color: #6C6C6C;
    }

#contribEdit .rbleftlg {
    padding-left: 23px;
}

#contribEdit .push-leftlg {
    margin-left: -30px;
}

#contribEdit .ErrorInput {
    border: 1px solid #F44336;
}

#contribEdit .contribLeftPadding {
    padding-left: 10px;
}

#contribEdit .contribFrmBtnsTopPadding {
    padding-top: 60px;
}

#contribEdit .contribModalBtnsPadding {
    padding-top: 40px;
}

#contribEdit .contribConfMsg {
    margin-top: 30px;
}

#contribEdit .contribSuccessMsg {
    font-size: 14px;
    background-color: #01C251;
    color: #FFF;
    min-height: 70px;
    margin: 0 10px;
    display: table;
    width: 100%;
}

    #contribEdit .contribSuccessMsg > span {
        display: table-cell;
        top: 2px;
    }

        #contribEdit .contribSuccessMsg > span:nth-of-type(2) {
            display: table-cell;
            padding-right: 15px;
            padding-top: 7px;
            padding-bottom: 7px;
            vertical-align: middle;
        }

#contribEdit .ContribCalendar {
    font-size: 42px;
    pointer-events: none;
    position: absolute;
    right: 0;
}

#contribEdit #contribPreTaxEditForm h3 {
    display: inline-block;
}

#contribEdit .ContribRightBorder {
    border-right: solid 1px #D3D3D3;
}

#contribEdit .changeContribIcon {
    /*height:auto;*/
    width: 75px;
    /*line-height:normal;*/
    vertical-align: middle;
    margin-right: 0px;
    display: inline-block;
    font-size: 14px;
}

#contribEdit .contribErrorMessages,
#contribEdit .contribRestErrMsg,
#contribEdit .ContribEmailErrMsg {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 35px;
    margin: 0 10px;
    display: table;
    width: 100%;
}

    #contribEdit .contribErrorMessages.no-push,
    #contribEdit .contribRestErrMsg.no-push,
    #contribEdit .ContribEmailErrMsg.no-push {
        margin: 0;
    }

    #contribEdit .contribErrorMessages > span,
    #contribEdit .contribRestErrMsg > span,
    #contribEdit .ContribEmailErrMsg > span {
        display: table-cell;
        top: 2px;
    }

        #contribEdit .contribErrorMessages > span:nth-of-type(2),
        #contribEdit .contribRestErrMsg > span:nth-of-type(2),
        #contribEdit .ContribEmailErrMsg > span:nth-of-type(2) {
            display: table-cell;
            padding-right: 15px;
            padding-top: 7px;
            padding-bottom: 7px;
            vertical-align: middle;
        }

#contribEdit .dividerpadding {
    padding-top: 20px;
}

#contribEdit .contribMsgModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px;
    background-color: #FAFAFA;
    /*width:80%;*/
    min-width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

#contribEdit .contribCancelModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

#contribEdit .contribEditModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

    #contribEdit .contribEditModal h2 {
        font-weight: bold;
    }

#contribEdit .divCalcOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribEdit .divOverlay2 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribEdit .divOverlayCancel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribEdit .divOverlayEmail {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribEdit .calcDefModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    font-size: 14px;
    width: 480px;
    top: 0;
    left: 20%;
}

    #contribEdit .calcDefModal a.modal-close {
        color: #6C6C6C;
        text-transform: none;
        text-align: right;
        margin-top: -8px;
    }

    #contribEdit .calcDefModal h1 {
        margin-top: 5px;
    }

#contribEdit .calcDefRadioGrp {
    margin-top: 5px;
}

#contribEdit .preTaxLine {
    background-color: #EF2664;
}

#contribEdit .rothLine {
    background-color: #FF8828;
}

#contribEdit .posttaxLine {
    background-color: #16E1D0;
}

#contribEdit .reviewAddPadding {
    padding-top: 15px;
}

#contribEdit .padding-top {
    padding-top: 5px;
}

#contribEdit #contribEditPostTaxForm input {
    margin: 0;
}

#contribEdit #contribEditReviewForm .pretaxaccel .radiolabel {
    position: relative;
    left: 30px;
    bottom: 5px;
}

#contribEdit .fontsize1em {
    display: block;
    font-size: 1em;
}

#contribEdit .fontsizesmall {
    font-size: 0.875em;
}

.noColPadding {
    padding-left: 0px;
    padding-right: 0px;
}

.AlignTextToLeft {
    text-align: left;
}

.preroth-modal-window {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.modal-window .modal-div {
    margin-left: 2px;
}

.modal-window .modal-action-div {
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

.modal-window .modal-checkbox-div {
    margin-top: 10px;
    margin-left: 2px;
}

.modal-window h2 {
    margin-bottom: 3px;
    margin-top: 6px;
}

.modal-window .glyphicons {
    margin-top: -10px;
    margin-right: -10px;
}

.preroth-modal-window-popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(90, 90, 90, 0.5);
    z-index: 9999;
}


#conform-to-target .sdbCTTMsgs {
    padding-bottom: 20px;
}

#conform-to-target .my-table-styles {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#conform-to-target .viewModeModalTopMargin {
    margin-top: 40px;
}

#conform-to-target h1 i {
    color: #B556B6;
}

#conform-to-target .transfers-all-src-withgrp-dd .table td:nth-of-type(2),
#conform-to-target .transfers-all-src-withgrp-dd .table th:nth-of-type(2) {
    padding-left: 344px;
}

#conform-to-target .transfers-all-src-withgrp-dd .table th:first-of-type {
    padding-top: 8px;
}

#conform-to-target .transfers-all-src-withgrp-dd .table .row-total td:first-of-type {
    /*width: 330px;*/
}

#conform-to-target .transfers-all-src-withgrp-dd .table .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .transfers-all-src-withgrp .table td:nth-of-type(2),
#conform-to-target .transfers-all-src-withgrp .table th:nth-of-type(2) {
    /*padding-left: 344px;*/
}

#conform-to-target .transfers-all-src-withgrp .table th:first-of-type {
    padding-top: 8px;
}

#conform-to-target .transfers-all-src-withgrp .table .row-total td:first-of-type {
    /*width: 330px;*/
}

#conform-to-target .transfers-all-src-withgrp .table .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .transfers-review-by-src-nogrp .table td:nth-of-type(2),
#conform-to-target .transfers-review-by-src-nogrp .table th:nth-of-type(2) {
    /*padding-left: 344px;*/
}

#conform-to-target .transfers-review-by-src-nogrp .table th:first-of-type {
    padding-top: 8px;
}

#conform-to-target .transfers-review-by-src-nogrp .table .row-total td:first-of-type {
    /*width: 330px;*/
}

#conform-to-target .transfers-review-by-src-nogrp .table .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target .transfers-review .table td,
#conform-to-target .transfers-review .table th {
    white-space: nowrap;
}

    #conform-to-target .transfers-review .table td:nth-of-type(2),
    #conform-to-target .transfers-review .table th:nth-of-type(2) {
        /*padding-left: 347px;*/
    }

    #conform-to-target .transfers-review .table th:first-of-type {
        text-align: left;
    }

#conform-to-target .transfers-review .curr-bal-col {
    width: 271px !important;
    min-width: 271px !important;
}

#conform-to-target.fund-to-fund-transfers {
    /*table.table thead tr th {
            border-bottom: 2px solid #ebeff2;
          }*/
}

    #conform-to-target.fund-to-fund-transfers .progress-bar-container {
        margin: 40px 0 34px 0;
    }

        #conform-to-target.fund-to-fund-transfers .progress-bar-container .progress-label .colored {
            color: #B556B6;
        }

        #conform-to-target.fund-to-fund-transfers .progress-bar-container .progress .progress-bar {
            background-color: #B556B6;
        }

    #conform-to-target.fund-to-fund-transfers .charts {
        clear: both;
    }

    #conform-to-target.fund-to-fund-transfers .rules-and-restrictions {
        margin-bottom: 10px;
    }

    #conform-to-target.fund-to-fund-transfers .add-funds-modal table.table:not(.striped) tr th:first-child,
    #conform-to-target.fund-to-fund-transfers .add-funds-modal table.table:not(.striped) tr td:first-child {
        width: 20px !important;
        min-width: 20px !important;
    }

    #conform-to-target.fund-to-fund-transfers .add-funds-modal table.table tr th:first-child,
    #conform-to-target.fund-to-fund-transfers .add-funds-modal table.table tr td:first-child {
        width: 20px !important;
        min-width: 20px !important;
    }

    #conform-to-target.fund-to-fund-transfers table tbody tr th,
    #conform-to-target.fund-to-fund-transfers table thead tr th,
    #conform-to-target.fund-to-fund-transfers table tbody tr td,
    #conform-to-target.fund-to-fund-transfers table thead tr td {
        width: 120px;
        min-width: 120px;
    }

        #conform-to-target.fund-to-fund-transfers table tbody tr th:nth-of-type(3),
        #conform-to-target.fund-to-fund-transfers table thead tr th:nth-of-type(3),
        #conform-to-target.fund-to-fund-transfers table tbody tr td:nth-of-type(3),
        #conform-to-target.fund-to-fund-transfers table thead tr td:nth-of-type(3) {
            width: 200px;
            min-width: 200px;
        }

        #conform-to-target.fund-to-fund-transfers table tbody tr th:nth-of-type(4),
        #conform-to-target.fund-to-fund-transfers table thead tr th:nth-of-type(4),
        #conform-to-target.fund-to-fund-transfers table tbody tr td:nth-of-type(4),
        #conform-to-target.fund-to-fund-transfers table thead tr td:nth-of-type(4) {
            width: 210px;
            min-width: 210px;
        }

        #conform-to-target.fund-to-fund-transfers table tbody tr th:first-of-type,
        #conform-to-target.fund-to-fund-transfers table thead tr th:first-of-type,
        #conform-to-target.fund-to-fund-transfers table tbody tr td:first-of-type,
        #conform-to-target.fund-to-fund-transfers table thead tr td:first-of-type {
            width: 330px;
        }

        #conform-to-target.fund-to-fund-transfers table tbody tr th:last-of-type,
        #conform-to-target.fund-to-fund-transfers table thead tr th:last-of-type,
        #conform-to-target.fund-to-fund-transfers table tbody tr td:last-of-type,
        #conform-to-target.fund-to-fund-transfers table thead tr td:last-of-type {
            width: 150px;
            min-width: 150px;
        }

    #conform-to-target.fund-to-fund-transfers .errortext {
        color: #f44336;
        font-size: 0.875em;
    }

    #conform-to-target.fund-to-fund-transfers .edit-email {
        /*display: none;*/
        /*z-index: 100;*/
        /*margin-left: -240px;*/
        /*margin: 5% 15% auto;*/
        /*border: none;
              padding: 22px 22px 22px 22px;
              width: 480px;
              top: 280px;
              left: 50%;*/
    }

        #conform-to-target.fund-to-fund-transfers .edit-email .email-content {
            /*margin-top: -35px;*/
            padding-right: 2px;
            padding-left: 2px;
        }

            #conform-to-target.fund-to-fund-transfers .edit-email .email-content h3 {
                font-size: 22px;
                margin-bottom: 40px;
            }

    #conform-to-target.fund-to-fund-transfers .emailErrMsg {
        color: #F44336;
    }

    #conform-to-target.fund-to-fund-transfers .ftfEmailErrMsg {
        font-size: 14px;
        background-color: #F44336;
        color: #FFF;
        min-height: 35px;
        margin: 0 10px;
        display: table;
        width: 100%;
    }

        #conform-to-target.fund-to-fund-transfers .ftfEmailErrMsg.no-push {
            margin: 0;
        }

        #conform-to-target.fund-to-fund-transfers .ftfEmailErrMsg > span {
            display: table-cell;
            top: 2px;
        }

            #conform-to-target.fund-to-fund-transfers .ftfEmailErrMsg > span:nth-of-type(2) {
                display: table-cell;
                padding-right: 15px;
                padding-top: 7px;
                padding-bottom: 7px;
                vertical-align: middle;
            }

    #conform-to-target.fund-to-fund-transfers .prospectus-container table tbody tr th:first-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table tbody tr td:first-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table thead tr th:first-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table thead tr td:first-of-type {
        width: auto;
    }

    #conform-to-target.fund-to-fund-transfers .prospectus-container table tbody tr th:last-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table tbody tr td:last-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table thead tr th:last-of-type,
    #conform-to-target.fund-to-fund-transfers .prospectus-container table thead tr td:last-of-type {
        width: 190px;
        min-width: 190px;
    }

#conform-to-target form select {
    display: block;
    margin-top: 10px;
    margin-right: 20px;
    font-weight: normal;
    font-size: 14px;
}

.elections-wizard {
    /* Investment Product Advice Drop Down Div*/
    /* end */
}

    .elections-wizard .my-table-styles {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .elections-wizard .table-wrapper {
        margin: 0;
        padding: 0;
        min-width: 500px;
    }

    .elections-wizard h1 {
        font-size: 1.875em;
        margin-bottom: 30px;
    }

        .elections-wizard h1 > i {
            font-size: 1em;
        }

    .elections-wizard h3 {
        margin-bottom: 15px;
    }

    .elections-wizard h4 {
        margin: 0;
        font-weight: normal;
        font-size: 1em;
        color: #4e4e4e;
    }

    .elections-wizard .strong {
        font-weight: bold;
    }

    .elections-wizard .disabled {
        color: #aaa;
    }

    .elections-wizard .warning {
        background-color: red;
        color: white;
        height: 35px;
    }

    .elections-wizard form label.checkbox-label + span {
        position: relative;
        top: -9px;
    }

    .elections-wizard a:hover:not([disabled]) {
        cursor: pointer;
    }

    .elections-wizard a .disabled {
        opacity: 0.4;
        cursor: default;
    }

    .elections-wizard table thead tr th input[type="checkbox"] {
        vertical-align: middle;
        width: 25px;
        line-height: normal;
        margin-right: 10px;
    }

    .elections-wizard table tbody tr td.number-row {
        text-align: right;
        vertical-align: middle;
    }

    .elections-wizard table tr.sourceDetails > td {
        padding: 0;
    }

    .elections-wizard .sub-table-plain tr:nth-child(2n) {
        background: #FFF !important;
    }

    .elections-wizard .election-prospectus .loading-overlay {
        z-index: 1;
    }

    .elections-wizard .changeelectionsiconcolor {
        color: #12838E !important;
        font-size: 1.875em;
        line-height: inherit;
        vertical-align: middle;
        display: inline-block;
        margin-left: -15px;
    }

    .elections-wizard .progressBar {
        margin-top: 10px;
    }

    .elections-wizard .progress-bar-container .progress-bar {
        background-color: #12838E;
    }

    .elections-wizard .progress-label .colored {
        color: #12838E;
    }

    .elections-wizard .borderless tbody,
    .elections-wizard .borderless tbody tr td,
    .elections-wizard .borderless tbody tr th,
    .elections-wizard .borderless thead tr th {
        border: none;
    }

    .elections-wizard .restrictionstile {
        width: 49%;
        float: left;
        margin-top: 50px;
        margin-bottom: 20px;
        min-height: 180px;
        background: #FFF;
    }

@media (max-width: 992px) {
    .elections-wizard .restrictionstile {
        width: 100%;
    }
}

.elections-wizard .restrictionstile + .restrictionstile {
    margin-left: 2%;
}

@media (max-width: 992px) {
    .elections-wizard .restrictionstile + .restrictionstile {
        margin-left: 0;
    }
}

.elections-wizard .restrictionstile .tileheader {
    border-bottom: solid 1px #D3D3D3;
    padding: 10px 0 5px 10px;
    height: 46px;
}

.elections-wizard .restrictionstile .tilecontent {
    padding: 0 20px 0 20px;
}

.elections-wizard .restrictionstile table tbody {
    border-top: 1px solid #D3D3D3;
    font-size: 0.85em;
}

    .elections-wizard .restrictionstile table tbody tr th + th {
        text-align: right;
    }

    .elections-wizard .restrictionstile table tbody tr td + td {
        text-align: right;
    }

.elections-wizard .restrictionstile:only-child {
    width: 100%;
    min-height: 0;
}

.elections-wizard .border {
    border-bottom: solid 1px #D3D3D3;
}

.elections-wizard .drop {
    padding-right: 15px;
}

    .elections-wizard .drop::after {
        content: "\2304";
    }

.elections-wizard .input-symbol-percent input {
    width: 60%;
}

.elections-wizard .asset-class-group {
    background-color: #FFF !important;
}

.elections-wizard .default-all-source {
    font-size: 0.95em;
    padding-left: 0;
}

.elections-wizard .not-include-sources {
    margin-top: 25px;
    text-transform: bold;
}

.elections-wizard table.table.color-labels tbody tr[color-label] td:first-child {
    padding-left: 9px;
}

.elections-wizard table.table tbody tr.fund-row-even {
    background-color: #F7F7F7;
}

.elections-wizard table.table tbody tr.fund-row-odd {
    background-color: #FFF;
}

.elections-wizard table.table tbody tr.asset-row {
    /*border: 1px solid @table-border;*/
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    background: #FFF;
    font-weight: bold;
}

.elections-wizard table.table tbody tr.addfund-table-title-row {
    border-bottom: 1px solid #D3D3D3;
}

    .elections-wizard table.table tbody tr.addfund-table-title-row td {
        background-color: #EBEFF2;
        font-weight: normal;
        color: #1472a8;
        padding-left: 15px;
    }

.elections-wizard table.table tbody tr.prospectus-table-title-row {
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
}

    .elections-wizard table.table tbody tr.prospectus-table-title-row td {
        background-color: #EBEFF2;
        font-weight: normal;
        color: #1472a8;
        padding-left: 15px;
    }

.elections-wizard table.table tbody tr.table-title-row td {
    background-color: #EBEFF2;
    font-weight: bold;
    color: #1472a8;
    padding-left: 15px;
}

.elections-wizard table.table tbody tr.account-total td {
    text-transform: uppercase;
}

.elections-wizard table.table tbody tr td.new-target {
    color: #FFC439;
}

.elections-wizard table.table a {
    cursor: pointer;
}

.elections-wizard table.table tr th:first-child {
    min-width: 220px;
}

.elections-wizard table.table tr td .investment-details {
    float: right;
}

.elections-wizard table.table tr .sub-table-td {
    margin: 0;
    padding: 0;
    height: 0;
}

    .elections-wizard table.table tr .sub-table-td .sub-table tr {
        background-color: #FFF;
    }

        .elections-wizard table.table tr .sub-table-td .sub-table tr th:first-child {
            min-width: 0px;
        }

        .elections-wizard table.table tr .sub-table-td .sub-table tr td:first-child {
            min-width: 0px;
        }

.elections-wizard table.table tbody.expandable {
    border: none;
}

    .elections-wizard table.table tbody.expandable > tr > td {
        padding: 0;
        height: 0;
        white-space: nowrap;
        border: 1px solid #D3D3D3;
    }

.elections-wizard table.table .expandable-heading {
    background-color: #F7F7F7;
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    color: #1472a8;
}

.elections-wizard .prospectus-table {
    border-bottom: 1px solid #D3D3D3;
}

    .elections-wizard .prospectus-table td:first-of-type {
        white-space: normal;
    }

.elections-wizard .collapsable-header-border {
    border-top: 1px solid #D3D3D3;
}

.elections-wizard .alert-error span:first-child {
    width: 30px;
}

.elections-wizard #errorDiv {
    margin-top: 20px;
    margin-bottom: 20px;
}

.elections-wizard .prospectuslink {
    text-align: right;
    margin-right: 10px;
}

.elections-wizard .modalwindow-center {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.elections-wizard .electEmailModal {
    /*display: none;*/
    /*z-index: 999;*/
    /*margin: 5% 15% auto;*/
    /*border: none;
          padding: 22px 22px 22px 22px;
          width: 480px;*/
}

    .elections-wizard .electEmailModal .email-content {
        /*margin-top: -35px;
              padding-right: 2px;
              padding-left: 2px;*/
    }

        .elections-wizard .electEmailModal .email-content h3 {
            font-size: 22px;
            margin-bottom: 40px;
        }

.elections-wizard .electEmailModalBtnGrp {
    padding-top: 30px;
    padding-right: 0;
}

.elections-wizard .print {
    color: #6C6C6C;
    padding-right: 2px;
    text-transform: none;
}

    .elections-wizard .print .glyphicons.print-icon {
        margin-right: 0;
    }

.elections-wizard .errortext {
    color: #F44336;
    font-size: 0.875em;
}

.elections-wizard .addfund-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5em;
}

.elections-wizard .addfund-title {
    font-weight: normal;
}

.elections-wizard .investmentAdviceArea div {
    margin-bottom: 10px;
}

.elections-wizard .investmentAdviceArea label {
    padding-top: 8px;
}

.elections-wizard .investmentAdviceArea .investptd-dropdown {
    color: #1472a8;
    min-width: 0px !important;
}

.elections-wizard .include-bysource-font {
    font-size: 0.85em;
}

.elections-wizard .include-bysource-chk {
    height: 20px;
    width: 20px;
    margin: 0 0 0 -25px;
}

.elections-wizard .sdb-warning-modal {
    display: none;
    position: absolute;
    z-index: 999;
    width: 480px;
    margin-left: 22px;
    margin-right: 22px;
}

.elections-wizard .confirmation-area {
    background-color: #01C251;
    color: #FFF;
    /*margin: 25px 10px 30px 10px;*/
}

    .elections-wizard .confirmation-area h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.elections-wizard .investment-sources {
    clear: both;
}

    .elections-wizard .investment-sources .source {
        border-bottom: 1px solid #D3D3D3;
    }

        .elections-wizard .investment-sources .source .include-source {
            float: right;
            text-align: right;
            margin-top: -15px;
        }

            .elections-wizard .investment-sources .source .include-source span {
                font-size: 1em;
                font-weight: 400;
            }

        .elections-wizard .investment-sources .source .restricted-source {
            float: right;
            text-align: right;
            margin-top: 10px;
        }

            .elections-wizard .investment-sources .source .restricted-source label {
                font-size: 0.85em;
            }

            .elections-wizard .investment-sources .source .restricted-source span {
                font-size: 1em;
                font-weight: 400;
            }

        .elections-wizard .investment-sources .source .restricted-source-wrapper {
            margin: 20px 0 20px 0;
        }

        .elections-wizard .investment-sources .source:first-child {
            padding-top: 30px;
        }

        .elections-wizard .investment-sources .source h3 {
            /* font-size: 1.4em; */
            margin: 15px 0px;
            float: left;
        }

            .elections-wizard .investment-sources .source h3.open + .collapsable-area {
                display: block;
                height: auto;
            }

.elections-wizard .add-funds-modal th:first-child {
    max-width: 15px;
    border-right: 0px;
}

.elections-wizard .charts:before {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: 30px;
    /*border-bottom: 1px solid @divider-color;*/
}

.elections-wizard .charts > div {
    position: relative;
    text-align: center;
}

    .elections-wizard .charts > div:nth-child(2) {
        border-left: 1px solid #D3D3D3;
    }

@media only screen and (max-width: 767px) {
    .elections-wizard .charts > div:nth-child(2) {
        border-left: 0;
    }
}

.elections-wizard .charts > div > span {
    display: block;
    background: #F3F3F3;
    position: absolute;
    top: 43%;
    right: -33px;
    z-index: 1;
    height: 50px;
    line-height: 47px;
}

@media only screen and (max-width: 767px) {
    .elections-wizard .charts > div > span {
        display: none;
    }
}

.elections-wizard .charts > div .chart-placeholder {
    width: 152px;
    height: 152px;
    border: 1px solid #ccc;
    position: absolute;
    top: 31%;
    left: 50%;
    border-radius: 50%;
    margin-left: -76px;
}

    .elections-wizard .charts > div .chart-placeholder:after {
        content: "";
        display: block;
        width: 200px;
        height: 200px;
        border: 1px solid #ccc;
        border-radius: 50%;
        position: absolute;
        left: -26px;
        top: -26px;
    }

.elections-wizard .all-source-table {
    padding-top: 30px;
    clear: both;
}

.elections-wizard .cancel-elections-modal {
    width: 480px;
}

    .elections-wizard .cancel-elections-modal .cancel-modal-button {
        padding-top: 40px;
    }

.elections-wizard .review-container .heading {
    /*font-size: 1.375em;*/
    margin-bottom: 15px;
}

.elections-wizard .review-container h3 {
    /*padding-bottom: 15px;*/
    /*font-size: 1.125em;*/
    margin-bottom: 15px;
}

.elections-wizard .review-container h4 {
    font-size: 1em;
}

.elections-wizard .review-container .source {
    /* overwrite source table default border line */
    border-bottom: 0px;
}

.elections-wizard .review-container .divider {
    margin: 35px 0 35px 0;
}

.elections-wizard .review-container #errorDiv {
    margin-top: 5px;
    margin-bottom: 20px;
}

.elections-wizard .wizard-navigation {
    margin-top: 50px;
}

    .elections-wizard .wizard-navigation > div {
        overflow: hidden;
        float: right;
    }

@media only screen and (max-width: 767px) {
    .elections-wizard .wizard-navigation > div {
        float: none;
    }
}

.elections-wizard .wizard-navigation .btn:first-child,
.elections-wizard .wizard-navigation .button:first-child {
    /*margin-left: 0;*/
}

@media only screen and (max-width: 767px) {
    .elections-wizard .wizard-navigation .btn:first-child,
    .elections-wizard .wizard-navigation .button:first-child {
        margin-left: 5%;
    }
}

.elections-wizard .wizard-navigation .btn:last-child,
.elections-wizard .wizard-navigation .button:last-child {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .elections-wizard .wizard-navigation .btn:last-child,
    .elections-wizard .wizard-navigation .button:last-child {
        margin-right: 5%;
    }
}

.elections-wizard .fund-row td:last-child {
    border-right: 0px;
}

.elections-wizard .available-funds {
    max-height: 550px;
}

    .elections-wizard .available-funds table tbody tr td input[type="checkbox"] {
        width: 18px;
        margin-top: 5px;
    }

.elections-wizard .prospectus-header {
    padding-bottom: 20px;
}

.elections-wizard .addfunds-row {
    margin-bottom: 10px;
}

.elections-wizard .proNVestOptInMsg {
    margin-bottom: 20px;
}

.elections-wizard .ele-grid-border {
    /*.fund-row {
              border-bottom: solid 1px @table-border;
          }*/
    /*.row-total {
              border-top: none !important;
          }*/
}

    .elections-wizard .ele-grid-border .asset-row {
        border-top: none !important;
    }

    .elections-wizard .ele-grid-border .bdr-btm {
        border-bottom: solid 1px #D3D3D3;
    }

.elections-wizard .ele-grid-scroll thead tr th {
    white-space: nowrap;
}

    .elections-wizard .ele-grid-scroll thead tr th:first-of-type {
        width: 351px;
        background: #4e4e4e;
        overflow: hidden;
        position: absolute;
        /*padding-top: 13px;*/
        height: inherit;
        z-index: 1;
    }

    .elections-wizard .ele-grid-scroll thead tr th:nth-of-type(3) {
        width: 271px !important;
        min-width: 271px !important;
    }

.elections-wizard .ele-grid-scroll tbody tr td:first-of-type {
    width: 350px;
    background: inherit;
    overflow: hidden;
    position: absolute;
    padding-top: 13px;
    height: inherit;
    z-index: 1;
}

    .elections-wizard .ele-grid-scroll tbody tr td:first-of-type[color] {
        /*Firefox Issue RA-117409*/
        white-space: normal;
    }

.elections-wizard .ele-grid-scroll tbody tr td:nth-of-type(3) {
    width: 271px !important;
    min-width: 271px !important;
}

.elections-wizard .ele-grid-scroll .expandable-heading td:first-of-type,
.elections-wizard .ele-grid-scroll .asset-row td:first-of-type {
    border-right: none;
    height: 34px;
    padding-top: 7px;
}

.elections-wizard .ele-grid-scroll .expandable-heading td:not(:first-of-type),
.elections-wizard .ele-grid-scroll .asset-row td:not(:first-of-type) {
    border-left: none;
}

    .elections-wizard .ele-grid-scroll .expandable-heading td:not(:first-of-type):not(:last-of-type),
    .elections-wizard .ele-grid-scroll .asset-row td:not(:first-of-type):not(:last-of-type) {
        border-right: none;
    }

.elections-wizard .ele-grid-scroll .row-total td:first-of-type {
    height: 35px;
    padding-top: 7px;
}

.elections-wizard .second-td-padding thead tr th:nth-of-type(2) {
    padding-left: 441px;
}

.elections-wizard .second-td-padding tbody tr td:nth-of-type(2) {
    padding-left: 441px;
}

.elections-wizard .ele-grid-scroll-ctt thead tr th {
    white-space: nowrap;
}

    .elections-wizard .ele-grid-scroll-ctt thead tr th:first-of-type {
        width: 351px;
        background: #4e4e4e;
        overflow: hidden;
        position: absolute;
        /*padding-top: 7px;*/
        height: inherit;
        z-index: 1;
    }

    .elections-wizard .ele-grid-scroll-ctt thead tr th:nth-of-type(3) {
        width: 271px !important;
        min-width: 271px !important;
    }

.elections-wizard .ele-grid-scroll-ctt tbody tr td:first-of-type {
    width: 350px;
    background: inherit;
    overflow: hidden;
    position: absolute;
    /*padding-top: 7px;*/
    height: inherit;
    z-index: 1;
    /*Firefox Issue RA-117409*/
    white-space: normal;
}

.elections-wizard .ele-grid-scroll-ctt tbody tr td:nth-of-type(3) {
    width: 271px !important;
    min-width: 271px !important;
}

.elections-wizard .ele-grid-scroll-ctt .expandable-heading td:first-of-type,
.elections-wizard .ele-grid-scroll-ctt .asset-row td:first-of-type {
    border-right: none;
    height: 34px;
    /*padding-top: 7px;*/
}

.elections-wizard .ele-grid-scroll-ctt .expandable-heading td:not(:first-of-type),
.elections-wizard .ele-grid-scroll-ctt .asset-row td:not(:first-of-type) {
    border-left: none;
}

    .elections-wizard .ele-grid-scroll-ctt .expandable-heading td:not(:first-of-type):not(:last-of-type),
    .elections-wizard .ele-grid-scroll-ctt .asset-row td:not(:first-of-type):not(:last-of-type) {
        border-right: none;
    }

.elections-wizard .ele-grid-scroll-ctt .row-total td:first-of-type {
    height: 35px;
    /*padding-top: 7px;*/
}

.elections-wizard .ele-grid-scroll-ctt .td-col-title {
    background-color: #EBEFF2;
    font-weight: normal;
    color: #1472a8;
}

    .elections-wizard .ele-grid-scroll-ctt .td-col-title td:first-of-type {
        border-right: none;
        height: 34px;
        /*padding-top: 7px;*/
    }

.elections-wizard .ele-grid-scroll-ctt .white-space-normal {
    white-space: normal;
}

@media only screen and (max-width: 1024px) {
    .elections-wizard .invst-modal-window {
        left: 12% !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .elections-wizard .ele-fund-add-review td:first-of-type {
        /*margin-top: -35px;*/
    }
}

#contribElectEdit .emailErrMsg {
    color: #F44336;
}

#contribElectEdit .contrRadioBtnsTop {
    margin-top: -20px;
}

#contribElectEdit .contrTopMargin {
    margin-top: 15px;
}

#contribElectEdit .contrRadioBtnsTop {
    margin-top: -20px;
}

#contribElectEdit .progress-bar-container .progress-bar {
    background-color: #950244;
}

#contribElectEdit .progress-label .colored {
    color: #950244;
}

#contribElectEdit input[type=text].form-control.shorten {
    width: 98%;
}

#contribElectEdit .removetxtbold {
    font-weight: normal;
}

#contribElectEdit hr.ColoredLine {
    margin-bottom: 0;
    height: 5px;
    border: none;
    margin-top: 12px;
}

#contribElectEdit .dolpctwrapper {
    margin-top: 5px;
}

#contribElectEdit .defwrapper {
    padding-top: 5px;
}

#contribElectEdit .slidertogglewrapper {
    margin-top: 5px;
}

#contribElectEdit .btnCancel {
    padding-left: 0px;
}

#contribElectEdit .btnAlignRight {
    padding-right: 0px;
}

#contribElectEdit .removeIcon {
    font-size: 2em;
}

#contribElectEdit input.center {
    margin-left: auto;
    margin-right: auto;
}

#contribElectEdit label {
    margin-bottom: 5px;
}

#contribElectEdit .control-center {
    width: 320px;
    margin: 0 auto 0 30px;
}

#contribElectEdit .ctrlCenterLarge {
    width: 222px;
    margin: 0 auto;
    text-align: left;
}

#contribElectEdit .control-centerSelect {
    width: 280px;
    margin: 0 auto 0 30px;
}

#contribElectEdit .criteria-section {
    font-size: 14px;
}

    #contribElectEdit .criteria-section .first-col {
        margin-right: 40px;
    }

#contribElectEdit .toggle-margin {
    margin: 3px 0;
}

#contribElectEdit .approx-cont {
    min-height: 24px;
}

#contribElectEdit .criteria-section-wrapper {
    min-height: 105px;
    margin-top: 15px;
}

    #contribElectEdit .criteria-section-wrapper .row {
        margin-top: 0px;
    }

#contribElectEdit .glyphicons.ux-glyphicons-refresh-percentage {
    color: #950244;
}

#contribElectEdit .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    #contribElectEdit .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
        color: #6C6C6C;
    }

#contribElectEdit .rbleftlg {
    padding-left: 23px;
}

#contribElectEdit .push-leftlg {
    margin-left: -30px;
}

#contribElectEdit #review-elect-section {
    margin-top: 30px;
}

    #contribElectEdit #review-elect-section h3 {
        font-size: 1.125em;
        margin-bottom: 15px;
    }

    #contribElectEdit #review-elect-section .investment-details {
        float: right;
    }

    #contribElectEdit #review-elect-section .effectiveDate {
        margin-bottom: 20px;
        margin-top: 20px;
    }

#contribElectEdit .electEmailModal {
    display: none;
    margin: 5% 15% auto;
    border: none;
    padding: 22px 22px 22px 22px;
    width: 480px;
}

    #contribElectEdit .electEmailModal .email-content h3 {
        font-size: 22px;
        margin-bottom: 40px;
    }

#contribElectEdit .electEmailModalBtnGrp {
    padding-top: 30px;
    padding-right: 0;
}

#contribElectEdit .errortext {
    color: red;
    font-size: 0.875em;
}

#contribElectEdit .emaillink {
    margin-top: 20px;
}

#contribElectEdit .navButtonGroup {
    margin-top: 60px;
}

#contribElectEdit .electionsButtonGroup {
    padding-top: 60px;
}

#contribElectEdit .elections403StepContainer {
    margin-left: 0px;
    margin-right: 0px;
}

#contribElectEdit .ErrorInput {
    border: 1px solid #F44336;
}

#contribElectEdit .contribLeftPadding {
    padding-left: 10px;
}

#contribElectEdit .contribFrmBtnsTopPadding {
    padding-top: 60px;
}

#contribElectEdit .contribModalBtnsPadding {
    padding-top: 40px;
}

#contribElectEdit .confirmation-area {
    background-color: #01C251;
    color: #FFF;
    font-weight: bold;
    margin: 0 0 30px 0;
}

    #contribElectEdit .confirmation-area h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

#contribElectEdit .contribSuccessMsg {
    font-size: 14px;
    background-color: #01C251;
    color: #FFF;
    min-height: 70px;
    padding: 7px 10px 7px 1px;
    margin: 0 15px;
}

    #contribElectEdit .contribSuccessMsg i {
        top: 15px;
    }

    #contribElectEdit .contribSuccessMsg span {
        padding-left: 34px;
        display: inline-block;
        margin-top: -15px;
    }

    #contribElectEdit .contribSuccessMsg p {
        margin: 0px;
    }

#contribElectEdit .ContribCalendar {
    font-size: 42px;
    pointer-events: none;
    position: absolute;
    right: 0;
}

#contribElectEdit #contribPreTaxEditForm h3 {
    display: inline-block;
}

#contribElectEdit .ContribRightBorder {
    border-right: solid 1px #D3D3D3;
}

#contribElectEdit .changeContribIcon {
    /*height:auto;*/
    width: 75px;
    /*line-height:normal;*/
    vertical-align: middle;
    margin-right: 0px;
    display: inline-block;
    font-size: 14px;
}

#contribElectEdit .contribErrorMessages,
#contribElectEdit .contribRestErrMsg,
#contribElectEdit .ContribEmailErrMsg {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 35px;
    margin: 0 10px;
    display: table;
    width: 100%;
}

    #contribElectEdit .contribErrorMessages.no-push,
    #contribElectEdit .contribRestErrMsg.no-push,
    #contribElectEdit .ContribEmailErrMsg.no-push {
        margin: 0;
    }

    #contribElectEdit .contribErrorMessages > span,
    #contribElectEdit .contribRestErrMsg > span,
    #contribElectEdit .ContribEmailErrMsg > span {
        display: table-cell;
        top: 2px;
    }

        #contribElectEdit .contribErrorMessages > span:nth-of-type(2),
        #contribElectEdit .contribRestErrMsg > span:nth-of-type(2),
        #contribElectEdit .ContribEmailErrMsg > span:nth-of-type(2) {
            display: table-cell;
            padding-right: 15px;
            padding-top: 7px;
            padding-bottom: 7px;
            vertical-align: middle;
        }

#contribElectEdit .dividerpadding {
    padding-top: 20px;
}

#contribElectEdit .contribMsgModal {
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    min-width: 480px;
}

#contribElectEdit .contribCancelModal {
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    width: 480px;
}

#contribElectEdit .contribEditModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

#contribElectEdit .divCalcOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 998;
    height: 100%;
    width: 100%;
}

#contribElectEdit .divOverlay2 {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribElectEdit .divOverlayCancel {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#contribElectEdit .calcDefModal {
    display: none;
    position: absolute;
    z-index: 999;
    margin: 5% 15% auto;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    font-size: 14px;
    width: 100%;
}

    #contribElectEdit .calcDefModal a.modal-close {
        color: #6C6C6C;
        text-transform: none;
        text-align: right;
        margin-top: -8px;
    }

    #contribElectEdit .calcDefModal h1 {
        margin-top: 5px;
    }

#contribElectEdit .calcDefRadioGrp {
    margin-top: 5px;
}

#contribElectEdit .preTaxLine {
    background-color: #EF2664;
}

#contribElectEdit .rothLine {
    background-color: #FF8828;
}

#contribElectEdit .posttaxLine {
    background-color: #16E1D0;
}

#contribElectEdit .reviewAddPadding {
    padding-top: 15px;
}

#contribElectEdit .padding-top {
    padding-top: 5px;
}

#contribElectEdit #contribEditPostTaxForm input {
    margin: 0;
}

#contribElectEdit #contribEditReviewForm .pretaxaccel .radiolabel {
    position: relative;
    left: 30px;
    bottom: 5px;
}

#contribElectEdit .fontsize1em {
    display: block;
    font-size: 1em;
}

#contribElectEdit .fontsizesmall {
    font-size: 0.875em;
}

#contribElectEdit .noColPadding {
    padding-left: 0px;
    padding-right: 0px;
}

#contribElectEdit .AlignTextToLeft {
    text-align: left;
}

#contribElectEdit .tiles {
    min-height: 300px;
}

#contribElectEdit .electionsContribReview {
    /* general table styles */
}

    #contribElectEdit .electionsContribReview table.table {
        margin-top: 0;
    }

        #contribElectEdit .electionsContribReview table.table .collapse-ctrl {
            margin-right: 15px;
            margin-left: 0;
        }

        #contribElectEdit .electionsContribReview table.table tbody tr.fund-row-even {
            background-color: #FFF;
        }

        #contribElectEdit .electionsContribReview table.table tbody tr.fund-row-odd {
            background-color: #FFF;
        }

        #contribElectEdit .electionsContribReview table.table tbody tr.table-title-row td {
            background-color: #EBEFF2;
            font-weight: bold;
            color: #1472a8;
            padding-left: 15px;
        }

        #contribElectEdit .electionsContribReview table.table tr th:first-child {
            /*min-width: 220px;*/
            /*temp*/
        }

        #contribElectEdit .electionsContribReview table.table tr td .investment-details {
            float: right;
        }

        #contribElectEdit .electionsContribReview table.table tr td.number-row {
            text-align: center;
            vertical-align: middle;
        }

        #contribElectEdit .electionsContribReview table.table tr td input [type="text"] {
            width: 60%;
        }

        #contribElectEdit .electionsContribReview table.table tr .sub-table-td {
            margin: 0;
            padding: 0;
            height: 0;
        }

            #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table {
                border-top: 1px solid #D3D3D3;
            }

                #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table tr {
                    background-color: #FFF;
                }

                    #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table tr th:first-child {
                        min-width: 0px;
                    }

                    #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table tr td:first-child {
                        min-width: 0px;
                    }

                    #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table tr td {
                        /*border-right: 1px solid @table-border;*/
                        /*temp */
                    }

                #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table .contract-total-row {
                    border-top: 1px solid #D3D3D3;
                    font-weight: bold;
                }

                    #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table .contract-total-row td:first-child {
                        border-right: 1px solid #D3D3D3;
                    }

                #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table .contract-id-input {
                    width: 120px;
                }

                #contribElectEdit .electionsContribReview table.table tr .sub-table-td .sub-table .contract-delete {
                    padding-left: 20px;
                }

    #contribElectEdit .electionsContribReview .collapse-ctrl {
        transition: all .2s linear;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: relative;
        margin-top: 5px;
        margin-left: 15px;
        border-top: 1px solid #1472a8;
        border-left: 1px solid #1472a8;
        width: 12px;
        height: 12px;
    }

        #contribElectEdit .electionsContribReview .collapse-ctrl.open {
            margin-top: 0px;
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
        }

.elections-contribution-403 {
    /*						*/
    /* Election 403 section */
    /*						*/
}

    .elections-contribution-403 h1 {
        margin-bottom: 30px;
    }

    .elections-contribution-403 h2 {
        margin-bottom: 10px;
    }

    .elections-contribution-403 h3 {
        margin-bottom: 15px;
    }

        .elections-contribution-403 h3:nth-of-type(2n) {
            margin-top: 40px;
            text-align: center;
            margin-bottom: 0;
            margin-left: 0;
        }

    .elections-contribution-403 h4 {
        text-align: center;
        margin: 0;
        font-weight: normal;
        font-size: 1em;
        color: #4e4e4e;
    }

    .elections-contribution-403 .modalwindow-center {
        position: fixed;
        top: 50%;
        left: 50%;
        max-width: 600px;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .elections-contribution-403 .print {
        color: #6C6C6C;
        padding-right: 2px;
        text-transform: none;
    }

        .elections-contribution-403 .print .glyphicons.print-icon {
            margin-right: 0;
        }

    .elections-contribution-403 .moneyheader {
        font-size: 64px;
        font-weight: bold;
        font-style: normal;
    }

        .elections-contribution-403 .moneyheader sup {
            font-size: 32px;
            font-weight: 200;
            font-style: normal;
            top: -0.7em;
        }

    .elections-contribution-403 .strong {
        font-weight: bold;
    }

    .elections-contribution-403 .tiles-part {
        padding: 0 0 0 0px;
    }

        .elections-contribution-403 .tiles-part h2 {
            padding-left: 10px;
        }

        .elections-contribution-403 .tiles-part.bottom-tile {
            margin-top: 15px;
        }

        .elections-contribution-403 .tiles-part .autoincreaseheight {
            height: 100px;
        }

        .elections-contribution-403 .tiles-part .fixedheight {
            height: 24px;
        }

    .elections-contribution-403 .tiles {
        min-height: 350px;
    }

        .elections-contribution-403 .tiles a {
            display: block;
            text-transform: uppercase;
        }

            .elections-contribution-403 .tiles a:hover {
                cursor: pointer;
            }

    .elections-contribution-403 .tiles-bottom-border {
        padding: 0 0 15px 0;
    }

        .elections-contribution-403 .tiles-bottom-border > div {
            border-bottom: solid 1px #D3D3D3;
            padding: 0 0 15px 0;
        }

    .elections-contribution-403 .rowminheight {
        min-height: 24px;
    }

    .elections-contribution-403 .auto-increase-link {
        text-decoration: underline;
    }

        .elections-contribution-403 .auto-increase-link:hover {
            cursor: pointer;
        }

    .elections-contribution-403 .mylegend {
        margin-top: 0px;
        border: none;
        width: 200px;
        border-right: none;
        border-collapse: separate;
        border-spacing: 0 1em;
        font-size: 1em;
        padding-left: 10px;
    }

        .elections-contribution-403 .mylegend tr td {
            vertical-align: middle;
            height: 20px;
            padding-left: 5px;
        }

            .elections-contribution-403 .mylegend tr td:first-child {
                width: 5%;
            }

        .elections-contribution-403 .mylegend #pretaxLegend td:first-child {
            background: #EF2664;
        }

        .elections-contribution-403 .mylegend #rothLegend td:first-child {
            background: #FF8828;
        }

        .elections-contribution-403 .mylegend #posttaxLegend td:first-child {
            background: #16E1D0;
        }

    .elections-contribution-403 .pretaxcolor {
        background: #EF2664;
    }

    .elections-contribution-403 .rothcolor {
        background: #FF8828;
    }

    .elections-contribution-403 .posttaxcolor {
        background: #16E1D0;
    }

    .elections-contribution-403 .chartprimarycolor {
        background: #4e4e4e;
    }

    .elections-contribution-403 .lineContainer {
        overflow: hidden;
        /* clear the float */
        text-align: left;
        width: 100%;
    }

        .elections-contribution-403 .lineContainer div:after {
            background-color: #D3D3D3;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 80%;
        }

        .elections-contribution-403 .lineContainer div:after {
            left: 0.5em;
            right: 0.5em;
            margin-right: -30%;
        }

    .elections-contribution-403 .contribModal {
        /*display:none;
          position: absolute;		
          margin: 5% 15% auto;
          border: none;
          padding: 10px 10px 10px 10px;		
          width: 480px;
          -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);*/
    }

        .elections-contribution-403 .contribModal .close-modal {
            text-transform: none;
            text-align: left;
            margin-top: 2px;
            margin-right: 1px;
            font-weight: 100;
        }

        .elections-contribution-403 .contribModal table {
            margin-top: 40px;
        }

        .elections-contribution-403 .contribModal > div {
            margin-top: -10px;
        }

    .elections-contribution-403 .contribCallout {
        position: fixed !important;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        min-width: 822px;
        height: 286px;
        padding: 40px 40px 0 40px;
        text-align: center;
        white-space: nowrap;
        background-color: #EBEFF2 !important;
        background-clip: padding-box;
        border: 1px solid #D3D3D3;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        color: #4e4e4e !important;
        font-family: inherit;
    }

        .elections-contribution-403 .contribCallout .popover-content {
            padding: 0px 0px;
        }

        .elections-contribution-403 .contribCallout h1 {
            margin-bottom: 50px;
            font-weight: 200;
        }

        .elections-contribution-403 .contribCallout .content {
            font-size: 30px;
            font-weight: 300;
            font-style: normal;
        }

        .elections-contribution-403 .contribCallout.popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #EBEFF2;
            border-bottom-width: 0;
        }

    .elections-contribution-403 .matchformula1color {
        background: #1C4890;
    }

    .elections-contribution-403 .matchformula2color {
        background: #F44336;
    }

    .elections-contribution-403 .matchformula3color {
        background: #FF8828;
    }

    .elections-contribution-403 .unusedmatchformulacolor {
        background: #D3D3D3;
    }

    .elections-contribution-403 #formulalegend {
        font-size: 0.8em;
    }

    .elections-contribution-403 #formulalegend {
        border-spacing: 0px 2px;
        border-collapse: separate;
    }

        .elections-contribution-403 #formulalegend tbody tr:first-child td:first-child {
            background-color: #1C4890;
        }

        .elections-contribution-403 #formulalegend tbody tr:nth-child(2) td:first-child {
            background-color: #F44336;
        }

        .elections-contribution-403 #formulalegend tbody tr:nth-child(3) td:first-child {
            background-color: #FF8828;
        }

        .elections-contribution-403 #formulalegend tbody tr:last-child td:first-child {
            background-color: #D3D3D3;
        }

        .elections-contribution-403 #formulalegend tbody tr td:first-child,
        .elections-contribution-403 #formulalegend tbody td:nth-child(2) {
            width: 3%;
        }

    .elections-contribution-403 .anchorBottom {
        position: absolute;
        bottom: 0;
    }

    .elections-contribution-403 .equivcatchup {
        font-size: 0.9em;
    }

    .elections-contribution-403 #divContribLimitTile {
        padding-left: 10px;
    }

        .elections-contribution-403 #divContribLimitTile > div {
            margin-bottom: 13px;
        }

    .elections-contribution-403 #divLastPaycheck {
        margin-bottom: 13px;
    }

        .elections-contribution-403 #divLastPaycheck h2 {
            padding-left: 5px;
        }

    .elections-contribution-403 #divyourmatchingdesc > p {
        padding-left: 10px;
    }

    .elections-contribution-403 #divLastPaycheckSaving {
        margin-left: 10px;
    }

    .elections-contribution-403 #pretaxtile > div > div {
        padding-left: 10px;
    }

    .elections-contribution-403 .elections403 a:hover {
        cursor: pointer;
    }

    .elections-contribution-403 .elections403 table.table {
        margin-top: 0;
    }

        .elections-contribution-403 .elections403 table.table tbody tr.fund-row-even {
            background-color: #FFF;
        }

        .elections-contribution-403 .elections403 table.table tbody tr.fund-row-odd {
            background-color: #FFF;
        }

        .elections-contribution-403 .elections403 table.table tbody tr.table-title-row td {
            background-color: #EBEFF2;
            font-weight: bold;
            color: #1472a8;
            padding-left: 15px;
        }

        .elections-contribution-403 .elections403 table.table tr th:first-child {
            min-width: 220px;
        }

        .elections-contribution-403 .elections403 table.table tr td .investment-details {
            float: right;
        }

        .elections-contribution-403 .elections403 table.table tr .sub-table-td {
            margin: 0;
            padding: 0;
            height: 0;
        }

            .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table tr {
                background-color: #FFF;
            }

                .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table tr th:first-child {
                    min-width: 0px;
                }

                .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table tr td:first-child {
                    min-width: 0px;
                }

                .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table tr td {
                    border-right: 1px solid #D3D3D3;
                }

            .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table .contract-total-row {
                border-top: 1px solid #D3D3D3;
            }

                .elections-contribution-403 .elections403 table.table tr .sub-table-td .sub-table .contract-total-row td:first-child {
                    border-right: 1px solid #D3D3D3;
                }

    .elections-contribution-403 .elections403 .investment-sources {
        clear: both;
    }

        .elections-contribution-403 .elections403 .investment-sources .source {
            border-bottom: 1px solid #D3D3D3;
        }

            .elections-contribution-403 .elections403 .investment-sources .source .include-source {
                float: right;
                text-align: right;
                margin-top: -10px;
            }

            .elections-contribution-403 .elections403 .investment-sources .source:first-child {
                padding-top: 30px;
            }

            .elections-contribution-403 .elections403 .investment-sources .source h3 {
                font-size: 1.125em;
                margin: 15px 0px;
                float: left;
            }

                .elections-contribution-403 .elections403 .investment-sources .source h3.open + .collapsable-area {
                    display: block;
                    height: auto;
                }

.elections403-wizard {
    /* general table styles */
    /*.alert-error{
          span:first-child{
              width: 30px;
          }
          span:nth-of-type(2){
              word-break: break-word;
          }
          .erroricon{
              font-size: 20px;
          }
  
      }*/
    /* Styles for 403 Elections Step*/
}

    .elections403-wizard h2 {
        margin-bottom: 15px;
    }

    .elections403-wizard .changeelectionsiconcolor {
        color: #12838E !important;
        font-size: 1.875em;
        line-height: inherit;
        vertical-align: middle;
        display: inline-block;
    }

    .elections403-wizard .progress-bar-container .progress-bar {
        background-color: #12838E;
    }

    .elections403-wizard .progress-label .colored {
        color: #12838E;
    }

    .elections403-wizard .print {
        color: #6C6C6C;
        padding-right: 2px;
        text-transform: none;
    }

        .elections403-wizard .print .glyphicons.print-icon {
            margin-right: 0;
        }

    .elections403-wizard .wizard-navigation {
        margin-top: 50px;
    }

        .elections403-wizard .wizard-navigation > div {
            overflow: hidden;
            float: right;
        }

@media only screen and (max-width: 767px) {
    .elections403-wizard .wizard-navigation > div {
        float: none;
    }
}

.elections403-wizard .wizard-navigation .btn:first-child,
.elections403-wizard .wizard-navigation .button:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .elections403-wizard .wizard-navigation .btn:first-child,
    .elections403-wizard .wizard-navigation .button:first-child {
        margin-left: 5%;
    }
}

.elections403-wizard .wizard-navigation .btn:last-child,
.elections403-wizard .wizard-navigation .button:last-child {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .elections403-wizard .wizard-navigation .btn:last-child,
    .elections403-wizard .wizard-navigation .button:last-child {
        margin-right: 5%;
    }
}

.elections403-wizard .cancel-elections-modal {
    width: 480px;
}

    .elections403-wizard .cancel-elections-modal .cancel-modal-button {
        padding-top: 40px;
    }

.elections403-wizard .all-source-table {
    /*padding-top: 30px;*/
    clear: both;
}

.elections403-wizard .default-all-source {
    font-size: 0.95em;
    margin-bottom: 20px;
}

.elections403-wizard .not-include-sources {
    margin-top: 25px;
    text-transform: bold;
}

.elections403-wizard .add-funds-modal th:first-child {
    max-width: 15px;
    border-right: 0px;
}

.elections403-wizard .loading-modal {
    width: 75px;
    margin: 25px auto;
}

.elections403-wizard table.table {
    margin-top: 0;
}

    .elections403-wizard table.table .collapse-ctrl {
        margin-right: 15px;
        margin-left: 0;
    }

    .elections403-wizard table.table tbody tr.fund-row-even {
        background-color: #FFF;
    }

    .elections403-wizard table.table tbody tr.fund-row-odd {
        background-color: #FFF;
    }

    .elections403-wizard table.table tbody tr.table-title-row td {
        background-color: #EBEFF2;
        font-weight: bold;
        color: #1472a8;
        padding-left: 15px;
    }

    .elections403-wizard table.table tr th:first-child {
        /*min-width: 220px;*/
    }

    .elections403-wizard table.table tr td .investment-details {
        float: right;
    }

    .elections403-wizard table.table tr td.number-row {
        text-align: center;
        vertical-align: middle;
    }

        .elections403-wizard table.table tr td.number-row input[type="text"] {
            font-size: inherit;
        }

    .elections403-wizard table.table tr td input [type="text"] {
        width: 60%;
    }

    .elections403-wizard table.table tr .sub-table-td {
        margin: 0;
        padding: 0;
        height: 0;
    }

        .elections403-wizard table.table tr .sub-table-td .sub-table {
            border-top: 1px solid #D3D3D3;
        }

            .elections403-wizard table.table tr .sub-table-td .sub-table tr {
                background-color: #FFF;
            }

                .elections403-wizard table.table tr .sub-table-td .sub-table tr th:first-child {
                    min-width: 0px;
                }

                .elections403-wizard table.table tr .sub-table-td .sub-table tr td:first-child {
                    min-width: 0px;
                }

                .elections403-wizard table.table tr .sub-table-td .sub-table tr td {
                    /*border-right: 1px solid @table-border;*/
                }

            .elections403-wizard table.table tr .sub-table-td .sub-table .contract-total-row {
                border-top: 1px solid #D3D3D3;
                font-weight: bold;
                /*td:first-child{
                          border-right: 1px solid @table-border;
                      }*/
            }

            .elections403-wizard table.table tr .sub-table-td .sub-table .contract-delete {
                padding-left: 20px;
            }

.elections403-wizard .borderless tbody,
.elections403-wizard .borderless tbody tr td,
.elections403-wizard .borderless tbody tr th,
.elections403-wizard .borderless thead tr th {
    border: none;
}

.elections403-wizard .collapse-ctrl {
    transition: all .2s linear;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    margin-top: 5px;
    margin-left: 15px;
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
    width: 12px;
    height: 12px;
}

    .elections403-wizard .collapse-ctrl.open {
        margin-top: 0px;
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

.elections403-wizard .investment-sources {
    clear: both;
}

    .elections403-wizard .investment-sources .source {
        border-bottom: 1px solid #D3D3D3;
    }

        .elections403-wizard .investment-sources .source .include-source {
            float: right;
            text-align: right;
            margin-top: -10px;
        }

        .elections403-wizard .investment-sources .source .restricted-source {
            float: right;
            text-align: right;
            margin-top: 10px;
        }

            .elections403-wizard .investment-sources .source .restricted-source label {
                font-size: 0.85em;
            }

        .elections403-wizard .investment-sources .source .restricted-source-wrapper {
            margin: 20px 0 20px 0;
        }

        .elections403-wizard .investment-sources .source:first-child {
            padding-top: 30px;
        }

        .elections403-wizard .investment-sources .source h3 {
            font-size: 1.125em;
            margin: 15px 0px;
            float: left;
        }

            .elections403-wizard .investment-sources .source h3.open + .collapsable-area {
                display: block;
                height: auto;
            }

.elections403-wizard .alert-error span:first-child {
    width: 30px;
}

.elections403-wizard .enter403-elections-container .errortext {
    color: red;
    font-size: 0.875em;
}

.elections403-wizard .enter403-elections-container form {
    margin-top: 20px;
}

    .elections403-wizard .enter403-elections-container form label.checkbox-label + span {
        position: relative;
        top: -9px;
    }

    .elections403-wizard .enter403-elections-container form .radio-group label input[type=radio] + .radiolabel {
        white-space: normal;
    }

    .elections403-wizard .enter403-elections-container form .btn,
    .elections403-wizard .enter403-elections-container form .button {
        margin-top: 50px;
    }

.elections403-wizard .enter403-elections-container .restrictionstile {
    width: 49%;
    float: left;
    margin-top: 50px;
    min-height: 232px;
    background: #FFF;
    /*&:only-child {
                  width: 100%;
              }*/
}

@media (max-width: 992px) {
    .elections403-wizard .enter403-elections-container .restrictionstile {
        width: 100%;
    }
}

.elections403-wizard .enter403-elections-container .restrictionstile + .restrictionstile {
    margin-left: 2%;
}

@media (max-width: 992px) {
    .elections403-wizard .enter403-elections-container .restrictionstile + .restrictionstile {
        margin-left: 0;
    }
}

.elections403-wizard .enter403-elections-container .restrictionstile .tileheader {
    border-bottom: solid 1px #D3D3D3;
    padding: 5px 0 5px 10px;
}

.elections403-wizard .enter403-elections-container .restrictionstile .tilecontent {
    padding: 0 20px 0 20px;
}

.elections403-wizard .enter403-elections-container .restrictionstile table tbody {
    font-size: 0.85em;
}

    .elections403-wizard .enter403-elections-container .restrictionstile table tbody tr th + th {
        text-align: right;
    }

    .elections403-wizard .enter403-elections-container .restrictionstile table tbody tr td + td {
        text-align: right;
    }

.elections403-wizard .enter403-elections-container .restrictionstile .borderless tbody,
.elections403-wizard .enter403-elections-container .restrictionstile .borderless tbody tr td,
.elections403-wizard .enter403-elections-container .restrictionstile .borderless tbody tr th,
.elections403-wizard .enter403-elections-container .restrictionstile .borderless thead tr th {
    border: none;
}

.elections403-wizard .enter403-elections-container .charts:before {
    content: "";
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.elections403-wizard .enter403-elections-container .charts > div {
    position: relative;
    text-align: center;
}

    .elections403-wizard .enter403-elections-container .charts > div:nth-child(2) {
        border-left: 1px solid #D3D3D3;
    }

@media only screen and (max-width: 767px) {
    .elections403-wizard .enter403-elections-container .charts > div:nth-child(2) {
        border-left: 0;
    }
}

.elections403-wizard .enter403-elections-container .charts > div > span {
    display: block;
    background: #F3F3F3;
    position: absolute;
    top: 43%;
    right: -33px;
    z-index: 1;
    height: 50px;
    line-height: 47px;
}

@media only screen and (max-width: 767px) {
    .elections403-wizard .enter403-elections-container .charts > div > span {
        display: none;
    }
}

.elections403-wizard .enter403-elections-container .charts > div .chart-placeholder {
    width: 152px;
    height: 152px;
    border: 1px solid #ccc;
    position: absolute;
    top: 38%;
    left: 50%;
    border-radius: 50%;
    margin-left: -76px;
}

    .elections403-wizard .enter403-elections-container .charts > div .chart-placeholder:after {
        content: "";
        display: block;
        width: 200px;
        height: 200px;
        border: 1px solid #ccc;
        border-radius: 50%;
        position: absolute;
        left: -26px;
        top: -26px;
    }

.elections403-wizard .enter403-elections-container .addinvprovider-icon {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.elections403-wizard .enter403-elections-container .authorize {
    float: left;
    text-align: right;
    margin-top: -10px;
}

.elections403-wizard .enter403-elections-container .contribMethod {
    margin-bottom: 20px;
}

.elections403-wizard .review-container h3 {
    font-size: 1.125em;
    margin-bottom: 15px;
}

.elections403-wizard .review-container .electEmailModal {
    display: none;
    margin: 5% 15% auto;
    border: none;
    padding: 22px 22px 22px 22px;
    width: 480px;
}

.elections403-wizard .review-container .electEmailModalBtnGrp {
    padding-top: 30px;
    padding-right: 0;
}

.elections403-wizard .review-container .errortext {
    color: red;
    font-size: 0.875em;
}

.elections403-wizard .review-container .emaillink {
    margin-top: 20px;
}

.elections403-wizard .review-container .effectiveDate {
    margin-bottom: 20px;
}

.elections403-wizard .review-container .confirmation-area {
    background-color: #01C251;
    color: #FFF;
    font-weight: bold;
    margin: 0 0 30px 0;
}

    .elections403-wizard .review-container .confirmation-area h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.elections403-wizard .available-invproviders {
    max-height: 550px;
}

    .elections403-wizard .available-invproviders table tbody tr td input[type="checkbox"] {
        width: 18px;
        margin-top: 5px;
    }

@media only screen and (max-width: 767px) {
    .authorize .checkbox-label {
        margin-left: 15px;
    }

    .authorize span {
        max-width: 90%;
        display: block;
        float: right;
    }
}

.loan-request-page .progress-bar-container .progress .progress-bar {
    background-color: #9FDA38;
}

.loan-request-page .progress-bar-container .progress-label .colored {
    color: #9FDA38;
}

.loan-request-page h2 {
    padding: 15px 0;
}

.loan-request-page hr {
    margin: 30px 0;
}

.loan-request-page h3 {
    margin: 20px 0;
}

.loan-request-page .file-upload,
.loan-request-page .print {
    display: inline-block;
}

.loan-request-page .file-upload {
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer;
}

.loan-request-page .print a {
    color: inherit;
    cursor: pointer;
}

.loan-request-page .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    .loan-request-page .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
    }

.loan-request-page .wizard-navigation {
    margin-top: 50px;
}

    .loan-request-page .wizard-navigation > div {
        overflow: hidden;
        float: right;
    }

@media only screen and (max-width: 767px) {
    .loan-request-page .wizard-navigation > div {
        float: none;
    }
}

.loan-request-page .wizard-navigation .btn:first-child,
.loan-request-page .wizard-navigation .button:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .loan-request-page .wizard-navigation .btn:first-child,
    .loan-request-page .wizard-navigation .button:first-child {
        margin-left: 5%;
    }
}

.loan-request-page .wizard-navigation .btn:last-child,
.loan-request-page .wizard-navigation .button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .loan-request-page .wizard-navigation .btn:last-child,
    .loan-request-page .wizard-navigation .button:last-child {
        margin-right: 5%;
    }
}

.loan-request-page input.ng-invalid.ng-touched {
    border: 1px solid #F44336;
}

.loan-request-page .alert {
    margin-top: 20px;
}

.loan-request-page .general-info-container table.loan-fees {
    width: 51%;
    margin-top: 30px;
}

.loan-request-page .general-info-container .btn-back {
    display: none;
}

.loan-request-page .loan-amount-container > p {
    padding: 15px 0;
}

.loan-request-page .loan-amount-container .column:first-child {
    border-right: 1px solid #D3D3D3;
}

.loan-request-page .loan-amount-container .column table.table {
    width: 95%;
}

.loan-request-page .loan-amount-container .loan-calculator {
    line-height: 40px;
}

    .loan-request-page .loan-amount-container .loan-calculator .loan-type {
        padding-left: 15px;
    }

    .loan-request-page .loan-amount-container .loan-calculator .row {
        margin: 15px;
    }

        .loan-request-page .loan-amount-container .loan-calculator .row:last-child {
            padding-bottom: 15px;
        }

    .loan-request-page .loan-amount-container .loan-calculator input {
        width: 100px;
        margin: 0 0 0 10px;
    }

    .loan-request-page .loan-amount-container .loan-calculator .text-left {
        font-size: 0.875em;
        font-family: 'Roboto-bold', helvetica, sans-serif;
    }

    .loan-request-page .loan-amount-container .loan-calculator .calculate {
        clear: both;
        float: none;
        margin: 30px auto;
        display: block;
    }

        .loan-request-page .loan-amount-container .loan-calculator .calculate > img {
            width: 20px;
            margin-top: -5px;
        }

    .loan-request-page .loan-amount-container .loan-calculator a {
        text-align: center;
        display: block;
    }

.loan-request-page .loan-amount-container .schedule-top {
    clear: both;
}

@media only screen and (max-width: 1024px) {
    .loan-request-page .personal-info-container > form .gender {
        margin: 25px 0;
    }
}

.loan-request-page .personal-info-container > form .phone .col-sm-3,
.loan-request-page .personal-info-container > form .phone .col-sm-4 {
    padding: 0 5px;
}

@media only screen and (max-width: 767px) {
    .loan-request-page .personal-info-container > form .phone .col-sm-3,
    .loan-request-page .personal-info-container > form .phone .col-sm-4 {
        padding-left: 0px;
        margin: 5px 0;
    }
}

.loan-request-page .personal-info-container > form .phone .area-code {
    padding-left: 0px;
}

.loan-request-page .personal-info-container > form .checkbox-label {
    font-weight: normal;
    padding-left: 30px;
    margin-top: 10px;
}

.loan-request-page .payment-info-container .payable-to-label {
    font-weight: bold;
}

.loan-request-page .payment-info-container .payable-to-value {
    padding-left: 25px;
}

.loan-request-page .transaction-certificication-container p {
    font-weight: bold;
}

.loan-request-page .transaction-certificication-container .checkbox-label {
    font-weight: normal;
    margin-top: 10px;
    padding-left: 30px;
}

.loan-request-page .review-container .key {
    font-weight: bold;
}

    .loan-request-page .review-container .key:after {
        content: ":";
    }

.loan-request-page .review-container .col-xs-6 {
    min-height: 24px;
}

.loan-request-page .review-container li {
    padding-top: 10px;
    position: relative;
    margin-left: 12px;
}

    .loan-request-page .review-container li:first-child {
        margin-top: -10px;
    }

    .loan-request-page .review-container li i {
        position: absolute;
        left: -30px;
        top: 15px;
    }

.loan-request-page .alert.error-message > span {
    display: -ms-inline-flexbox;
}

.loan-request-page.print-amort .column.print-amort-div {
    padding: 30px;
}

    .loan-request-page.print-amort .column.print-amort-div table td,
    .loan-request-page.print-amort .column.print-amort-div table th {
        border: solid #000 1px !important;
    }

.loan-request-page.print-amort .hidden-print,
.loan-request-page.print-amort .ng-hide {
    display: none;
}

.loans-withdrawals .contribRestErrMsg {
    font-size: 14px;
    background-color: #f44336;
    color: #ffffff;
    min-height: 35px;
    margin: 10px 0px;
    display: table;
    width: 100%;
}

.loans-withdrawals .investment-tiles {
    margin-top: 40px;
}

    .loans-withdrawals .investment-tiles.loans-tiles {
        text-align: center;
        overflow: hidden;
        font-family: 'Roboto', helvetica, sans-serif;
    }

        .loans-withdrawals .investment-tiles.loans-tiles ul {
            text-align: left;
        }

        .loans-withdrawals .investment-tiles.loans-tiles select {
            width: 100%;
        }

        .loans-withdrawals .investment-tiles.loans-tiles i {
            display: inline-block;
            color: white;
            margin-top: -5px;
            cursor: pointer;
            font-size: 1.5em;
        }

        .loans-withdrawals .investment-tiles.loans-tiles > div {
            min-height: 300px;
            padding-bottom: 100%;
            margin-bottom: -100%;
        }

            .loans-withdrawals .investment-tiles.loans-tiles > div:last-child {
                border-right: none;
            }

        .loans-withdrawals .investment-tiles.loans-tiles h2 {
            margin-left: 0;
            margin-bottom: 20px;
            font-size: 1.375em;
        }

        .loans-withdrawals .investment-tiles.loans-tiles .widget-overlay .loading-message {
            font-size: 18px;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p a {
            display: inline;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.investment-balance {
            font-size: 58px;
            color: #4e4e4e;
            margin-top: 15px;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.tile-tag {
            padding-top: 20px;
            clear: both;
            margin-bottom: -25px;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.withdrawals-tile {
            color: #12838E;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.term-dist-tile {
            color: #9FDA38;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.loans-tile {
            color: #FF8828;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.outstanding-loan {
            margin-top: -15px;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p[collapsable-area] {
            cursor: pointer;
        }

        .loans-withdrawals .investment-tiles.loans-tiles p.amort-schedule {
            cursor: pointer;
        }

        .loans-withdrawals .investment-tiles.loans-tiles .glyphicons-stopwatch {
            display: inline-block;
            color: #6C6C6C;
            margin-top: -5px;
            cursor: pointer;
            font-size: 1.5em;
        }

        .loans-withdrawals .investment-tiles.loans-tiles .modal-link {
            margin-top: 40px;
        }

            .loans-withdrawals .investment-tiles.loans-tiles .modal-link a {
                font-size: 14px;
                border-top: #D3D3D3;
                display: inline;
                padding-top: 10px;
                text-transform: none;
            }

        .loans-withdrawals .investment-tiles.loans-tiles .ctaLink {
            margin-top: 25px;
            font-style: italic;
        }

            .loans-withdrawals .investment-tiles.loans-tiles .ctaLink a {
                display: inline;
                font-style: normal;
                text-transform: uppercase;
                font-family: 'Roboto', helvetica, sans-serif;
            }

                .loans-withdrawals .investment-tiles.loans-tiles .ctaLink a.disable-link {
                    pointer-events: none;
                    color: #6c6c6c;
                }

        .loans-withdrawals .investment-tiles.loans-tiles a {
            cursor: pointer;
        }

            .loans-withdrawals .investment-tiles.loans-tiles a.cancel-link {
                color: #4e4e4e;
                font-size: .8em;
            }

        .loans-withdrawals .investment-tiles.loans-tiles img {
            width: 90%;
            height: 25px;
            margin-top: -15px;
            /*padding-top: 12px;*/
        }

        .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator {
            line-height: 40px;
        }

            .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator .row {
                margin: 15px;
            }

                .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator .row:last-child {
                    padding-bottom: 15px;
                }

            .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator input {
                width: 75px;
                margin: 0 0 0 10px;
            }

            .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator .text-left {
                font-size: 0.875em;
                font-family: 'Roboto-bold', helvetica, sans-serif;
            }

            .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator .btn,
            .loans-withdrawals .investment-tiles.loans-tiles .loan-calculator .button {
                clear: both;
                float: none;
                margin: 0 auto 20px auto;
            }

.loans-withdrawals .alert.error-message > span {
    display: -ms-inline-flexbox;
}

.loans-withdrawals .modal-window h1 {
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 1.375em;
    margin: 5px 15px 25px 15px;
}

.loans-withdrawals .modal-window p {
    margin-top: 20px;
}

.loans-withdrawals .modal-window li {
    list-style: initial;
    margin-left: 30px;
}

.loans-withdrawals .modal-window .schedule-key {
    font-weight: bold;
}

    .loans-withdrawals .modal-window .schedule-key:after {
        content: ":";
    }

.loans-withdrawals .modal-window .schedule-value {
    font-family: 'Roboto';
    padding-left: 0;
}

.loans-withdrawals .modal-window .row-alter {
    margin-left: -15px;
}

.loans-withdrawals .modal-window .wysk-field > div {
    padding-left: 0;
}

.loans-withdrawals .modal-window .schedule-top:after {
    content: "";
    display: block;
    margin: 0 30px;
    clear: both;
    padding: 10px 0;
}

.loans-withdrawals .modal-window table.table {
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 15px;
    width: 96%;
}

.loans-withdrawals .modal-window table.loan-fees {
    width: 51%;
}

.loans-withdrawals .error-input {
    border: 1px solid #F44336;
}

.loans-withdrawals input.ng-invalid.ng-touched {
    border: 1px solid #F44336;
}

#distributiontbody .collapsable-header .collapsable-title {
    display: inline !important;
}

*[inception-box] {
    position: relative;
}

.inception-box {
    display: none;
    position: absolute;
    width: 250px;
    max-height: 175px;
    padding: 15px;
    background-color: #EBEFF2;
    box-shadow: 5px 5px 10px -5px #555;
    line-height: 40px;
    color: #6C6C6C;
    z-index: 15;
}

    .inception-box:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        bottom: -5px;
        left: 50%;
        display: inline-block;
        background-color: #EBEFF2;
        box-shadow: 7px 7px 10px -5px #333;
    }

    .inception-box:before {
        position: absolute;
        content: '';
        width: 250px;
        height: 35px;
        left: 0;
        bottom: -30px;
        background-color: transparent;
    }

    .inception-box.active {
        display: block;
        left: 0;
    }

    .inception-box a {
        color: #6C6C6C;
    }

.transfers-message {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #D3D3D3;
}

    .transfers-message p {
        padding: 10px 10px 0;
    }

table.scroll thead th {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.scroll-headers {
    margin: 20px 0 0;
}

    table.scroll-headers thead {
        border-right: none;
    }

.scroll-body {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
}

    .scroll-body table {
        margin: 0;
    }

.scroll-headers-wrapper {
    position: relative;
    height: 38px;
    background: #4e4e4e;
}

    .scroll-headers-wrapper:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 15px;
        height: 38px;
        content: '';
        border-left: none;
    }

.scrollFix {
    position: absolute;
    right: 0;
    display: table;
    height: 36px;
    border: 1px solid #000;
    border-left: none;
    background-color: pink;
    line-height: 1.42857143;
}

.inceptionBoxLink {
    text-decoration: underline;
}

.investProdDetailsLoadingSpinner {
    text-align: center;
}

    .investProdDetailsLoadingSpinner img {
        width: 30px;
        height: 30px;
    }

#manage-investments table tbody {
    border-bottom: none;
}

    #manage-investments table tbody tr.odd {
        background-color: #F7F7F7;
    }

    #manage-investments table tbody tr.even {
        background-color: #FFF;
    }

    #manage-investments table tbody.striped > tr {
        background-color: #F7F7F7;
    }

    #manage-investments table tbody.striped:nth-child(2n) > tr {
        background-color: #FFF;
    }

#manage-investments table:last-child {
    border-bottom: 1px solid #D3D3D3;
}

#manage-investments table.sub-table.borderless td:first-child,
#manage-investments table.sub-table.borderless th:first-child {
    max-width: 300px;
}

#manage-investments table.sub-table.borderless td:last-child,
#manage-investments table.sub-table.borderless th:last-child {
    padding-right: 40px;
}

#manage-investments table.sub-table.borderless tbody tr td {
    border: none;
}

#manage-investments table.sub-table.borderless tbody tr.odd {
    background-color: #F7F7F7;
}

#manage-investments table.sub-table.borderless tbody tr.even {
    background-color: #FFF;
}

#manage-investments table.sub-table.borderless tbody.investment-product tr {
    background-color: #FFF;
}

#manage-investments table.sub-table.full-width {
    width: 100%;
}

#manage-investments table tr.expandable > td {
    height: auto;
}

#manage-investments table tr td {
    height: 35px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;
    text-overflow: ellipsis;
    border-top: none;
    border-right: 1px solid #D3D3D3;
    border-bottom: none;
    font-size: 14px;
}

    #manage-investments table tr td.has-collapse-ctrl {
        padding-left: 11px;
    }

#manage-investments .print a {
    cursor: pointer;
    color: inherit;
}

#manage-investments .print i {
    display: block;
    margin-right: 0;
    color: #6C6C6C;
}

    #manage-investments .print i + span {
        display: block;
        text-align: center;
        font-size: 12px;
    }

#manage-investments .dbl-column {
    display: inline-block;
}

    #manage-investments .dbl-column:first-child {
        width: 40%;
    }

        #manage-investments .dbl-column:first-child.divider:after {
            margin-left: 7px;
            content: '|';
        }

    #manage-investments .dbl-column:last-child {
        width: 60%;
        padding-left: 7px;
    }

#manage-investments td i {
    margin-right: -10px;
    margin-left: -10px;
}

#manage-investments td .performance sup {
    top: 0;
    font-size: inherit;
    font-weight: normal;
}

#manage-investments td.no-width .dbl-column {
    width: auto;
}

#manage-investments td.paycheck {
    width: 152px;
    max-width: 152px;
}

    #manage-investments td.paycheck.small {
        width: 90px;
        min-width: 90px;
        max-sidth: 90px;
    }

#manage-investments td.small-pad {
    padding-right: 10px;
    padding-left: 10px;
}

#manage-investments .collapse-ctrl-wrapper {
    display: inline-block;
}

    #manage-investments .collapse-ctrl-wrapper + div {
        display: inline-block;
        width: 80%;
    }

#manage-investments .investment-tiles {
    position: relative;
    margin: 10px 0 35px;
    border-bottom: 1px solid #D3D3D3;
}

    #manage-investments .investment-tiles .tile-row-container {
        margin: 10px -7px 10px -10px;
    }

    #manage-investments .investment-tiles .tile {
        display: block;
        width: 100%;
        min-width: 270px;
        height: 95%;
        margin: 10px 0;
        cursor: pointer;
        text-align: center;
    }

        #manage-investments .investment-tiles .tile + p {
            left: 7.5%;
            width: 85%;
            text-align: center;
        }

        #manage-investments .investment-tiles .tile ~ .hidden-paragraph {
            visibility: hidden;
        }

        #manage-investments .investment-tiles .tile ~ .moved-paragraph {
            position: absolute;
            top: 185px;
        }

        #manage-investments .investment-tiles .tile.visible {
            display: block;
        }

        #manage-investments .investment-tiles .tile.halfs:nth-child(2n) {
            border-right: none;
        }

            #manage-investments .investment-tiles .tile.halfs:nth-child(2n):after {
                right: 0;
            }

        #manage-investments .investment-tiles .tile.thirds:nth-child(3n) {
            border-right: none;
        }

            #manage-investments .investment-tiles .tile.thirds:nth-child(3n):after {
                right: 0;
            }

        #manage-investments .investment-tiles .tile h1 {
            margin-bottom: 30px;
        }

        #manage-investments .investment-tiles .tile div.header {
            display: inline-block;
            max-width: 230px;
            height: 28px;
            text-align: center;
        }

            #manage-investments .investment-tiles .tile div.header h2 {
                display: block;
                overflow-x: hidden;
                max-width: 100%;
                padding: 5px;
                padding-top: 0;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        #manage-investments .investment-tiles .tile h3 {
            margin-bottom: 15px;
            text-align: center;
        }

            #manage-investments .investment-tiles .tile h3:nth-of-type(2n) {
                margin-top: 40px;
                margin-bottom: 0;
                margin-left: 0;
                text-align: center;
            }

        #manage-investments .investment-tiles .tile h4 {
            margin: 0;
            text-align: center;
            color: #4e4e4e;
            font-size: 1em;
            font-weight: normal;
        }

        #manage-investments .investment-tiles .tile p {
            margin-bottom: 0;
            text-align: center;
        }

            #manage-investments .investment-tiles .tile p.investment-balance {
                margin-top: 18px;
                color: #4e4e4e;
            }

                #manage-investments .investment-tiles .tile p.investment-balance + p {
                    margin-top: -20px;
                    margin-bottom: 40px;
                }

        #manage-investments .investment-tiles .tile a {
            display: block;
            margin-top: 30px;
            text-align: center;
            text-transform: uppercase;
        }

            #manage-investments .investment-tiles .tile a:hover {
                cursor: pointer;
            }

    #manage-investments .investment-tiles .investment-performance {
        text-align: left;
        font-size: 25px;
    }

        #manage-investments .investment-tiles .investment-performance i {
            margin-top: -30px;
        }

        #manage-investments .investment-tiles .investment-performance span {
            font-size: 50px;
        }

#manage-investments .auto-rebalance-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #manage-investments .auto-rebalance-modal a {
        margin-top: 40px;
    }

#manage-investments #portfolio-form {
    position: relative;
    z-index: 10;
}

#manage-investments #portfolio .animate-switch-container {
    position: relative;
}

#manage-investments #portfolio .animate-switch.ng-animate {
    transition: opacity linear;
    transition-duration: 0.2s;
}

#manage-investments #portfolio .animate-switch.ng-enter {
    opacity: 0;
}

    #manage-investments #portfolio .animate-switch.ng-enter.ng-enter-active {
        opacity: 1;
    }

#manage-investments #portfolio .animate-switch.ng-leave {
    transition-duration: 0.2s;
    opacity: 1;
}

    #manage-investments #portfolio .animate-switch.ng-leave.ng-leave-active {
        opacity: 0;
    }

#manage-investments #portfolio span[performance] {
    visibility: visible;
    transition: opacity linear 0.2s;
    opacity: 1;
}

    #manage-investments #portfolio span[performance].change-add {
        visibility: hidden;
    }

    #manage-investments #portfolio span[performance].change-add-active {
        opacity: 0;
    }

    #manage-investments #portfolio span[performance].change-remove {
        visibility: visible;
    }

    #manage-investments #portfolio span[performance].change-remove-active {
        opacity: 1;
    }

#manage-investments #portfolio div[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

#manage-investments table tr.sourceDetails > td {
    padding: 0;
}

#manage-investments table .collapse-ctrl {
    margin-right: 15px;
    margin-left: 0;
}

#manage-investments table td span i {
    line-height: 0.5;
}

#manage-investments table tbody {
    border-right: 1px solid #D3D3D3;
}

#manage-investments table.striped > tbody:nth-child(2n+1) > tr {
    background: #F7F7F7;
}

    #manage-investments table.striped > tbody:nth-child(2n+1) > tr + td {
        border-top: 0;
        border-right: 1px solid #D3D3D3;
    }

#manage-investments form label {
    display: inline-block;
    width: auto;
    font-size: 14px;
}

#manage-investments form select {
    display: block;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: normal;
}

#manage-investments .collapse-ctrl {
    position: relative;
    width: 12px;
    height: 12px;
    margin-top: 5px;
    margin-left: 15px;
    transition: all 0.2s linear;
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #1472a8;
    border-left: 1px solid #1472a8;
}

    #manage-investments .collapse-ctrl.open {
        margin-top: 0;
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }

#manage-investments .pendingTradeDisclaimer {
    width: 800px;
    padding: 15px;
    white-space: normal;
    word-wrap: normal;
    color: #6C6C6C;
    font-size: 11px;
}

#manage-investments .schwab .table-name {
    padding: 0 15px;
}

    #manage-investments .schwab .table-name > p {
        margin: 10px 0;
    }

#manage-investments .schwab .table-row {
    padding: 0;
}

#manage-investments .schwab .footnote {
    width: 100%;
    padding: 15px;
    color: #6C6C6C;
}

    #manage-investments .schwab .footnote::before {
        position: absolute;
        left: 5px;
        content: '*';
    }

    #manage-investments .schwab .footnote > p {
        white-space: normal;
        word-wrap: normal;
        font-size: 11px;
    }

#manage-investments .schwab.asset {
    border-top: 1px solid #D3D3D3;
}

    #manage-investments .schwab.asset .asset-row {
        padding-right: 0;
        padding-left: 0;
    }

    #manage-investments .schwab.asset .sub-table-row {
        padding: 0;
    }

#manage-investments .schwab.source .footnote {
    padding: 15px 25px 0;
}

    #manage-investments .schwab.source .footnote::before {
        left: 10px;
    }

    #manage-investments .schwab.source .footnote > p {
        width: 100%;
    }

#manage-investments .rebalance-gate-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#manage-investments .modal-window {
    padding: 22px;
}

    #manage-investments .modal-window h2 {
        margin-bottom: 6px;
        margin-top: 4px;
    }

    #manage-investments .modal-window .glyphicons {
        margin-top: -12px;
        margin-right: -12px;
    }

@media only screen and (max-width: 1024px) {
    #manage-investments .investment-tiles .tile {
        height: 95%;
    }
}

@media only screen and (max-width: 767px) {
    #manage-investments .investment-tiles h2 {
        padding-top: 30px;
    }

    #manage-investments .investment-tiles .tile {
        height: 95%;
    }

    #manage-investments .investment-tiles .auto-rebalance-modal {
        top: 46%;
    }

        #manage-investments .investment-tiles .auto-rebalance-modal div {
            margin: 25px 0;
        }
}

#manage-investments .color-blue-accountBal {
    color: #1C4890;
    font-size: 50%;
    top: -0.7em;
    margin-left: -15px;
}

#manage-investments .aleartmsgdashboard {
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
}

#manage-investments .col-xs-min-6 {
    min-width: 50%;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.investment-header *[currency-with-superscript],
.investment-header *[performance] span {
    font-size: 64px;
}

.investment-header .border-right {
    border-right: 1px solid #D3D3D3;
}

.investment-header .padding-left {
    padding-left: 6%;
}

.investment-header *[performance] {
    font-weight: 300;
}

    .investment-header *[performance] span {
        color: #4e4e4e;
    }

    .investment-header *[performance] i {
        margin-top: -37px;
        margin-left: -5px;
        font-size: 76px;
    }

.contrib-error-messages {
    font-size: 14px;
    background-color: #F44336;
    color: #FFF;
    min-height: 70px;
    line-height: inherit;
    padding: 7px 10px 7px 1px;
    margin: 0 15px;
}

    .contrib-error-messages i {
        top: 15px;
    }

    .contrib-error-messages span {
        padding-left: 34px;
        display: inline-block;
        margin-top: -15px;
    }

#manage-investments table table {
    border: none;
    border-top: 1px solid #D3D3D3;
}

    #manage-investments table table tbody {
        border: none;
        border-color: transparent;
    }

        #manage-investments table table tbody tr td:first-child {
            padding-left: 40px;
        }

            #manage-investments table table tbody tr td:first-child.has-collapse-ctrl {
                padding-left: 35px;
            }

        #manage-investments table table tbody tr td:last-child {
            border-right: none;
        }

        #manage-investments table table tbody tr td.no-pad {
            padding: 0;
        }

        #manage-investments table table tbody tr td.reg-pad {
            padding-left: 12px;
        }

        #manage-investments table table tbody tr td .white-space-normal {
            white-space: normal;
        }

        #manage-investments table table tbody:last-child {
            border-bottom: 1px solid #D3D3D3;
        }

    #manage-investments table table .sub-table tr {
        background-color: #FFF;
    }

        #manage-investments table table .sub-table tr td:first-child,
        #manage-investments table table .sub-table tr th:first-child {
            padding-left: 62px;
        }

#manage-investments table .sub-table tr:last-child .sub-table tbody {
    border: none;
}

#manage-investments .balance-tile {
    margin: 20px 0;
}

    #manage-investments .balance-tile .balance-label {
        float: left;
        margin-right: 20px;
    }

    #manage-investments .balance-tile .investment-balance {
        margin-top: -8px;
        font-size: 2em;
    }

#manage-investments .tile-area {
    margin-bottom: 20px;
}

#otpPinPopup .modal-window.active {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 720px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
}

    #otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay.centered {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
    }

    #otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay .spinner {
        animation: rotator 2.4s linear infinite;
    }

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

#otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay .path {
    stroke-dasharray: 89,190;
    stroke-dashoffset: -10;
    -ms-transform-origin: center;
    transform-origin: center;
    animation: dash 2.4s ease-in-out infinite, colors 9.6s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #414141;
    }

    25% {
        stroke: #1472a8;
    }

    50% {
        stroke: #ffc439;
    }

    75% {
        stroke: #1472a8;
    }

    100% {
        stroke: #414141;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 240;
    }

    50% {
        transform: rotate(135deg);
        stroke-dashoffset: 60;
    }

    100% {
        transform: rotate(450deg);
        stroke-dashoffset: 240;
    }
}

#otpPinPopup .modal-window.active #otpPinMsg {
    margin-top: 5px;
}

#otpPinPopup .modal-window.active #otpPopuptMgs {
    width: 100%;
    font-size: 13px;
}

#otpPinPopup .modal-window.active #retriveMgs {
    width: 100%;
    font-size: 13px;
}

#otpPinPopup .modal-window.active #otpPin {
    width: 100%;
    padding-top: 21px;
    display: none;
}

#otpPinPopup .modal-window.active #otpInputDiv {
    margin-top: 8px;
}

#otpPinPopup .modal-window.active #actionInput {
    margin-top: 70px;
}

#otpPinPopup .modal-window.active #registeredDeviceName {
    width: 100%;
    font-size: 13px;
}

#otpPinPopup .otpInput {
    padding-left: 5px;
    margin-top: -1px;
}

#otpPinPopup .otpNote {
    width: 100%;
    font-size: 13px;
    margin-top: 26px;
    margin-bottom: 17px;
}

#otpPinPopup .selectDeviceNote {
    font-size: 12px;
    margin-top: 25px;
    margin-bottom: 45px;
}

#otpPinPopup .selectDeviceAuthMgs {
    margin-bottom: 30px;
    margin-top: 50px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 720px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: 100%;
}

    #screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay.centered {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
    }

    #screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay .spinner {
        animation: rotator 2.4s linear infinite;
    }

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #loadingspinner loading .loading-overlay .path {
    stroke-dasharray: 89,190;
    stroke-dashoffset: -10;
    -ms-transform-origin: center;
    transform-origin: center;
    animation: dash 2.4s ease-in-out infinite, colors 9.6s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #414141;
    }

    25% {
        stroke: #1472a8;
    }

    50% {
        stroke: #ffc439;
    }

    75% {
        stroke: #1472a8;
    }

    100% {
        stroke: #414141;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 240;
    }

    50% {
        transform: rotate(135deg);
        stroke-dashoffset: 60;
    }

    100% {
        transform: rotate(450deg);
        stroke-dashoffset: 240;
    }
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #otpPinMsg {
    margin-top: 25px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #otpPopuptMgs {
    width: 100%;
    font-size: 13px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #retriveMgs {
    width: 100%;
    font-size: 13px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #otpPin {
    width: 100%;
    padding-top: 21px;
    display: none;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #otpInputDiv {
    margin-top: 17px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #actionInput {
    margin-top: 70px;
    margin-right: -16px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #registeredDeviceName {
    width: 100%;
    font-size: 13px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #otpClose {
    cursor: pointer;
    margin-right: -14px;
    margin-top: -5px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .modal-window.active #title {
    margin-top: 12px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .otpInputType {
    padding-left: 5px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .otpNote {
    width: 100%;
    font-size: 13px;
    margin-top: 26px;
    margin-bottom: 17px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .selectDeviceNote {
    font-size: 12px;
    margin-top: 25px;
    margin-bottom: 45px;
}

#screenarea #pagecontainer .page-content #otpPinPopup .selectDeviceAuthMgs {
    margin-bottom: 30px;
    margin-top: 30px;
}

.cancel-transaction-modal {
    text-transform: none;
    white-space: normal;
    position: fixed;
    text-align: left;
    cursor: auto;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    .cancel-transaction-modal .btn-yes {
        float: none !important;
    }

    .cancel-transaction-modal h2 {
        margin-bottom: 28px;
        text-align: left;
        margin-top: 2px;
    }

    .cancel-transaction-modal span {
        margin-left: 2px;
        text-align: left;
    }

    .cancel-transaction-modal .div-modal-action {
        margin-top: 40px;
        margin-bottom: 2px;
        margin-left: 8px;
    }

        .cancel-transaction-modal .div-modal-action .btn-primary {
            margin-right: 0px;
        }

    .cancel-transaction-modal i {
        margin-right: -10px;
        cursor: pointer;
    }

@media only screen and (max-width: 767px) {
    .cancel-transaction-modal .btn,
    .cancel-transaction-modal .button {
        width: 100% !important;
        margin: 15px 0% !important;
    }

    .cancel-transaction-modal .div-modal-action {
        padding: 0px 5px 0 0px;
        margin-bottom: -11px;
        margin-top: 21px;
        margin-left: 2px;
    }
}

.modal-fees-trading-info {
    cursor: default;
}

    .modal-fees-trading-info nav.tabbed {
        display: block;
        margin: 20px 0 30px 0;
        float: none;
        border-bottom: 1px solid #D3D3D3;
    }

        .modal-fees-trading-info nav.tabbed ul {
            overflow: hidden;
            margin-bottom: 0;
        }

            .modal-fees-trading-info nav.tabbed ul li {
                float: right;
                border-bottom: 5px solid transparent;
            }

    .modal-fees-trading-info .tabbed-holder {
        margin: 20px 0 30px 0;
        float: none;
        border-bottom: 1px solid #D3D3D3;
    }

    .modal-fees-trading-info h1 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .modal-fees-trading-info h2 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .modal-fees-trading-info h3 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .modal-fees-trading-info ol {
        list-style-type: none;
    }

    .modal-fees-trading-info .print i {
        color: #6C6C6C;
    }

    .modal-fees-trading-info .dbl-column {
        display: inline-block;
    }

        .modal-fees-trading-info .dbl-column:first-child {
            width: 40%;
        }

            .modal-fees-trading-info .dbl-column:first-child.divider:after {
                content: '|';
                margin-left: 7px;
            }

        .modal-fees-trading-info .dbl-column:last-child {
            width: 60%;
            padding-left: 7px;
        }

    .modal-fees-trading-info td.no-width .dbl-column {
        width: auto;
    }

    .modal-fees-trading-info .collapse-ctrl-wrapper {
        display: inline-block;
    }

        .modal-fees-trading-info .collapse-ctrl-wrapper + div {
            width: 80%;
            display: inline-block;
        }

    .modal-fees-trading-info .tab-visible {
        display: block;
    }

    .modal-fees-trading-info .tab-invisible {
        display: none;
    }

#conform-to-target .modal-market-timing .modal-title {
    margin-bottom: 27px;
    margin-top: 2px;
}

#conform-to-target .modal-market-timing form {
    margin-left: 12px;
    margin-right: 12px;
}

    #conform-to-target .modal-market-timing form .btn,
    #conform-to-target .modal-market-timing form .button {
        margin-top: 5px;
        margin-bottom: 2px;
    }

    #conform-to-target .modal-market-timing form .btn-primary {
        margin-right: 0px;
    }

#conform-to-target .modal-market-timing .modal-text-content {
    margin-left: 2px;
}

#conform-to-target .modal-market-timing h2 {
    font-weight: bold;
    margin-bottom: 10px;
}

#conform-to-target .modal-market-timing h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

#conform-to-target .f2f-market-timing-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #conform-to-target .f2f-market-timing-modal .close-modal {
        margin-right: -4px;
    }

@media only screen and (max-width: 767px) {
    #conform-to-target .modal-market-timing .btn-primary {
        width: 100% !important;
    }
}

.modal-trade-restrictions {
    width: 100%;
    /*h3 {
          color: @basefont-color;
          text-align: center;
      }*/
    /*p {
          &:first-child {
              font-size: 1em;
              margin-bottom: 0;
          }
  
          &:nth-child(2) {
              font-weight: normal;
              font-size: 1.85em;
              margin-top: 0;
              margin-bottom: 50px;
          }
      }*/
}

    .modal-trade-restrictions h1 {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .modal-trade-restrictions h2 {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .modal-trade-restrictions h3 {
        font-weight: bold;
        font-size: 1.85em;
        margin-bottom: 27px;
        margin-top: 15px;
    }

    .modal-trade-restrictions .button-right-align {
        text-align: right;
    }

    .modal-trade-restrictions .button-override {
        margin-right: 15px;
    }

        .modal-trade-restrictions .button-override:last-child {
            clear: none;
            margin-right: 15px;
        }

    .modal-trade-restrictions .close-modal {
        cursor: pointer;
        float: right;
        margin-right: 10px;
        color: #4e4e4e;
    }

    .modal-trade-restrictions .btn,
    .modal-trade-restrictions .button {
        /*display: block;*/
        clear: both;
        margin: 0 auto;
        float: none;
    }

    .modal-trade-restrictions.ng-hide {
        opacity: 0;
    }

    .modal-trade-restrictions .collapse-ctrl {
        transition: all .2s linear;
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position: relative;
        margin-top: 5px;
        margin-left: 15px;
        border-top: 1px solid #1472a8;
        border-left: 1px solid #1472a8;
        width: 12px;
        height: 12px;
    }

        .modal-trade-restrictions .collapse-ctrl.open {
            margin-top: 0px;
            -ms-transform: rotate(225deg);
            transform: rotate(225deg);
        }

    .modal-trade-restrictions table tr.sourceDetails > td {
        padding: 0;
    }

    .modal-trade-restrictions table .collapse-ctrl {
        margin-right: 15px;
        margin-left: 0;
    }

    .modal-trade-restrictions table td span i {
        line-height: .5;
    }

    .modal-trade-restrictions table tbody {
        border-right: 1px solid #D3D3D3;
    }

    .modal-trade-restrictions table.striped > tbody:nth-child(2n+1) > tr {
        background: #F7F7F7;
    }

        .modal-trade-restrictions table.striped > tbody:nth-child(2n+1) > tr + td {
            border-right: 1px solid #D3D3D3;
            border-top: 0;
        }

    .modal-trade-restrictions .transaction-modal p {
        margin-bottom: 30px;
    }

#rcommEstmtSearch {
    /*.control-center {
          width: 320px;
          margin: 0 auto 0 0px;
      }*/
}

    #rcommEstmtSearch .ErrorInput {
        border: 1px solid #F44336;
    }

    #rcommEstmtSearch .estmtErrMsg {
        font-size: 14px;
        background-color: #F44336;
        color: #FFF;
        min-height: 35px;
        margin: 0 10px;
        display: table;
        width: 100%;
    }

        #rcommEstmtSearch .estmtErrMsg.no-push {
            margin: 0;
        }

        #rcommEstmtSearch .estmtErrMsg > span {
            display: table-cell;
            top: 2px;
        }

            #rcommEstmtSearch .estmtErrMsg > span:nth-of-type(2) {
                display: table-cell;
                padding-right: 15px;
                padding-top: 7px;
                padding-bottom: 7px;
                vertical-align: middle;
            }

    #rcommEstmtSearch .btnRefresh {
        margin-top: 20px;
        padding-top: 10px;
    }

    #rcommEstmtSearch .pdfIcon {
        fill: #6C6C6C;
        height: 30px;
        width: 30px;
    }

    #rcommEstmtSearch .eStmtTxtBox {
        margin-right: 20px;
    }

    #rcommEstmtSearch .eStmtBtn {
        margin-right: 15px;
    }

    #rcommEstmtSearch .noLeftPadding {
        padding-left: 0px;
    }

#rebalSel .tileRightBorder {
    border-right: 1px solid #D3D3D3;
}

#rebalSel .incTileheight {
    min-height: 340px;
}

#rebalSel .decTileHeight {
    min-height: 320px;
}

#rebalSel .tileleftBorder {
    border-left: 1px solid #D3D3D3;
}

#rebalSel .tilePaddingBottom {
    margin-bottom: 40px;
}

#rebalSel .tileRebalMargin {
    margin-right: 40px;
}

#rebalSel .tileCebMargin {
    margin-right: 40px;
    margin-left: 40px;
}

#rebalSel .tileCttMargin {
    margin-left: 40px;
}

#rebalSel .noTopMargin {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#rebalSel .rebalDate {
    display: block;
}

#rebalSel .rebalDateBold {
    font-weight: bold;
}

#rebalSel .frmPaddingTop {
    margin-top: 40px;
}

#rebalSel .makeChangesPadding {
    /*position: absolute;
      bottom: 0;
      left: 35%;*/
    padding-top: 20px;
}

#rebalSel .rebalIcon {
    font-size: 34px;
    color: #1C4890;
    width: 75px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

#rebalSel .cebIcon {
    font-size: 34px;
    color: #7e3c7f;
    width: 75px;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

#rebalSel .cttIcon {
    font-size: 34px;
    color: #FF8828;
    width: 75px;
    /*height:75px;*/
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

#rebalSel .rebalance-gate-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #rebalSel .rebalance-gate-modal .modal-window .glyphicons {
        margin-top: -12px;
        margin-right: -12px;
    }

#rebalSel .modal-window {
    padding: 22px;
}

    #rebalSel .modal-window h2 {
        margin-bottom: 6px;
        margin-top: 4px;
    }

#recurrRebal .flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

#recurrRebal .modalwindow-center {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#recurrRebal .flex-item {
    width: 300px;
    height: 100px;
    margin: 10px;
}

#recurrRebal .print i {
    color: #6C6C6C;
    display: block;
    margin-right: 0;
}

    #recurrRebal .print i + span {
        font-size: 12px;
        text-align: center;
        display: block;
        color: #6C6C6C;
    }

#recurrRebal .progress-bar-container .progress-bar {
    background-color: #1472a8;
}

#recurrRebal .divOverlayCancelRecurRebal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #444444;
    opacity: 0.8;
    z-index: 50;
    min-height: 100%;
    width: 100%;
}

#recurrRebal .recurrCancelModal {
    display: none;
    position: absolute;
    z-index: 100;
    margin-left: 10%;
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-size: 14px;
    top: 280px;
    left: 20%;
}

#recurrRebal .rebalLeftPadding {
    padding-left: 15px;
}

#recurrRebal .progress-label .colored {
    color: #1C4890;
}

#recurrRebal .rebalStepIcon {
    color: #1C4890;
}

#recurrRebal .print {
    color: #6C6C6C;
}

    #recurrRebal .print .glyphicons.print-icon {
        margin-right: 0;
    }

#recurrRebal .txtGlyphicons {
    font-size: 1.0em !important;
    padding: 18px !important;
    font-weight: 600;
}

#recurrRebal .noRowPadding {
    padding-top: 0px;
}

#recurrRebal .control-centerSelect {
    width: 280px;
    margin: 0 auto;
}

#recurrRebal .control-center {
    width: 280px;
    margin: 0 auto;
}

    #recurrRebal .control-center .small {
        font-size: 12px;
        margin-top: 5px;
    }

#recurrRebal .AddPaddingRecurrRebalReview {
    padding-bottom: 30px;
}

#recurrRebal .ErrorInput {
    border: 1px solid #F44336;
}

#recurrRebal .rebalEmailFormatErrTxt {
    color: #F44336;
    font-size: 14px;
}

#recurrRebal .recurrRebalEditModal {
    display: none;
    position: absolute;
    z-index: 999;
    /*margin: 5% 15% auto;*/
    border: none;
    padding: 22px 22px 22px 22px;
    background-color: #FAFAFA;
    width: 480px;
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 14px;
}

#recurrRebal .recurrRebalEditEmailModal {
    /*display: none;*/
    /*z-index: 100;*/
    /*margin-left: -240px;*/
    /*margin: 5% 15% auto;*/
    /*border: none;
          padding: 22px 22px 22px 22px;
          width: 480px;
          top: 280px;
          left: 50%;*/
}

    #recurrRebal .recurrRebalEditEmailModal .email-content {
        /*margin-top: -35px;*/
        padding-right: 2px;
        padding-left: 2px;
    }

        #recurrRebal .recurrRebalEditEmailModal .email-content h3 {
            font-size: 22px;
            margin-bottom: 40px;
        }

#recurrRebal .reviewAlertMessage {
    padding-top: 20px;
    padding-bottom: 30px;
}

#recurrRebal .btnsTopPadding {
    margin-top: 60px;
}

#recurrRebal .btnCancel {
    padding-left: 0px;
}

#recurrRebal .btnAlignRight {
    padding-right: 0px;
}

#recurrRebal .btnAutoLeftMargin {
    margin-left: auto;
}

#recurrRebal span.post-input {
    position: relative !important;
}

#recurrRebal .progress-bar-container .progress {
    width: 100%;
}

@media (min-width: 1200px) {
    #recurrRebal .btn-back {
        margin-right: -94px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #recurrRebal .btn-back {
        margin-right: -45px;
    }
}

.summary-125 .level2 {
    margin-left: 28px;
}

.summary-125 .level3 {
    margin-left: 55px;
}

#cafbenefitdetailscontainer table.no-margin-bottom {
    margin-bottom: 0px;
}

#cafbenefitdetailscontainer table.no-margin-top {
    margin-top: 0px;
}

.benefitEnrollment .confirm.collapsable-content {
    padding: 0 20px 0 40px;
}

.benefitEnrollment label.push {
    margin-top: 8px;
}

.benefitEnrollment table tr td.pushdown {
    padding-bottom: 7px;
}

.benefitEnrollment .radio-group {
    margin-left: 0px;
}

.benefitEnrollment .table-wrapper table {
    min-width: 1060px;
}

.benefitEnrollment .padding-left-10px {
    padding-left: 10px;
}

#genrollEditPerson .collapsable-content {
    padding: 0 10px 0 30px;
}

@media only screen and (max-width: 767px) {
    .benefitEnrollment .m-text-wrap {
        white-space: normal !important;
    }

    .benefitEnrollment .radio-group {
        margin-left: 15px !important;
    }

    .benefitEnrollment .push {
        margin-left: 25px !important;
    }

    .benefitEnrollment .checkbox-label {
        display: block;
    }

    .benefitEnrollment .text-center {
        text-align: left;
    }

    .benefitEnrollment .m-no-padding-left {
        padding-left: 0px;
    }

    .benefitEnrollment .m-leftmed {
        margin-left: 0px !important;
    }

    .benefitEnrollment .m-neg-leftmed {
        margin-left: -10px !important;
    }

    .benefitEnrollment .m-leftsm {
        margin-left: 10px !important;
    }
}

#page.payment-history .spanLabel {
    font-size: .75em;
}

#page.payment-history .height40px {
    height: 40px !important;
}

#page.payment-history .paddingTop20px {
    padding-top: 20px;
}

#page.payment-history .radio-group {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

#page.payment-history select {
    margin-right: 20px;
    margin-top: 20px;
}

#page.payment-history .form-controls {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
}

#page.payment-history .control-group {
    display: inline-block;
}

#page.payment-history .col-sm-12:nth-child(2) .radiolabel {
    top: 22px;
}

#page.payment-history .test {
    content: attr(title);
}

form[name='CPPAYMENTHIST'] .monthYear-lbl {
    margin-top: -13px;
}

form[name='CPPAYMENTHIST'] .dateRange-lbl {
    padding-top: 22px;
}

@media only screen and (max-width: 767px) {
    .cpclaim {
        /*.pull-right{
              float: none !important;
          }*/
    }

        .cpclaim table td.quarter-width {
            width: 35%;
        }

    form[name='CPPAYMENTHIST'] label,
    .cpclaimhist label {
        margin: 5px;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
    }

    form[name='CPPAYMENTHIST'] .input-group[class*=col-],
    .cpclaimhist .input-group[class*=col-] {
        float: none;
        padding-left: 5px;
        padding-right: 0;
    }

    form[name='CPPAYMENTHIST'] .m-no-padding-left,
    .cpclaimhist .m-no-padding-left {
        padding-left: 0px;
    }

    form[name='CPPAYMENTHIST'] .radio-group {
        margin-left: 14px;
    }

    .cpclaimhist .radio-group {
        margin-left: 5px;
    }
}

.tran .push-down {
    margin-bottom: 7px;
}

.advice .collapsable-content.level2 {
    padding: 0 10px 0 25px;
}

.advice .collapsable-content.no-padding {
    padding: 0;
}

.advice .white-background {
    background-color: #FFF;
    padding: 20px;
    margin: 0;
}

.advice .collapsable {
    padding: 10px;
}

.advice hr.level2 {
    margin-left: 46px;
    margin-right: 10px;
}

.advice .table.table-whitebg-bordered tbody tr {
    border-bottom: 1px solid #D3D3D3;
    background-color: #FFF !important;
}

    .advice .table.table-whitebg-bordered tbody tr:first-child {
        border-top: 1px solid #D3D3D3;
    }

    .advice .table.table-whitebg-bordered tbody tr td {
        border-right: none;
    }

.advice table.table tbody {
    /*border-bottom:0;*/
}

    .advice table.table tbody tr.bordered {
        border-top: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
    }

.advice .collapsable .collapsable-header .collapsable-title {
    display: table-cell !important;
}

.advice .table-wrapper > table {
    min-width: 1080px;
}

.advice .table-wrapper.push-left {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-right: 5px !important;
}

.advice .tooltip-inner {
    color: #000 !important;
    background-color: #414141 !important;
    min-height: 50px !important;
    height: auto;
    padding: 15px 15px 0px 15px;
    border: none;
    text-align: left !important;
    max-width: 400px !important;
    width: 250px;
    font-size: 14px;
    border-radius: 4px;
}

.advice .tooltip.left .tooltip-arrow {
    border-left-color: #414141 !important;
}

.advice .tooltip.top .tooltip-arrow {
    border-top-color: #414141 !important;
}

.advice .tooltip-inner a {
    color: #FFFFFF;
    text-decoration: underline;
}

.advice .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.advice .backfound-color-white {
    color: #FFFFFF;
}

.ameritrade .topsm {
    margin-top: 11px;
}

@media only screen and (max-width: 767px) {
    .ameritrade .radio-group {
        margin-left: 12px;
    }
}

.retirement-calculator .progress-bar {
    background-color: #12838E;
}

.retirement-calculator .top-margin-Progress-bar {
    margin-top: 8px;
}

@media only screen and (max-width: 767px) {
    .retirement-calculator .text-center-sm {
        text-align: center;
    }

    .retirement-calculator .p-rightsm-sm {
        padding-right: 10px;
    }

    .retirement-calculator .p-leftsm {
        padding-left: 20px !important;
    }

    .retirement-calculator .p-leftsm-sm {
        padding-left: 20px;
    }

    .retirement-calculator .p-rightsm {
        padding-right: 10px !important;
    }

    .retirement-calculator .progress-sm {
        margin-left: -10px;
    }

    .retirement-calculator .m-no-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    #plansummary .summarycontainer {
        margin-top: 15px;
    }

    #plansummary .emailcontainer {
        word-break: break-all;
    }
}

.plansel {
    text-transform: uppercase;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
}

@media only screen and (max-width: 767px) {
    .psplansel .btn.no-right-margin,
    .psplansel .button.no-right-margin,
    .psplansel .button.no-right-margin {
        margin-right: 5%;
    }
}

.email-options > .row > div {
    padding: 0 50px;
}

    .email-options > .row > div:first-child {
        border-right: 1px solid #D3D3D3;
    }

#editperson .redfontbold {
    color: #F44336;
    font-weight: bold;
}

#editperson .help-block {
    font-size: 14px;
}

#editperson .leftmargin8px {
    margin-left: 8px;
}

#editperson .horizontalrowheight {
    height: 27px;
}

#editperson .margintop8px {
    margin-top: 8px;
}

#editperson .bottommed {
    margin-bottom: 15px !important;
}

#editperson .topmed {
    margin-top: 15px !important;
}

#editperson .collapsable .collapsable-content {
    padding: 0 50px 25px 40px;
}

#editperson .no-push {
    margin-top: 0px !important;
}

#editperson .horziontalline {
    height: 180px;
    width: 6px;
}

#editperson .white-background-border {
    border: 1px solid #D3D3D3 !important;
    margin-bottom: 0px !important;
}

#editperson .leftmargin7px {
    margin-left: 7px;
}

#editperson .withTerm #disbFreezeDialogue.modal-window {
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #editperson .withTerm #disbFreezeDialogue.modal-window .title {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #editperson .withTerm #disbFreezeDialogue.modal-window .disbfreezemsg {
        margin-top: 24px;
        margin-bottom: 40px;
        text-align: justify;
    }

@media only screen and (max-width: 767px) {
    #editperson .collapsable .collapsable-content {
        padding: 0 15px 25px 15px;
    }

    #editperson .padding-right-0px {
        padding-right: 0px;
    }

    #editperson .padding-left-0px {
        padding-left: 0px !important;
    }

    #editperson .margin-left-8px {
        margin-left: 8px;
    }

    #editperson .margin-right-10px {
        margin-right: 10px;
    }

    #editperson .margin-left-15px {
        margin-left: 15px;
    }

    #editperson .margin-left-15px {
        margin-right: 15px;
    }

    #editperson .padding-left-18px {
        padding-left: 18px;
    }

    #editperson .no-padding-left.padding-left-10px {
        padding-left: 10px;
    }

    #editperson .no-padding-left.padding-left-20px {
        padding-left: 20px;
    }

    #editperson .padding-right-10px {
        padding-right: 10px;
    }

    #editperson .half-width.width-80per {
        width: 80% !important;
    }

    #editperson .half-width.width-20per {
        width: 80% !important;
    }

    #editperson .nopadding {
        padding-left: 0px;
        padding-right: 0px;
    }

    #editperson .withTerm #disbFreezeDialogue.modal-window .btn,
    #editperson .withTerm #disbFreezeDialogue.modal-window .button {
        width: 100% !important;
    }

    #editperson .withTerm #disbFreezeDialogue.modal-window .btn-secondary {
        margin-left: 0;
    }

    #editpersonphoneext.no-padding-left {
        padding-left: 18px !important;
    }

    #editpersonphoneext.no-padding-right {
        padding-right: 20px !important;
    }
}

#passwordchange .tablecell {
    display: table-cell;
}

#passwordchange .modalDialog {
    margin: 0% 20% 0% 5% !important;
    min-width: 30% !important;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
}

#passwordchange .closeModalCrossStyle {
    padding-top: 0px;
}

#passwordchange ul.passwordChange li {
    padding-top: 2px;
}

.dist .table.table-whitebg tbody.no-border-bottom {
    border-bottom: none;
}

.dist .table.table-whitebg tbody tr.table-medium-gray {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.dist .glyphicons {
    right: 1px;
}

.table.table-whitebg {
    border-bottom: 1px solid #D3D3D3;
}

    .table.table-whitebg tbody.collapsable-header {
        border-top: 1px solid #D3D3D3;
        border-bottom: none;
    }

        .table.table-whitebg tbody.collapsable-header.first {
            border-top: none;
            border-bottom: none;
        }

    .table.table-whitebg tbody.collapsable-content {
        border-top: none;
        border-bottom: 1px solid #D3D3D3;
    }

    .table.table-whitebg tbody tr {
        background-color: #FFF !important;
    }

        .table.table-whitebg tbody tr.no-background {
            background-color: transparent !important;
        }

        .table.table-whitebg tbody tr.table-medium-gray {
            background-color: #EBEFF2 !important;
        }

        .table.table-whitebg tbody tr td.icon {
            padding-left: 8px;
        }

        .table.table-whitebg tbody tr td span.level2 {
            margin-left: 15px;
        }

        .table.table-whitebg tbody tr td.no-border-right {
            border-right: none;
        }

.table.table-whitebg-bottom-border tbody tr {
    border-bottom: 1px solid #D3D3D3;
    background-color: #FFF !important;
}

    .table.table-whitebg-bottom-border tbody tr.table-medium-gray {
        background-color: #EBEFF2 !important;
    }

    .table.table-whitebg-bottom-border tbody tr td.no-border-right {
        border-right: none;
    }

    .table.table-whitebg-bottom-border tbody tr td.icon {
        padding-left: 8px;
    }

.table.table-bottom-border tbody tr {
    border-bottom: 1px solid #D3D3D3;
}

    .table.table-bottom-border tbody tr.table-medium-gray {
        background-color: #EBEFF2 !important;
    }

    .table.table-bottom-border tbody tr td.no-border-right {
        border-right: none;
    }

    .table.table-bottom-border tbody tr td.icon {
        padding-left: 8px;
    }

.table.table-whitebg-level3 thead tr {
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
}

    .table.table-whitebg-level3 thead tr th {
        font-weight: bold;
        border-right: none;
        color: #4e4e4e;
    }

        .table.table-whitebg-level3 thead tr th:last-child {
            border-right: none;
        }

        .table.table-whitebg-level3 thead tr th:first-of-type {
            padding-left: 57px;
        }

.table.table-whitebg-level3 tbody tr {
    background-color: #FFF !important;
}

    .table.table-whitebg-level3 tbody tr td {
        border-right: none;
    }

        .table.table-whitebg-level3 tbody tr td:first-of-type {
            padding-left: 57px;
        }

.table.warning-message tbody {
    border: none;
}

    .table.warning-message tbody tr {
        background-color: transparent !important;
    }

        .table.warning-message tbody tr td {
            border: none;
            padding: 0;
        }

            .table.warning-message tbody tr td.p-leftxsm {
                padding-left: 10px;
            }

            .table.warning-message tbody tr td span.glyphicons-alert {
                font-size: 33px;
                left: -9px;
            }

.rsd403ln .loan-message-big > span {
    vertical-align: middle;
    display: table-cell;
}

.rsd403ln .table.table tbody tr td span.input-placeholder + input {
    padding: 0 10px;
}

.rsd403ln ::-webkit-input-placeholder {
    padding-top: 3px !important;
}

.rsd403ln :-moz-placeholder {
    /* Firefox 18- */
    padding-top: 3px !important;
}

.rsd403ln ::-moz-placeholder {
    /* Firefox 19+ */
    padding-top: 3px !important;
}

.rsd403ln :-ms-input-placeholder {
    padding-top: 3px !important;
}

.rsd403ln .table-wrapper.push-left {
    padding-left: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 20px;
}

.rsd403ln .table-wrapper {
    margin: 20px 0;
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .rsd403ln .table-wrapper.push-left {
        padding-left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .rsd403ln .table-wrapper {
        margin: 20px 0;
        overflow: auto;
    }
}

@media only screen and (max-width: 767px) {
    .benSummary .p-leftsm {
        padding-left: 10px !important;
    }

    .benSummary .right-border {
        border-right: none 0px !important;
    }
}

.aleartmsgbensummary {
    font-size: 16px;
    margin-top: -6px;
    margin-bottom: 11px;
}

.distr.personalprofile .collapsable-content {
    padding: 0 50px 25px 48px;
}

.distr ul {
    list-style-type: disc;
}

.distr div.push {
    padding-left: 35px;
}

.distr .radio-group label.pull {
    margin-top: -13px;
}

.toupper {
    text-transform: uppercase;
}

.enrollment div .table-wrapper-rs table.inner {
    min-width: 1078px;
}

.enrollment div .table-wrapper-rs {
    margin: 10px 0 !important;
}

.enrollment div.row.push-left {
    padding-left: 27px;
}

.enrollment tr.top-border {
    border-top: 1px solid #D3D3D3 !important;
}

.enrollment .collapsable-content.contrib-limits-level1 {
    padding: 15px 10px 0 27px;
}

.enrollment .collapsable-content.contrib-limits-level2 {
    padding: 0 0 0 11px;
}

    .enrollment .collapsable-content.contrib-limits-level2 table.table {
        margin-bottom: 0;
    }

.enrollment .collapsable-content.select-investments-level1 {
    padding: 15px 0 0 27px;
}

    .enrollment .collapsable-content.select-investments-level1 .checkbox-label {
        margin-top: 0;
    }

.enrollment .collapsable-content.select-investments-level2 {
    padding: 0;
}

    .enrollment .collapsable-content.select-investments-level2 table.table {
        margin-bottom: 0;
    }

.enrollment .flow span,
.enrollment .flow label {
    padding: 0 5px;
}

    .enrollment .flow span.no-padding-left,
    .enrollment .flow label.no-padding-left {
        padding-left: 0;
    }

    .enrollment .flow span.no-padding-right,
    .enrollment .flow label.no-padding-right {
        padding-right: 0;
    }

.enrollment .flow .input-group {
    display: inline;
}

    .enrollment .flow .input-group .glyphicons.input-glyphicon-inline.char {
        top: 12px;
        right: 12px;
    }

.enrollment .flow input[type=text] {
    width: 76px;
    display: inline-block;
}

.enrollment .flow label {
    width: auto;
}

.enrollment .withTerm .modalDialog {
    width: 500px !important;
    min-width: 0px !important;
    top: 20%;
    left: 30%;
}

.enrollment .table-wrapper-rs > table.small {
    min-width: 270px;
    max-width: 1139px;
}

.enrollment .table-wrapper-rs table {
    min-width: 1060px !important;
}

.enrollment .table-wrapper-rs {
    margin: 20px 0;
    overflow: hidden;
}

    .enrollment .table-wrapper-rs.push-left {
        padding-left: 0;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 20px;
    }

    .enrollment .table-wrapper-rs.no-padding-right {
        padding-right: 0px !important;
    }

.enrollment .white-background.custom-padding {
    padding: 10px 0px 10px 20px !important;
}

.enrollment .Noemailaddress {
    margin-top: 12px;
}

.enrollment .neg-leftsm {
    margin-left: -10px;
}

@media only screen and (max-width: 767px) {
    .enrollment .auto-accel .block {
        display: block;
    }

    .enrollment .auto-accel .left-zero {
        padding-left: 0;
    }

    .enrollment .auto-accel .push-top {
        margin-top: 10px;
    }

    .enrollment .auto-accel .push-bottom {
        margin-bottom: 10px;
    }

    .enrollment .table-wrapper-rs {
        margin: 20px 0;
        overflow: auto;
    }

        .enrollment .table-wrapper-rs.push-left {
            padding-left: 0;
            margin-left: 10px;
            margin-right: 10px;
            padding-right: 20px;
        }

    .enrollment .withTerm .modalDialog {
        width: 95% !important;
        min-width: 0 !important;
        margin: 0% 0% auto !important;
        height: 500px;
        overflow-y: auto;
    }

    .enrollment .withTerm .modalwindow-center {
        position: fixed;
        top: 50%;
        left: 50%;
        max-width: 600px;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.enrollment table.table tbody tr.row-even {
    border-top: 1px solid #D3D3D3 !important;
    border-right: 1px solid #D3D3D3 !important;
    border-left: 1px solid #D3D3D3 !important;
    border-bottom: none !important;
    background-color: #F7F7F7 !important;
}

.enrollment table.table tbody tr.row-odd {
    border-top: 1px solid #D3D3D3 !important;
    border-right: 1px solid #D3D3D3 !important;
    border-left: 1px solid #D3D3D3 !important;
    border-bottom: none !important;
    background-color: #FFF !important;
}

.enrollment table.table tbody tr.row-even-child {
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid #D3D3D3 !important;
    border-left: 1px solid #D3D3D3 !important;
    background-color: #F7F7F7 !important;
}

.enrollment table.table tbody tr.row-odd-child {
    border-top: none !important;
    border-bottom: none !important;
    border-right: 1px solid #D3D3D3 !important;
    border-left: 1px solid #D3D3D3 !important;
    background-color: #FFF !important;
}

.enrollment table.table tbody tr td.padleft {
    padding-left: 22px;
}

.enrollment table.table tbody tr td {
    white-space: normal;
}

.enrollment .p-rightxxsm {
    padding-right: 5px;
}

.enrollment #rulesandcriteria .collapsable-content.no-push {
    padding: 0 10px 0 35px;
}

.enrollment div #rulesandcriteria .table-wrapper-rs {
    margin: 5px 0 !important;
}

.table.table-no-border tbody tr td.icon {
    padding-left: 8px;
}

table#tableuploadfile.table:last-child {
    border-bottom: 1px solid #d3d3d3;
}

@media only screen and (max-width: 1024px) {
    .enrollment .table-wrapper-rs {
        overflow: auto !important;
    }
}

.withTerm .modalDialog {
    display: none;
    position: absolute;
    z-index: 999;
    top: 5%;
    left: 15%;
    border: none;
    padding: 10px 22px 22px 22px;
    background-color: #FAFAFA;
    box-shadow: 0 0 150px rgba(0, 0, 0, 0.75);
    min-width: 70%;
    margin-bottom: 40px;
}

    .withTerm .modalDialog.estimatePayment {
        width: 800px;
    }

.withTerm .divOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    z-index: 998;
    height: 100%;
    width: 100%;
}

.withTerm .closeModalCrossStyle {
    font-size: 1.875em;
    font-family: Roboto-light, helvetica, sans-serif;
    color: #6C6C6C;
    cursor: pointer;
    padding: 0px 10px 0px 0px;
    margin-top: 0px;
}

.withTerm .btm-margin-label {
    margin-bottom: 7px !important;
}

.withTerm .tp-margin-slider {
    margin-top: 1px !important;
}

.withTerm .tp-margin-radio {
    margin-top: -14px !important;
}

@media only screen and (max-width: 767px) {
    #terminationdist .withTerm .modalDialog {
        margin: 0 !important;
        bottom: auto;
        top: 15%;
    }

    #terminationdist .modalDialogCrossMark {
        margin-top: -37px;
    }

    #withdrawaldistform.withTerm .modalDialog {
        bottom: auto;
        top: 20%;
    }
}

#schwabAccount form .btn,
#schwabAccount form .button {
    margin: 0px;
    margin-right: 10px;
}

#schwabAccount form ul {
    list-style-type: square;
    margin-left: 20px;
}

#schwabAccount .btnCancel {
    padding-left: 5px;
}

#schwabAccount .padding-top {
    padding-top: 5px;
}

#schwabAccount .noleftpadding {
    padding-left: 0px;
}

#schwabAccount .schwabLogo {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin: 0 auto;
}

.schwab-disclaimer .noTopMargin {
    margin-top: 0px;
}

.schwab-disclaimer form {
    margin-left: 12px;
    margin-right: 12px;
}

    .schwab-disclaimer form .btn,
    .schwab-disclaimer form .button {
        margin-top: 5px;
        margin-bottom: 2px;
    }

    .schwab-disclaimer form .btn-primary {
        margin-right: 0px;
    }

.schwab-disclaimer .modal-text-content {
    margin: 10px;
}

.schwab-disclaimer form ul {
    list-style-type: square;
    margin-left: 20px;
}

.schwab-disclaimer .btnCancel {
    padding-left: 5px;
}

.schwab-disclaimer .padding-top {
    padding-top: 5px;
}

#paymentsForm .radio-group {
    margin-left: 0px;
}

#paymentsForm .radiolabel {
    white-space: nowrap;
}

#paymentsForm a.gray {
    color: #4e4e4e;
}

.pspayments .table-wrapper.push-left {
    padding-left: 0 !important;
    margin-left: 0px !important;
    margin-right: 10px;
    padding-right: 0px !important;
}

@media only screen and (max-width: 767px) {
    .pspayments .table-wrapper.push-left {
        padding-left: 0 !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding-right: 20px !important;
    }

    .pspayments .m-btn-right-margin {
        margin-right: 5% !important;
    }

    .pspayments .m-margin-leftright {
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding-right: 10px !important;
    }

    .pspayments .m-margin-right {
        margin-right: 10px !important;
    }

    .pspayments .m-margin-left {
        margin-left: 10px !important;
    }

    .pspayments .m-margin-left-radio {
        margin-left: -5px !important;
    }
}

@media only screen and (max-width: 767px) {
    /*psDerUpload*/
    .btn.btn-upload,
    .button.btn-upload {
        margin-left: 5%;
    }

    .psDerUpload .leftlg {
        margin-left: 0;
    }

    .psDerUpload .p-leftmed {
        padding-left: 0;
    }

    .psDerUpload .p-rightlg {
        padding-right: 0;
    }

    .psDerUpload .no-padding-left {
        padding-left: 0;
    }

    .psDerUpload .m-topmed {
        margin-top: 15px;
        border-top: 1px solid #D3D3D3;
    }
}

.acctbal tbody.collapsable-content {
    display: none;
}

.acctbal tbody.level2 tr {
    border-bottom: none;
}

    .acctbal tbody.level2 tr:last-child {
        border-bottom: 1px solid #D3D3D3;
    }

    .acctbal tbody.level2 tr td {
        border-right: none;
    }

.acctbal tbody tr {
    border-bottom: 1px solid #D3D3D3;
    background-color: #FFF !important;
}

    .acctbal tbody tr.even {
        background-color: #F7F7F7 !important;
    }

    .acctbal tbody tr.table-medium-gray {
        background-color: #EBEFF2 !important;
    }

        .acctbal tbody tr.table-medium-gray span {
            margin-left: 25px;
        }

    .acctbal tbody tr td span.level2 {
        margin-left: 15px;
    }

    .acctbal tbody tr td span.level3 {
        margin-left: 43px;
    }

.eesearch .modalWidth {
    width: 500px;
}

.close {
    color: grey;
    font-size: 34px;
    font-weight: initial !important;
    /*line-height: 10px;*/
    margin-right: 9px;
    margin-top: -20px;
}

.modalDialogPlanSelection {
    position: fixed;
    z-index: 999;
    top: 25%;
    left: 15%;
    border: none;
    padding: 10px 22px 22px 22px;
    background-color: #FAFAFA;
    box-shadow: 0 0 150px rgba(0, 0, 0, 0.75);
    min-width: 70%;
    margin-bottom: 40px;
}

.modalDialogDivisionSel {
    position: fixed;
    z-index: 999;
    top: 30%;
    left: 30%;
    border: none;
    padding: 10px 22px 22px 22px;
    background-color: #FAFAFA;
    box-shadow: 0 0 150px rgba(0, 0, 0, 0.75);
    margin-bottom: 40px;
    min-width: 40%;
}

.modalDialogTopLeftMargin {
    margin-left: -3px;
    margin-top: -5px;
}

.modalDialogTopTableMargin {
    margin-top: 34px !important;
}

.modalDialogPlanSelTopTableMargin {
    margin-top: 14px !important;
}

.modalDialogBtnRightMargin {
    margin-right: -10px;
}

.modal-window-close-modal-default {
    cursor: pointer;
    float: right;
    margin-top: -7px;
    width: 32px;
    height: 32px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .modal-window-close-modal-default:before {
        content: ' ';
        position: absolute;
        display: block;
        width: 21px;
        border-bottom: 1px solid #414141;
        height: 21px;
        bottom: 21px;
        left: -2px;
    }

    .modal-window-close-modal-default:after {
        content: ' ';
        position: absolute;
        display: block;
        width: 21px;
        border-left: 1px solid #414141;
        height: 21px;
        left: 8px;
    }

#psGlobalReport .reportcontrol {
    margin-bottom: 5px;
}

#psGlobalReport .reportfieldset {
    min-height: 380px;
}

#psGlobalReport .rptnamcontrol {
    height: auto;
    overflow: auto;
}

#psGlobalReport > .withTerm .modalDialog {
    position: absolute;
    top: 20%;
    left: 15%;
    width: 70%;
    padding: 22px;
}

#psGlobalReport > .withTerm #selectedDivs.modal-window,
#psGlobalReport > .withTerm #selectedPlanIds.modal-window {
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    #psGlobalReport > .withTerm #selectedDivs.modal-window .title,
    #psGlobalReport > .withTerm #selectedPlanIds.modal-window .title {
        padding-top: 8px;
        padding-bottom: 8px;
    }

#psGlobalReport > .withTerm .modalDialog .title {
    margin: 3px 0 14px 0;
    padding-left: 7px;
}

#psGlobalReport > .withTerm .modalDialog .close {
    color: grey;
    font-size: 34px;
    font-weight: initial !important;
    line-height: 10px;
    margin-right: 10px;
}

#psGlobalReport > .withTerm .modalDialog .buttons {
    margin-top: 20px;
}

#psGlobalReport > .withTerm .modalDialog .scroll-body {
    max-height: 200px;
    height: auto;
}

#psForms .reportcontrol {
    margin-bottom: 5px;
}

#psForms .reportfieldset {
    min-height: 300px;
}

#psForms .rptnamcontrol {
    height: auto;
    overflow: auto;
}

#psForms > .withTerm .modalDialog {
    position: relative;
    margin: -40% 25% auto !important;
    height: auto;
    min-width: 30%;
}

#psReport .reportcontrol {
    margin-bottom: 5px;
}

#psReport .reportfieldset {
    min-height: 380px;
}

#psReport .rptnamcontrol {
    height: auto;
    overflow: auto;
}

#psReport > .withTerm .modalDialog {
    position: relative;
    margin: -60% 25% auto !important;
    height: auto;
    min-width: 30%;
}

#psReport .reportfieldset {
    min-height: auto !important;
}

.reportSelection .dialogrowdisabled {
    color: black;
    background: white;
}

    .reportSelection .dialogrowdisabled a {
        color: black;
        text-decoration: none;
        background: white;
    }

.reportSelection .dialogrowselected {
    color: black;
    background-color: #D3D3D3 !important;
}

    .reportSelection .dialogrowselected a {
        text-decoration: none;
        border: 0px;
        width: 100%;
        display: block;
        color: black;
        background-color: #D3D3D3 !important;
    }

.pssuspense .table-wrapper {
    margin-top: 0px !important;
}

@media only screen and (max-width: 767px) {
    .psreports div .inactive-block,
    .psreports span .inactive-block {
        width: 100% !important;
    }

    .psreports div .active-block,
    .psreports span .active-block {
        width: 100% !important;
    }

    .psglobalreports .m-btnResults-margin {
        margin-right: 5% !important;
        margin-left: 10% !important;
    }

    .psglobalreports .m-btnDelete-margin {
        margin-right: 10% !important;
        margin-left: 5% !important;
    }

    #psReport > .withTerm .modalDialog {
        margin: -60% 1% auto !important;
    }

    .psreports .leftmed {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

#dbreports table.table tbody.no-border-bottom {
    border-bottom: none;
}

#psGlobalReport #SelectedEmployer {
    position: absolute;
    height: auto;
    width: 40%;
    top: 20%;
    left: 30%;
    padding: 22px;
    min-width: 300px;
}

@media only screen and (max-width: 767px) {
    #psGlobalReport .withTerm #selectedDivs.modal-window .btn,
    #psGlobalReport .withTerm #selectedPlanIds.modal-window .btn,
    #psGlobalReport .withTerm #selectedDivs.modal-window .button,
    #psGlobalReport .withTerm #selectedPlanIds.modal-window .button {
        width: 100% !important;
    }

    #psGlobalReport .withTerm #selectedDivs.modal-window .btn-secondary,
    #psGlobalReport .withTerm #selectedPlanIds.modal-window .btn-secondary {
        margin-left: 0;
    }

    #psGlobalReport .withTerm #selectedDivs .scroll-headers-wrapper,
    #psGlobalReport .withTerm #selectedPlanIds .scroll-headers-wrapper {
        height: auto;
    }
}

@media only screen and (max-width: 350px) {
    #psGlobalReport .withTerm #selectedDivs .table.table thead tr th,
    #psGlobalReport .withTerm #selectedPlanIds .table.table thead tr th {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
}

.sponsor-landing .psdbsummary tr:first-child td {
    border-top: 1px solid #D3D3D3;
}

.sponsor-landing .link-below-accountbalance {
    margin-top: -15px;
}

.sponsor-landing div.chart-caption {
    background-color: #FFF;
}

    .sponsor-landing div.chart-caption span {
        font-size: 22px;
    }

.sponsor-landing .fusioncharts-container g[class$='-dataset'] text tspan {
    color: #6C6C6C;
    font-size: 12px;
}

    .sponsor-landing .fusioncharts-container g[class$='-dataset'] text tspan:first-child {
        font-size: 18px;
        font-weight: bold;
    }

.sponsor-landing span.accountBalance {
    white-space: nowrap;
    display: table;
}

    .sponsor-landing span.accountBalance span:nth-of-type(2n) {
        display: table-cell;
        font-size: 64px;
        font-weight: bold;
        vertical-align: top;
    }

    .sponsor-landing span.accountBalance span:nth-of-type(2n+1) {
        display: table-cell;
        font-size: 64px;
        font-weight: bold;
        vertical-align: top;
    }

    .sponsor-landing span.accountBalance span.comma {
        display: table-cell;
        font-size: 64px;
        font-weight: 200;
        vertical-align: top;
    }

    .sponsor-landing span.accountBalance span:first-child {
        display: table-cell;
        font-size: 32px;
        font-weight: 200;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 7px;
    }

    .sponsor-landing span.accountBalance span:last-child {
        display: table-cell;
        font-size: 32px;
        font-weight: bold;
        vertical-align: top;
        padding-top: 10px;
    }

.sponsor-landing table tbody tr td.colored-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

    .sponsor-landing table tbody tr td.colored-content span:first-child {
        display: table-cell;
        border-left: 7px solid;
    }

    .sponsor-landing table tbody tr td.colored-content span:nth-of-type(2) {
        display: table-cell;
        padding-left: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.psfundsrce .table-wrapper > table {
    margin: 0 !important;
    min-width: 750px !important;
    border: 0px solid transparent !important;
}

#psinvestbalcontainerproduct table.table tbody thead th:nth-child(even) {
    background-color: #4e4e4e;
}

#psinvestbalcontainerproduct table.table tbody thead th:nth-child(odd) {
    background-color: #4e4e4e;
}

.psdbsummary thead tr {
    background-color: #4e4e4e;
}

#psinvestbalcontainerproduct table.table tbody tr td:first-child {
    border-left: 1px solid #D3D3D3;
}

#psinvestbalcontainerproduct table.table tbody tr td:last-child {
    border-right: 1px solid #D3D3D3;
}

#psinvestbalcontainerproduct table.table tbody tr td table.table {
    border: 1px solid #D3D3D3;
}

#psinvestbalcontainerproduct .scrollable {
    overflow: auto;
    height: auto;
    padding-right: 0px;
}

#psinvestbalcontainerproduct .iescrollable {
    overflow: none;
    height: auto;
    padding: 0px;
}

#psinvestbalcontainerproduct .scrollable {
    overflow: none;
    height: auto;
}

#psinvestbalcontainerproduct .scrollable {
    padding-right: 0px;
}

#prodDetail .withTerm .modalDialog {
    top: 30%;
    width: 50%;
    padding: 7px 26px 7px 26px;
}

#prodDetail .withTerm .susBalModalDialog {
    margin: -5% 15% auto !important;
    width: 50%;
}

#prodDetail table.table tbody thead th:nth-child(even) {
    background-color: #4e4e4e;
}

#prodDetail table.table tbody thead th:nth-child(odd) {
    background-color: #4e4e4e;
}

#prodDetail table.table tbody tr td:first-child {
    border-left: 1px solid #D3D3D3;
}

#prodDetail table.table tbody tr td:last-child {
    border-right: 1px solid #D3D3D3;
}

#termrequestapprovalsfilter .margin-left-5px {
    margin-left: -5px;
}

.transaction-history .table tbody tr td {
    white-space: normal;
}

.voice-update .table tbody tr td {
    white-space: normal;
}

.delete-voice-update .table tbody tr td {
    white-space: normal;
}

@media only screen and (max-width: 767px) {
    #pstranhistdatasection .accordianLabel {
        display: block;
        padding-left: 26px !important;
    }

    .m-left18px {
        margin-left: 18px;
    }
}

.loansum #loandetailview thead > tr > th a {
    /*color: #ffc439;*/
}

.sponsor-contact-info .alert.error-message > span {
    display: -ms-inline-flexbox;
}

.sponsor-contact-info .error-input {
    border: 1px solid #F44336;
}

.sponsor-contact-info input.ng-invalid.ng-touched {
    border: 1px solid #F44336;
}

.sponsor-contact-info .checkbox-label {
    font-weight: normal;
}

.sponsor-contact-info .help-block {
    color: #FF8828;
    display: inline;
    padding-right: 5px;
}

.sponsor-contact-info .no-push {
    margin-top: 0px !important;
}

.sponsor-contact-info .leftmargin8px {
    margin-left: 40px;
}

.sponsor-contact-info .topMarginAddrsLabel {
    margin-top: 11px;
}

@media only screen and (min-width: 768px) {
    .sponsor-contact-info .textAlignRight {
        text-align: right;
        margin-top: 7px;
    }
}







/* BLUESTAR OVERRIDES */



/* Override Page Layout */
body {
    background-color: #FFF;
    margin-bottom: unset;
}

#pagecontainer {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    min-height: calc(100vh - 20px);
}

.page-content {
    margin-bottom: 50px;
    flex-grow: 1;
}


/* Override Button Styles */
.btn, .button, .file-upload-content .file-upload-input::before {
    border-radius: 0;
}

    .btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:active:focus, .button.btn-primary, .button.btn-primary:active, .button.btn-primary:active:focus, .button.submit, .button.submit:active, .button.submit:active:focus {
        background-color: #318AC6;
        border-bottom-color: #00000029;
        color: #FFF;
    }

        .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:hover, .btn.btn-primary:focus, .button.btn-primary:active:hover, .button.btn-primary:active:focus, .button.btn-primary:hover, .button.btn-primary:focus, .button.submit:active:hover, .button.submit:active:focus, .button.submit:hover, .button.submit:focus {
            box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
            border-right: 1px solid #00000030;
            color: #FFF;
        }

    .btn-secondary, .button.btn-secondary, .button.reset {
        color: #318AC6;
        border: 2px solid #318AC6;
        background-color: #FFF;
        box-shadow: none;
        outline: none;
    }

        .btn-secondary:hover, .btn-secondary:focus, .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active, .button.btn-secondary:active:hover, .button.btn-secondary:active:focus, .button.btn-secondary:active, .button.reset:active:hover, .button.reset:active:focus, .button.reset:active {
            box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
        }


/* Hide Salutation */
header.mainHeader nav.options-bar ul li.welcomemsg {
    display: none;
}


/* Override System Nav Bar */
header.mainHeader nav.options-bar {
    width: 100vw;
    background-color: #727272;
    color: #fff;
    min-height: 20px;
    height: 20px;
    margin-top: 0;
    position: absolute;
    padding-right: 2em;
    top: 0;
    left: 0;
}

    header.mainHeader nav.options-bar ul li {
        padding: 3px 0 0 15px;
    }

        header.mainHeader nav.options-bar ul li a {
            color: #FFF;
        }

nav .glyphicons {
    font-size: 2em;
    margin-left: -10px;
    padding-right: 15px;
    margin-bottom: -2px;
}

.glyphicons::before {
    font-size: 1.1em;
}


/* Override Header Logos */
header.mainHeader {
    height: 20px;
}

    header.mainHeader .primary-logo, header.mainHeader .secondary-logo {
        display: none;
    }


/* Override Main Menu */
nav.top-top {
    background-color: #FFF;
}

    nav.top-top .mainmenu > li div {
        border-left: 1px solid #d8d8d8;
    }

    nav.top-top .mainmenu > li .menutext, nav.top-top .mainmenu > li a font a {
        color: #646464;
        display: flex;
        font-size: 16px;
    }

    nav.top-top .mainmenu > li a font a {
        font-weight: normal;
    }

        nav.top-top .mainmenu > li .menutext i, nav.top-top .mainmenu > li a font a i {
            color: #006990;
            font-size: 24px;
            margin-left: 8px;
            margin-right: 8px;
        }

    nav.top-top .mainmenu.container {
        margin-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
        text-align: right;
    }

        nav.top-top .mainmenu.container li {
            text-align: left;
        }

    nav > ul > li.active > div a, nav > ul > li.active > div a:hover, nav.top-top > ul > li a:hover {
        color: #FFF;
    }

        nav.top-top > ul > li a:hover > .menutext, nav.top-top > ul > li a:focus > .menutext {
            color: #003a63;
        }

    nav.top-top > ul > li > ul > li a:hover, nav.top-top > ul > li > ul > li a:focus {
        border-left: 5px solid #318AC6;
    }


/* Override Main Menu Mobile View */
#mobileHBar {
    display: none;
}

.mobile-nav-button span {
    background-color: #6C6C6C;
}

/* Override menu collapse at 1024px width; small menu doesn't need to collapse yet. */
@media only screen and (max-width: 1024px) {
    nav.mainNav {
        position: relative;
        top: auto;
        margin-left: auto;
    }

        nav.mainNav > ul {
            width: auto;
            background: rgba(255, 255, 255, 1);
        }

            nav.mainNav > ul > li {
                display: inline-block;
                border-bottom: none;
            }

                nav.mainNav > ul > li > ul.submenuShow {
                    position: absolute;
                    width: 300px;
                    background-color: rgba(243, 243, 243, 0.95);
                }

    .mobile-nav-button {
        display: none;
    }
}

/* Override so that menu collapses at this point. */
@media only screen and (max-width: 767px) {
    nav.mainNav {
        position: relative;
        top: calc(1.5em + 12px);
        display: none;
        background-color: rgba(243, 243, 243, 0.95);
    }

        nav.mainNav.active {
            margin-right: 0;
            display: inherit;
            background-color: #FFFFFFEB;
        }

    nav.top-top > ul > li a:hover, nav.top-top > ul > li a:focus {
        background-color: #FFF;
    }

    nav.mainNav.overlay::after {
        background-color: rgba(0,0,0,0.3);
    }

    nav.mainNav > ul {
        width: 100%;
        background: inherit;
    }

        nav.mainNav > ul > li {
            display: block;
        }

            nav.mainNav > ul > li:hover, nav.mainNav > ul > li:focus > .menutext {
                color: #003a63;
            }

            nav.mainNav > ul > li > ul.submenuShow {
                position: relative;
                width: 100%;
                background-color: #FFFFFFEB;
            }

            nav.mainNav > ul > li > ul > li {
                border-bottom: none;
                padding-left: 2em;
            }

    .mobile-nav-button {
        display: inherit;
        top: calc(1.5em + 14px / 2);
        left: auto;
        right: 4em;
    }

        .mobile-nav-button.active {
            top: calc(1.5em + 14px / 2);
            left: inherit;
        }

    .page-content {
        margin-top: 0px !important;
    }

    #page.container::before {
        height: calc(1.5em + 12px) !important;
        margin-top: 40px;
    }

    #page.container .row.content-header .pull-right.rightxsm, #psForms.container .row.content-header .pull-right.rightxsm, .page-content .container:not(.ng-scope) .row.content-header .pull-right.rightxsm {
        margin-top: calc(-1.5em - 8px) !important;
    }
}


/* Override Print Button Area */
.page-content, .mainNav ~ .page-content {
    margin-top: 0px;
}

#page.container .row.content-header::before, #psForms.container .row.content-header::before {
    display: none;
}

#page.container::before, #psForms.container::before, .page-content .container:not(.ng-scope)::before {
    background-color: #ececec;
    height: calc(2em + 12px);
    left: calc(-50vw + 50%);
    width: 100vw;
    position: relative;
    padding: 0;
    z-index: -1;
}

#page.container .row.content-header, #psForms.container .row.content-header {
    display: flex;
    flex-direction: column-reverse;
}

    #page.container .row.content-header .pull-right.rightxsm, #psForms.container .row.content-header .pull-right.rightxsm {
        width: 100%;
        margin-top: calc(-2em - 9px);
    }

.page-content .container:not(.ng-scope) .print.pull-right {
    margin-top: -2em;
}

#page.container .row.content-header .print, #psForms.container .row.content-header .print, .page-content .container:not(.ng-scope) print.pull-right a {
    margin-top: 0;
}

#page.container .row.content-header .h1, #psForms.container .row.content-header .h1, .page-content .container:not(.ng-scope) h1 {
    margin-top: .5em;
}


/* Override Specific Items */
a[redirect-to="manageinvestments.aspx"] {
    display: none; /* Remove buttons that route to unused location. */
}

a.btn.btn-primary[href*='openEmployee()'] {
    float: none; /* Allow space between Employee input and select button. */
}

li.align-top a[href*='psinformationmessages'] {
    display: none; /* Do not show notifications symbol, as they are unused. */
}

.options-bar li.profile-menu ~ br.mobile {
    display: none; /* Some pages have breaks that push the menu items out of sight; remove these breaks. */
}

form[name="AMORT"] ~ .row {
    margin-top: unset; /* Remove a margin-top value for this form that skews the spacing of top-nav elements. */
}

#ijoinpopup.withTerm .modalDialog.ijoinModalDialog {
    margin-left: 23% !important; /* Adjust so that this window is not off the left of the screen as much as possible. */
}

.page-content .container .row > .col-sm-12 > .top.clearfix > h1.view-title > .pul-right.controls.print {
    margin-top: cac(-2em - 4px); /* Override for the Automatic Rebalancing page. */
}

.page-content .container:not(.ng-scope) #wizardRecurrRebal .container::before, .page-content .page-content[ng-app="loansAndWithdrawals"] + .container::before {
    display: none; /* Remove extra spacing from Rebalance page and Loan page. */
}

.page-content .container:not(.ng-scope) #wizardRecurrRebal .container > div > .pull-right {
    margin-top: calc(-2em - 15px); /* Adjust margin for the Rebalance page to acocunt for its layout. */
}

.page-content #genrollEditPerson.container:not(.ng-scope) .pull-right {
    margin-top: calc(-2em - 9px); /* Adjust top margin for enrollment page. */
}


/* Override Tables */
table.table thead tr {
    background: #a2a2a2;
    color: #FFF;
    font-weight: normal;
    border: 1px solid #a2a2a2;
}

    table.table thead tr.sorttabletable {
        background: #308bc2;
        border: 1px solid #e5e5e4;
    }

        table.table thead tr.sorttabletable th:hover {
            cursor: pointer;
        }

table.table thead a {
    color: #FFF;
}

table.table thead tr th {
    font-weight: normal;
    border-right: 1px solid #fff;
}

    table.table thead tr th:first-child {
        border-left: none;
    }

    table.table thead tr th:last-child {
        border-right: none;
        ;
    }

.modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell {
    color: #FFF;
    background: #a2a2a2;
    border-color: #FFF;
    font-weight: 400;
}

    .modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-header-cell:only-of-type {
        background-color: #4e4e4e;
    }

.modal-window .ui-grid-contents-wrapper .ui-grid-header .ui-grid-top-panel .ui-grid-header-canvas {
    background: #a2a2a2;
}

#ssnsearchlist.row div, #PaginationDiv div {
    display: inline-block;
    float: none;
}

@media only screen and (max-width: 767px) {
    #ssnsearchlist.row div, #PaginationDiv div {
        text-align: center;
        display: flex;
        align-items: baseline;
        justify-content: center;
    }
}

/* Override Data Validation Center */
/* These pages are structured differently than all of the others and make heavy use of Kendo UI, so they require specific overrides. */
.page-content .container:not(.ng-scope) #dvcintroview #pageheader table.fullwidth {
    margin-top: calc(-2em - 4px);
}

.page-content .container:not(.ng-scope) #dvcselecterpaydateview table.fullwidth, .page-content .container:not(.ng-scope) #dvcuploadfileview table.fullwidth, .page-content .container:not(.ng-scope) #dvceditrecordsview table.fullwidth,
.page-content .container:not(.ng-scope) #dvctotalsfundingview table.fullwidth {
    margin-top: calc(-4.5em - 2px);
}

    .page-content .container:not(.ng-scope) #dvcintroview #pageheader table.fullwidth .print, .page-content .container:not(.ng-scope) #dvcselecterpaydateview table.fullwidth .print, .page-content .container:not(.ng-scope) #dvcuploadfileview table.fullwidth .print,
    .page-content .container:not(.ng-scope) #dvceditrecordsview table.fullwidth .print, .page-content .container:not(.ng-scope) #dvctotalsfundingview table.fullwidth .print {
        margin-top: -10px;
    }

.k-popup, .k-list-contianer, .k-widget, k-window {
    background-color: #FFF;
}


/* Override Error Text */
.alert-error, .alert-danger, .error-message, .error-message-big {
    background-color: transparent;
    color: #d10119;
}


/* Override Modal Windows */
.withTerm .modalDialog, .advisorDashboard .withTerm .modalDialog, #validate-otp .withTerm .modalDialog, .modelTransfer .withTerm .modalDialog, .modelselect .withTerm .modalDialog,
.modelTransfer .withTerm .modalDialog, #validate-otp #otpPinPopup.modalDialog, #passwordchange .modalDialog, .enrollment .withTerm .modalDialog, #terminationdist .withTerm .modalDialog,
#withdrawaldistform.withTerm .modalDialog, #psGlobalReport > .withTerm .modalDialog, #psForms.container > .withTerm .modalDialog, #psReport > .withTerm .modalDialog, #prodDetail .withTerm .modalDialog,
.modalDialogPlanSelection, .modal-window {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    max-width: 80%;
}

#psForms > .withTerm .modalDialog {
    bottom: auto;
}

.modalDialogPlanSelection {
    overflow: scroll;
    max-height: 80%;
}

@media only screen and (max-width: 767px) {
    .withTerm .modalDialog, .advisorDashboard .withTerm .modalDialog, #validate-otp .withTerm .modalDialog, .modelTransfer .withTerm .modalDialog, .modelselect .withTerm .modalDialog,
    .modelTransfer .withTerm .modalDialog, #validate-otp #otpPinPopup.modalDialog, #passwordchange .modalDialog, .enrollment .withTerm .modalDialog, #terminationdist .withTerm .modalDialog,
    #withdrawaldistform.withTerm .modalDialog, #psGlobalReport > .withTerm .modalDialog, #psForms.container > .withTerm .modalDialog, #psReport > .withTerm .modalDialog, #prodDetail .withTerm .modalDialog {
        position: fixed !important;
        left: 50% !important;
        top: 50% !important;
        margin: 0 !important;
        transform: translate(-50%, -50%);
    }

    #PaginationDiv + div {
        display: flex;
        flex-direction: column-reverse;
    }

        #PaginationDiv + div a, .modalDialogDivisionSel div.text-right a {
            float: none;
        }
}

.modal-window .close-modal {
    margin-top: auto !important;
}



/* Override Footer */
footer {
    position: relative;
    background-color: #cac9c9;
    border-top: 2px solid #d8d8d8;
    color: #6c6c6c;
    bottom: unset;
}

    footer a {
        color: #0e8cbb;
        text-shadow: 0 0 1px #FFF;
    }

        footer a:hover, footer a:focus {
            color: #0095cc;
        }


    /* Override Help Section */
    footer .column nav.footer-nav .dropup-menu ul li a {
        color: #6C6C6C;
        font-weight: 400;
        font-size: 12px;
    }

.dropup-menu ul li {
    background: rgba(243, 243, 243, 0.95);
}

    .dropup-menu ul li:hover {
        border-top: 1px solid #D3D3D3;
    }

    .dropup-menu ul li a:hover {
        border-left: 5px solid #318AC6;
        background-color: #FFF;
        color: #6C6C6C;
    }


/* Override Loading Screen Colors */
@-webkit-keyframes colors {
    0% {
        stroke: #4e4e4e
    }

    25% {
        stroke: #828282
    }

    50% {
        stroke: #b0b0b0
    }

    75% {
        stroke: #828282
    }

    100% {
        stroke: #4e4e4e
    }
}

@keyframes colors {
    0% {
        stroke: #4e4e4e
    }

    25% {
        stroke: #828282
    }

    50% {
        stroke: #b0b0b0
    }

    75% {
        stroke: #828282
    }

    100% {
        stroke: #4e4e4e
    }
}
