html {
    height: 100%;
}

body {
    font-family: 'Santral-Book', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    background-color: #ffffff;
    color: #FF5730;
    background-image: url('../i/ipp/pattern-bg-white.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

h6 {
    font-size: 20px !important;
    font-weight: 400;
}

.slidecontainer {
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 20px;
    border-radius: 10px;
    background: #fce6b6;
    /*border: solid 1px;*/
    opacity: 1;
    /*        -webkit-transition: .2s;
            transition: opacity .2s;
    */
}

    .slider:hover {
        opacity: 1;
    }

    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 40px;
        height: 40px;
        border: solid 1px #ccc;
        border-radius: 50%;
        background: #FFFFFF;
        cursor: pointer;
    }

    .slider::-moz-range-thumb {
        width: 50px;
        height: 50px;
        border: solid 1px #ccc;
        border-radius: 50%;
        background: #FFFFFF;
        cursor: pointer;
    }



.ppsliderbar {
    height: 20px;
    width: 100%;
    border-radius: 10px;
    background-color: #666;
    border: none;
}

.ppsliderselected {
    height: 20px;
    width: 90%;
    border-radius: 0px !important;
    background-color: #666;
    border: none;
}

.ppslider {
    height: 50px;
    width: 50px;
    border-radius: 25px;
    background-color: #666;
    border: solid 1px #666;
}


.modal-dialog {
    margin-top: 250px;
}

.dropdown-menu {
    z-index: 2000000010;
}

h1 {
    
}

table, td, th {
    color: #3F2658;
}

.navbar-collapse {
    flex-grow: unset;
}

.form-control {
    color: #3F2658;
    border: solid 1px;
    border-radius: 30px;
    border-color: #fce6b6;
    background-color: #fce6b6 !important;
    padding-left: 1.2rem !important;
    padding-top: 0.7rem !important;
    padding-bottom: 0.9rem !important;
    font-size: 2rem;
    font-weight: 700;
    height: 50px;
}

    .form-control:hover {
        background-color: #FFFFFF;
        border-color: #ccc;
    }
.form-control:focus {
    /*border-color: #FF7959;*/
    background-color: #FF7959;
}
    .form-control-white {
    color: black;
    border: solid 1px;
    border-color: #ccc;
    background-color: #FFFFFF;
    
}

.form-control-light form-control {
    color: #FFFFFF;
    border: solid 1px;
    
    background-color: #FFFFFF;
}

/* Set padding to keep content from hitting the edges */
.body-content {
}

.full-height {
    height: 100%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.iodropdownBox {
    height: 30px;
}

.card {
    margin-top: 0px;
    border: 0px;
    background-color: white;
    color: black;
}

.card-body {
    padding-left: 0px;
    padding-right: 0px;
}

.card-front {
    margin-top: 0px;
    border: 0px;
    background-color: white;
    color: black;
}

.card-shade {
    margin: 5px;
    border: 0px;
    background-color: white;
    color: black;
    border-radius: 20px;
    padding: 10px;
}

.valign {
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px;
}

.table td, .table th {
    padding-left: 0px;
}

.nomargin {
    margin: 0px;
}

.row-fixedmargin {
    margin: 5px;
}

.card-warning {
    margin-top: 5px;
    border: 0px;
    background-color: orange;
}

.card-danger {
    margin-top: 5px;
    border: 0px;
    background-color: red;
}

.card-middle {
    margin-top: 0px;
    border: 0px;
    background-color: white;
}

.card-rear {
    margin-top: 0px;
    border: 0px;
    background-color: white;
}

.card-nav1 {
    margin-top: 5px;
    margin-bottom: 10px;
    border: none;
    background-color: #ffffff;
    border-radius: 20px;
}

.card-nav2 {
    margin-top: 5px;
    border: none;
    background-color: #ffffff;
    border-radius: 20px;
}

.card-nav3 {
    margin-top: 0px;
    border: 0px;
    background-color: #ffffff;
    border-radius: 20px;
}

.card-border {
    margin-top: 5px;
    padding: 10px;
    border: solid thin;
    background-color: #ffffff;
    border-radius: 5px;
}

.card-body-nopadding {
    padding: 0px;
}

.card-body-rear {
    padding-left: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.col-nopadding {
    padding: 0px;
}

.nopadding {
    padding: 0px;
}

.border-card {
    margin-top: 0px;
    border: 1px solid #808080;
}

.icon-btn {
    width: 110px;
    height: 60px;
    padding: 5px;
}

a:hover {
    text-decoration: none;
}

.font-size20 {
    font-size: 20px;
}

.font-size24 {
    font-size: 24px;
}

.font-size30 {
    font-size: 30px;
}

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

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

.font-light {
    color: #151F6D !important;
}

.font-anchor-light {
    color: #ffffff;
}

    .font-anchor-light:hover {
        color: #FF8500;
    }

.font-nav1 {
    color: #009DBC;
}

.backcolor-red {
    background-color: red;
}

.backcolor-green {
    background-color: green;
}

.backcolor-orange {
    background-color: orange;
}

.border-right {
    border-right: 1px solid;
}

.small-text {
    font-size: 14px;
    line-height: 20px;
}

.large-text {
    font-size: 24px;
}

.extra-large-text {
    font-size: 30px;
}

.watermark {
    background-image: url(i/pattern-01.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.watermarkpensionpotential {
    background-image: url(i/pensionpotential.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.transparent {
    background-color: transparent;
}

a.home {
    background: url(../i/psahomev2.png);
    width: 150px;
    text-indent: -9999px; /* hides the link text */
}

.blankbtn {
    border: none;
    background-color: white !important;
    color: black;
}

    .blankbtn:hover {
        color: blue;
    }


.box, .box_wideandtall, .box-red, .box-grey, .box-white, .box-white-wide, .box-white-red, .box-white-red-wide, .box-shallow, .box-red-shallow, .box-small, .box-lightblue, .box-wide, .box-red-wide, .box-lightblue-wide {
    position: relative;
    width: 160px;
    height: 160px;
    border: solid 1px #2D3081;
    overflow: hidden;
    white-space: nowrap;
    background-color: #2D3081;
    color: white;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.1rem;
}

.box_wideandtall {
    width: 300px;
    height: 250px;
    justify-content: center;
    margin: auto;
    display: grid;
    padding-top: 40px;
    padding-bottom: 40px;
}

.box:hover {
    background-color: lightblue;
    color: #2D3081;
}

.box-white:hover {
    background-color: lightblue;
    color: #2D3081;
}

.box-wide {
    width: 100%;
    height: 70px;
}

.box-red, .box-red-shallow, .box-red-wide {
    background-color: #AD0A40;
    color: white;
}

.box-grey {
    border: solid 2px #2D3081;
    background-color: lightgray;
    color: #2D3081 !important;
}

.box-white, .box-white-wide {
    border: solid 2px #2D3081;
    background-color: white;
    color: #2D3081 !important;
}

.box-white-wide {
    width: 100%;
    height: 70px;
}

.box-red-wide {
    width: 100%;
    height: 70px;
}

.box-lightblue, .box-lightblue-wide {
    border: solid 2px #009DBC;
    background-color: #009DBC;
    color: white !important;
}

.box-lightblue-wide {
    width: 100%;
    height: 70px;
}

.box-white-red, .box-white-red-wide {
    border: solid 2px #AD0A40;
    background-color: white;
    color: #AD0A40 !important;
}

.box-white-red-wide {
    width: 100%;
    height: 70px;
}

.box-shallow {
    height: 50px;
}

.box-red-shallow {
    height: 50px;
}


.box-small {
    height: 38px;
    width: 28px;
}

.box-child {
    background-color: darkgray;
    border: solid 1px darkgray;
}

.box-child-light {
    background-color: white;
    color: darkgray;
    border: solid 2px darkgray;
}

/*
    SITE BLUE #ffffff
    Green colour = #00A98C -- ANNUITY
    Burnt yellow = #FF8500 #ff8400 -- CASH
    Purple colour = #91388C --- DRAWDOWN

*/

.modal-content {
    margin-top: 200px;
    padding-left: 30px;
    padding-right: 30px;
}

.header-menu-fixed {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.modal-backdrop {
    z-index: 900;
}


/*.mr-auto {
    margin-right: 0px !important;
}
*/
.btn {
    padding-top: 7px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 7px;
    margin-top: 5px;
    margin-bottom: 10px;
   
}


.btn-cta  {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    background-color: #ff5730;
    color: #fff;
    padding: 20px 20px 20px 32px;
    border: none;
    border-radius: 48px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -1px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .btn-cta:hover {
        background-color: #FE7959;
        border-color: #FE7959;
        border-width: 3px;
        border-radius: 40px;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    }

.large-arrow {
    content: "\e808";
}

.action-button-icon {
    width: 22px;
    height: 22px;
    padding-top: 0px;
    margin-left: 20px;
    padding-left: 20px;
}

.action-button-picture {
    height: 30px;
    padding-left: 15px
}


.btn-primary:disabled {
    background-color: #FF5730;
    border-color: #FF5730;
    color: white;
}

.btn-next {
    font-size: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
}


.btn-primary {
    
    background-color: #FF5730;
    border-color: #FF5730;
    border-width: medium;
    border-radius: 10px;
    color: #ffffff;
}

    .btn-primary:hover {
        
        background-color: #FF7959;
        border-width: medium;
        border-radius: 10px;
        border-color: #FF7959;
    }

.btn-primary-cash {
    background-color: #FF8500;
    border-color: #FF8500;
    color: #FFFFFF;
    border-radius: 30px;
    margin: auto;
    margin-top: 10px;
}

    .btn-primary-cash:hover {
        background-color: #FFFFFF;
        border-color: #FF8500;
        color: #FF8500;
        border-radius: 30px;
        margin: auto;
        margin-top: 10px;
    }

.btn-primary-drawdown {
    background-color: #91388C;
    border-color: #91388C;
    color: #FFFFFF;
    border-radius: 30px;
    margin: auto;
    margin-top:10px;
}

    .btn-primary-drawdown:hover {
        background-color: #FFFFFF;
        border-color: #91388C;
        color: #91388C;
        border-radius: 30px;
        margin: auto;
        margin-top: 10px;
    }

.btn-primary-mix {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FFFFFF;
    border-radius: 30px;
    margin: auto;
    margin-top: 10px;
}

    .btn-primary-mix:hover {
        background-color: #FFFFFF;
        border-color: #ffffff;
        color: #ffffff;
        border-radius: 30px;
        margin: auto;
        margin-top: 10px;
    }

.btn-primary-blue {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #FFFFFF;
    border-radius: 30px;
    margin: auto;
}

    .btn-primary-blue:hover {
        background-color: #FFFFFF;
        border-color: #ffffff;
        color: #ffffff;
        border-radius: 30px;
        margin: auto;
    }

.btn-outline-primary {
    border-color: #00A98C;
    color: #00A98C;
    border-radius: 25px;
    min-height: 50px;
}

    .btn-outline-primary:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }

    .btn-outline-primary:disabled {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }



.btn-outline:hover {
    background-color: #99DCD1;
    border-color: #99DCD1;
    color: white;
}

.btn-primary-rounded {
    background-color: #00A98C;
    border-color: #00A98C;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    color: white;
    min-height: 50px;
}

    .btn-primary-rounded:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }

.btn-primary-outline-rounded {
    background-color: #ffffff;
    border-color: #00A98C;
    border-radius: 25px;
    min-height: 50px;
    text-align: center;
    margin: auto;
    color: #00A98C;
}

    .btn-primary-outline-rounded:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }


.btn-primary-rounded-purple {
    background-color: #91388C;
    border-color: #91388C;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    color: white;
    min-height: 50px;
}

    .btn-primary-rounded-purple:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }

.btn-danger {
    background-color: #00A98C;
    border-color: #00A98C;
    border-radius: 25px;
    min-height: 50px;
}

    .btn-danger:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }

.btn-outline-danger {
    border-radius: 25px;
    background-color: #ffffff;
    border-color: #FF0000;
    min-height: 50px;
}

.btn-outline:hover {
    background-color: #99DCD1;
    border-color: #99DCD1;
    color: white;
}

.btn-cancer {
    background-color: #00A98C;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    min-height: 50px;
}

.btn-cancer-selected {
    background-color: #FF8500;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    min-height: 50px;
}

.btn-primary-pop-selected {
    height: 50px;
    border-radius: 0px;
    background-color: #99DCD1;
    border-color: #00A98C;
    border-bottom: solid 5px #ffffff;
}

.min-table-row {
    height: 60px;
}

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

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

.padding {
    padding: 5px;
}

.padding-left-right {
    padding-left: 30px;
    padding-right: 30px;
}


/* SANTRAL FONT FAMILY - PSAspire Rebrand Font Feb 2018 */

/* Santral Thin */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Thin.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Thin.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Thin.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Thin.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Thin.svg#Santral-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

/* Santral Thin Italic */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Thin-Italic.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Thin-Italic.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Thin-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Thin-Italic.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Thin-Italic.svg#Santral-Thin-Italic') format('svg');
    font-weight: 100;
    font-style: italic;
}


/* Santral Light */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Light.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Light.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Light.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Light.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Light.svg#Santral-Light') format('svg');
    font-weight: 200;
    font-style: normal;
}
/* Santral Light Italic */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Light-Italic.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Light-Italic.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Light-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Light-Italic.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Light-Italic.svg#Santral-Light-Italic') format('svg');
    font-weight: 200;
    font-style: italic;
}


/* Santral Medium */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Medium.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Medium.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Medium.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Medium.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Medium.svg#Santral-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
}

/* Santral Medium Italic */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Medium-Italic.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Medium-Italic.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Medium-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Medium-Italic.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Medium-Italic.svg#Santral-Medium-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
}


/* Santral Bold */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Bold.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Bold.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Bold.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Bold.svg#Santral-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* Santral Bold Italic */
@font-face {
    font-family: 'Santral-family';
    src: url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/EOT/Santral-Bold-Italic.eot?#iefix') format('embedded-opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/OTF/Santral-Bold-Italic.otf') format('opentype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/WOFF/Santral-Bold-Italic.woff') format('woff'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/TTF/Santral-Bold-Italic.ttf') format('truetype'), url('https://cdn2.hubspot.net/hubfs/2645337/New%20Branding%20Feb%2018/Fonts/SVG/Santral-Bold-Italic.svg#Santral-Bold-Italic') format('svg');
    font-weight: 700;
    font-style: italic;
}
/* Santral Book */
@font-face {
    font-family: Santral-Book;
    src: url("https://www.puntersouthall.com/hubfs/Punter%20Southall%20Group%20Theme%20DO%20NOT%20DELETE/Fonts/Santral-Book.woff") format("woff"),url("https://www.puntersouthall.com/hubfs/Punter%20Southall%20Group%20Theme%20DO%20NOT%20DELETE/Fonts/Santral-Book.ttf") format("truetype");
    font-style: normal;
    font-weight: 400
}

.MultiLineTextBox {
    height: 200px !important;
}

.red-text {
    color: red;
}

.progress-bar {
    display: none;
    padding: 5px;
    background-color: lightgray;
    color: white;
}


.ganavbaradmin {
    border: 0px;
    padding: 0px;
    padding-top: 100px;
    background-color: #00A98C;
    color: white;
}


/*
    SITE BLUE #ffffff
    Green colour = #00A98C -- ANNUITY
    Burnt yellow = #FF8500 #ff8400 -- CASH
    Purple colour = #91388C --- DRAWDOWN

*/

/*Dark grey PP colour = #ffffff top meny bar
Beige PP colour = #DFCEA1
Lilac PP colour = #D7D5E3*/

.hr-dark {
    border-color: #ffffff;
}

.hr-light {
    border-color: #FFFFFF;
}

.h-bolder {
    font-weight: 600;
}

.font-white {
    color: #FFFFFF;
}

.font-dark {
    color: #151F6D;
}

.font-anchor-dark {
    color: #151F6D;
}

    .font-anchor-dark:hover {
        color: blue;
    }

.font-anchor-annuity {
    color: #00A98C;
}

    .font-anchor-annuity:hover {
        color: blue !important;
        cursor: pointer;
    }

.font-black {
    color: #000000;
}

.font-annuity {
    
    color: #3F2658;
}

.font-drawdown {
    color: #91388C;
}

.font-anchor-drawdown {
    color: #91388C;
}

    .font-anchor-drawdown:hover {
        color: #FF8500 !important;
        cursor: pointer;
    }

.font-cash {
    color: #FF8500;
}

.font-anchor-cash {
    color: #FF8500;
}

    .font-anchor-cash:hover {
        color: blue !important;
        cursor: pointer;
    }


.font-medication {
    color: #868686;
}

.ganavbaritemadmin, .ganavbaritemadminchild {
    position: relative;
    margin-top: 0px;
    width: 100%;
    height: 50px;
    border: solid 1px #00A98C;
    overflow: hidden;
    white-space: nowrap;
    background-color: #00A98C;
    color: white;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: left; /* center items horizontally, in this case */
    align-items: center; /* center items vertically, in this case */
    text-align: center;
    padding: 2px;
    padding-left: 30px;
    font-size: 1.3rem;
}

.ganavbaritemadminchild {
    padding-left: 90px;
    font-size: 1.2rem;
}

.ganavbaritemadmin_selected {
    background-color: #00A98C;
    border-radius: 10px;
    border: solid 5px #ffffff;
}

.btn_pp_purple {
    background-color: #00A98C;
    border-color: #00A98C;
    color: white;
    width: 200px;
}

    .btn_pp_purple:hover {
        background-color: #99DCD1;
        border-color: #99DCD1;
        color: white;
    }

.navbarpp {
    background-color: #ffffff;
    color: white;
    padding-bottom: 30px;
    padding-top: 30px;
}

.navbarpp-white {
    background-color: white;
    color: #ffffff;
    padding-bottom: 30px;
    padding-top: 30px;
}


.navbarpp .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbarpp-white .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbarpp .navbar-toggle {
    background: none;
    border: none;
    color: #f8f8ff;
}

.navbarpp .navbar-toggler {
    color: #f8f8ff;
}

.navbarpp a:link, a:visited, a:active {
    /*color: #f8f8ff;*/
    background-color: transparent;
    text-decoration: none;
}

.a-nav-pp {
    color: #f8f8ff !important;
}

.a-nav-pp-white {
    color: #ffffff !important;
    font-size: 1rem;
}

.navbarpp a:hover {
    color: #FF8500;
    background-color: transparent;
    text-decoration: underline;
}

.navbarpp .navbar-toggle {
    color: #f8f8ff;
    background: yellow !important;
}

.nav-item {
    padding-right: 10px;
}

.ganavbar {
    border: 0px;
    padding: 0px;
    padding-top: 100px;
    background-color: white;
    color: white;
}

.ganavbarcontainer {
    position: relative;
}

.ganavbarcontaineritem {
    text-align: center;
    width: 135px;
    height: 70px;
    color: #ffffff;
}

.ganavbaritem_unlocked {
    position: relative;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #00A98C;
    overflow: hidden;
    white-space: nowrap;
    background-color: #00A98C;
    color: white;
    display: inline-flex;
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.5rem;
    top: -27px;
}

    .ganavbaritem_unlocked:hover {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        font-weight: 500;
        font-size: 1.8rem;
    }

.ganavbaritem_selected {
    position: relative;
    margin-top: 0px;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    border: solid 2px #00A98C;
    overflow: hidden;
    white-space: nowrap;
    background-color: white;
    color: #FF8500;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 2rem;
    top: -27px;
}

.ganavbaritem_locked {
    position: relative;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #ffffff;
    overflow: hidden;
    white-space: nowrap;
    background-color: white;
    color: #ffffff;
    display: inline-flex;
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.5rem;
    top: -27px;
}

.ganavbaritem_incomplete {
    position: relative;
    margin-top: 0px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #00A98C;
    overflow: hidden;
    white-space: nowrap;
    background-color: #00A98C;
    color: white;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.5rem;
    top: -27px;
}

    .ganavbaritem_incomplete:hover {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        font-weight: 500;
        font-size: 1.8rem;
    }

.ganavbaritem_label {
    color: #ffffff;
}

.ganavbaritem_table {
    text-align: center;
    padding: 0px;
}


.btn-group, .btn-group-vertical {
    display: block;
}

.center-image-ganavbaritem {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40px;
}

.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.annuity_tab_background {
    background-color: #ffffff;
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.annuity_tab {
    background-color: #ffffff;
    color: #ffffff;
    padding: 0px;
    padding-right: 0px;
}

.annuity_tab_button {
    position: relative;
    margin-top: 0px;
    margin-right: 3px;
    width: 150px;
    height: 50px;
    border: solid 2px #00A98C;
    border-bottom: solid 1px #00A98C;
    overflow: hidden;
    white-space: nowrap;
    background-color: #00A98C;
    color: #ffffff;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.1rem;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.annuity_tab_button_selected {
    position: relative;
    margin-top: 0px;
    margin-right: 3px;
    width: 150px;
    height: 50px;
    border: none;
    overflow: hidden;
    white-space: nowrap;
    background-color: #ffffff;
    color: #ffffff;
    display: inline-flex;
    /*flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    text-align: center;
    padding: 2px;
    font-size: 1.1rem;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.annuity_tab_button_short {
    width: 160px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.scroll_fix {
    overflow: hidden;
    position: fixed;
    top: 63px;
    width: 100%;
    z-index: 2000000000;
    background-color: #FFFFFF;
}


footer {
    position: relative;
    background-color: #efeef3;
    text-align: center;
    width: 100%;
    padding-top:0px;
}

.life-expectancy {
    width: 100%;
    height: 1050px;
    display: block;
    margin: auto;
    overflow: visible;
    border: none;
}

.life_table {
    text-align: left;
    padding: 0px;
}

.life-bar {
    position: relative;
    margin-top: 0px;
    height: 30px;
    border-radius: 0px;
    /*border: solid 1px #00A98C;*/
    overflow: hidden;
    white-space: nowrap;
    background-color: #00A98C;
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2px;
    font-size: 1.1rem;
}

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

option:disabled {
    color: white;
}

input[type="text"]::-webkit-input-placeholder {
    color: white;
}

input[type="text"]::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

input[type="text"]::-ms-input-placeholder { /* IE 10+ */
    color: white;
}

input[type="text"]::-moz-placeholder { /* Firefox 18- */
    color: white;
}

input[type="email"]::-webkit-input-placeholder {
    color: white;
}

input[type="email"]::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

input[type="email"]::-ms-input-placeholder { /* IE 10+ */
    color: white;
}

input[type="email"]::-moz-placeholder { /* Firefox 18- */
    color: white;
}

.wonky-rect-white {
    background-color: #FFFFFF;
    transform: rotate(1.5deg);
}

.unwonky-rect-white {
    background-color: #FFFFFF;
    transform: rotate(-1.5deg);
}

.wonky-rect-green {
    background-color: #00A98C;
    transform: rotate(1.5deg);
}

.unwonky-rect-green {
    background-color: #00A98C;
    transform: rotate(-1.5deg);
}

.wonky-rect-blue {
    background-color: #ffffff;
    transform: rotate(1.5deg);
    margin-left: 10px;
    margin-right: 10px;
}

.wonky-top-blue {
    background-color: #ffffff;
    color: white;
    border-bottom-color: #ffffff;
    padding: 0px;
    clip-path: polygon(0% 101%,100% 101%,0% 0%);
}

.unwonky-rect-blue {
    background-color: #ffffff;
    transform: rotate(-1.5deg);
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

.jump-menu {
    background-color: #00A98C;
    position: relative;
}

.jump-menu-fixed {
    background-color: #00A98C;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 10;
    margin-left: 0px;
    margin-right: 0px;
}

.sticky-pdf {
    background-color: #ffffff;
    color: #ffffff;
    position: fixed;
    transform: rotate(-90deg);
    top: 50%;
    right: -90px;
    width: 230px;
    height: 50px;
    z-index: 2000000000;
    border: solid 1px #ffffff;
    border-bottom: none;
    padding: 20px;
    padding-top: 10px;
}

    .sticky-pdf a {
        color: #ffffff;
    }

.help-button {
    font-size:1.25rem;
    text-decoration:none;
}

.sticky-help {
    background-color: transparent;
    color: #ffffff;
    position: fixed;
    transform: rotate(0deg);
    top: 50%;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 2000000000;
    border: none;
    padding: 0px;
    padding-top: 0px;
}

    .sticky-help a {
        color: #ffffff;
    }
    .sticky-help:active {
        border: none;
    }


.scroll-to-view {
    padding-top: 100px;
}

.body-white {
    background-color: #ffffff;
    color: #ffffff;
}

.body-green {
    background-color: #00A98C;
    color: #FFFFFF;
}

.body-grey {
    background-color: #ececec;
    color: #ffffff;
}

.body-shade {
    background-color: #f4eede;
    color: #ffffff;
}

.body-blue {
    background-color: #ffffff;
    color: #ffffff;
}

.body-purple {
    background-color: #91388C;
    color: #ffffff;
}

.table-light td {
    color: #ffffff;
    background-color: #FFFFFF;
}

.medical-condition-title {
    background-color: #ffffff;
    color: #ffffff;
    text-align: left;
    border: solid 1px;
    border-radius: 10px;
    border-color: #ffffff;
    padding: 20px;
}

.medical-condition-subtitle {
    background-color: #cccccc;
    color: #ffffff;
    text-align: left;
    border: solid 1px;
    border-radius: 20px;
    border-color: #cccccc;
    padding: 20px;
}

.infobutton {
    top: 0px;
    left: 0px;
    background-color: #00A98C;
    color: #FFFFFF;
    border: none;
    border-radius: 17px;
    height: 34px;
    width: 34px;
    text-align: center;
    font-size: 22px;
    margin: auto;
    margin-right: 20px;
}

.infobuttonlight {
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    color: #00A98C;
    border: none;
    border-radius: 17px;
    height: 34px;
    width: 34px;
    text-align: center;
    font-size: 22px;
    margin: auto;
    margin-right: 20px;
}


.infobuttonlarge {
    background-color: #00A98C;
    color: #FFFFFF;
    border: none;
    border-radius: 25px;
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 32px;
    margin: auto;
    margin-left: 0px;
    line-height: 48px;
}


.infobuttonwithtext {
    top: 0px;
    left: 0px;
    background-color: #00A98C;
    color: #FFFFFF;
    border: none;
    border-radius: 28px;
    height: 56px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    margin: auto;
}

.a-white {
    color: #ffffff;
}

    .a-white:hover {
        color: #cccccc;
    }

.infobuttonframable, .infobuttonframablewhite {
    top: 0px;
    left: 0px;
    background-color: #FF5730;
    color: #FFF;
    border: none;
    border-width: 1px;
    border-radius: 17px;
    height: 20px;
    width: 20px;
    font-size: 10px;
    margin-top : 5px;
    padding-top: 2px;
    
    
}



.infobuttonlargeframable {
    background-color: #FFFFFF;
    color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-radius: 25px;
    height: 15px;
    width: 15px;
    text-align: center;
    font-size: 10px;
        
   
}
.infobuttonlargeframable:hover{
    background-color: #0056b3;
    border-color: black;
}
/*.ui-datepicker {
    background-color:#ffffff;
    padding:20px;
}*/

.boldtext {
    
    font-weight: 600;
    font-size: 20px !important;
    
}

.boldertext {
    
    font-weight: 600;
    font-size: 20px !important;
}



option:hover {
    background-color: #d9f9f1;
}


.card-body {
    padding: 0px;
}

body {
    
    /*background-color: #c0edf5 !important;*/
    color: #ffffff;
}

#quotelist th, #quotelist td {
    border-bottom: solid 1px #cccccc !important;
    border-top: solid 1px #cccccc !important;
}

.quotecard {
    margin-top: 0px;
    border: none;
    border-radius: 40px;
    padding: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #FF5730;
}

.quotecard-body {
    padding-left: 0px;
}

.btn-quote {
    height: 56px;
    width: 220px;
    font-size: 25px;
    border-radius: 28px;
    border: none;
}

.scroll-to-view {
    padding-top: 50px;
}

.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.table th, .table td {
   
    padding-left: 0px ;
    padding-right: 0px ;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


@media (max-width: 420px) {


    .btn-cta {
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 1rem;
        background-color: #FF7C00;
        border-style: solid;
        border-width: medium;
        border-color: #FF7C00;
        min-height: 30px;
        border-radius: 2rem;
        color: #ffffff;
    }

  

    .action-button-picture {
        height: 20 px;
        padding-left: 10px
    }

    .quotecard {
        margin-top: 0px;
        border: none;
        border-radius: 40px;
        padding: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: #FF5730;
    }
    .font-annuity {
        
        color: black;
        font-size: 1rem;
    
    }
    .font-annuity-value {
        
        color: black;
        font-size: 1.2rem;
    }


}


.slider::-webkit-slider-thumb {
    background: #FF8C00;
    cursor: pointer;
}