.c2pNavigationScreenWrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.c2pNavigationScreenWrap .sidebarNavWrap .navbar{height:100%;width:260px;margin-left:-260px}
.c2pNavigationScreenWrap .contentScreenWrap{padding:16px;width:100%}
.sidebarNavWrap .navItem .navLink{pointer-events:unset}
.printlogoImg,.printEditIcon{display:none}
@media only screen and (max-width:1024px){.sidebarNavWrap .navList{overflow-y:auto;height:calc(100% - 110px)}
}
@media only screen and (min-width:64.0625em){.c2pNavigationScreenWrap .contentScreenWrap{padding:2rem}
.c2pNavigationScreenWrap .sidebarNavWrap{-ms-flex:0 0 285px;flex:0 0 285px;width:285px}
.c2pNavigationScreenWrap .sidebarNavWrap .navbar{margin:0;width:100%;position:static;z-index:0}
.c2pNavigationScreenWrap .contentScreenWrap{-ms-flex:0 0 calc(100% - 285px);flex:0 0 calc(100% - 285px);max-width:calc(100% - 285px)}
}
.c2pScreenWrap{padding:0}
.c2pScreenWrap .titleWithBtn .heading{width:calc(100% - 130px)}
.c2pScreenWrap .threeButtonWrap{justify-content:center;border-top:1px solid #ddd;padding:24px 0 0}
.exitedFundName{font-weight:bold}
@media only screen and (max-width:767px){.button-container.threeButtonWrap .button-col:first-child .button{width:100%}
}
@media only screen and (min-width:768px){.rightSideField .tooltipWrap .tooltip{transform:translate(-115%,-50%) !important}
.rightSideField .tooltipWrap .tooltip:before{right:0;left:auto;bottom:50%;-webkit-transform:translate(11px,50%);-moz-transform:translate(11px,50%);-ms-transform:translate(11px,50%);-o-transform:translate(11px,50%);transform:translate(100%,50%);border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:11px solid #999;border-right:0 solid #999}
.rightSideField .tooltipWrap .tooltip:after{right:-1px;left:97%;bottom:50%;-webkit-transform:translate(9px,50%);-moz-transform:translate(9px,50%);-ms-transform:translate(9px,50%);-o-transform:translate(9px,50%);transform:translate(9px,50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;border-right:0 solid #fff}
}
#finalScreen.welcomeScreenWrap{display:none;flex-wrap:wrap;.imageCol{width:100%;text-align:center;.imgWrap{height:200px;background:no-repeat left bottom/contain}
}
.contentCol{padding:2rem;width:100%;.formWrap{position:relative}
.title .heading,.title .subheading,.button{margin:0}
.toast.toast_info{margin-bottom:.5rem;.toast_close{display:none}
}
}
.button-wrapper .button{width:100%}
}
@media only screen and (min-width:768px){#finalScreen.welcomeScreenWrap{.button-wrapper .button{width:auto}
.threeButtonWrap{justify-content:center}
}
}
@media only screen and (min-width:1024px){#finalScreen .contentWrap{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;height:100%}
#finalScreen.welcomeScreenWrap{.imageCol{flex:0 0 34.62%;.imgWrap{height:100%;background:no-repeat 66% bottom/cover}
}
#confirmationScreen .imageCol .imgWrap{background-size:130%;background-position:left bottom}
.contentCol{padding:4rem;flex:0 0 calc(100% - 34.62%);min-height:400px}
.c2pTilesGrid{padding-bottom:54px}
}
}
@media only screen and (min-width:1200px){#finalScreen.welcomeScreenWrap{.imageCol{flex:0 0 34.62%}
.contentCol{flex:0 0 calc(100% - 34.62%)}
}
}
.sidebarNavWrap{width:100%}
.sidebarNavWrap .hamburgerIconWrap{background-color:#fff;color:#002c77;padding:4px 8px;box-shadow:0 3px 4px rgba(0,0,0,.08)}
.sidebarNavWrap .hamburgerIcon .bar{width:35px;height:2px;background-color:#002c77;margin:5px 0;transition:.4s}
.sidebarNavWrap .hamburgerIconWrap,.sidebarNavWrap .headingWrap{font-family:'NotoSansBold';display:flex;align-items:center;justify-content:space-between}
.sidebarNavWrap .headingWrap{color:#fff;padding:15px}
.sidebarNavWrap .headingWrap .closeBtn{background:transparent;padding:4px 8px;margin:0}
.sidebarNavWrap .navbar{position:fixed;left:0;top:45px;bottom:0;transition:margin-left .3s ease-in-out;z-index:9999}
.sidebarNavWrap.sidebarOpen .navbar{margin:0}
.sidebarNavWrap .navList,.sidebarNavWrap .subNavList{list-style:none;margin:0;padding:0}
.sidebarNavWrap .navList>.navItem{border-bottom:1px solid #efefef}
.sidebarNavWrap .navList>.navItem:last-child{border:0}
.sidebarNavWrap .navItem .navLink{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:0;margin-bottom:0;text-decoration:none;color:#fff;line-height:1.13;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;-ms-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease}
.sidebarNavWrap .navItem:not(.dropdown) .navLink:after{content:"";background-color:#fff;border:1px solid;border-radius:50%;width:15px;height:15px;line-height:15px;transition:all .35s ease}
.sidebarNavWrap .navItem:not(.dropdown).complete .navLink:after{content:"\e969";background-color:transparent;border-color:#fff;font-family:"Mericon" !important;font-size:9px;font-weight:700;text-align:center}
.sidebarNavWrap .navItem.dropdown>.navLink:after{content:"\e904";font-family:"Mericon" !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;vertical-align:middle;transition:all .35s ease}
.sidebarNavWrap .navItem .navLink[disabled="disabled"]{color:#949494 !important;pointer-events:none}
.sidebarNavWrap .navItem .subNavList{display:none}
.sidebarNavWrap .navItem .subNavList .navItem{border:0}
.sidebarNavWrap .navItem .subNavList .navLink{padding-left:32px}
.sidebarNavWrap .navItem.dropdown.isOpen .subNavList{display:block}
.sidebarNavWrap .navItem.dropdown.isOpen>.navLink:after{content:"\e907"}
@media only screen and (max-width:64.0625em){.hamburgerIconWrap{position:fixed;top:90px;left:0;right:0;z-index:9}
}
@media only screen and (min-width:64.0625em){.sidebarNavWrap .hamburgerIconWrap,.sidebarNavWrap .headingWrap{display:none}
}
.container{display:flex;justify-content:space-around;background-color:blue;padding:20px}
.box{width:350px;height:150px;background-color:white;border:1px solid black;padding:10px;margin:10px}
.row{display:flex;justify-content:space-between;margin-bottom:10px}
a{border-bottom:0}
.cardComponent{table{margin-bottom:0}
tbody{display:flex;flex-direction:column;gap:8px;background:#fff}
.card-wrapper{display:flex;padding:40px 32px;align-items:center;gap:24px;align-self:stretch;border-radius:8px;background:var(--action-primary-highlight-hover-background,rgba(11,65,173,0.10));width:100%;margin:0 15px 16px;flex-direction:column;@media only screen and (max-width:768px){padding:16px;h6,.heading_6{font-size:16px}
}
}
.card-wrapper-inner{display:flex;align-items:center;gap:8px;align-self:stretch;@media only screen and (max-width:768px){flex-direction:column}
}
.card-single-column{left:24%}
.card-wrapper-info{display:flex;gap:12px;align-items:baseline}
@media only screen and (max-width:768px){.arrow-icon{transform:rotate(90deg);height:67px}
.card-single-column{left:0}
}
.__mst_cards_column{padding:0;height:100%}
.card-open{display:flex;padding:32px 24px;flex-direction:column;gap:24px;flex:1 0 0;border-radius:8px;background:#FFF;height:100%}
.card-blur-exited{opacity:.5}
.card-blur-present{border:1px solid var(--action-primary-main-contained,#0b41ad);box-shadow:0 2px 12px 0 rgba(0,0,0,0.06)}
.__mst_card_inner{display:flex;flex-direction:column;gap:8px}
hr.bottom-blue-border{border:solid #c7edff;border-width:4px 0 0;width:32px;margin:16px 0 16px}
tr{background:#fff;display:flex;justify-content:space-between;gap:8px;td,th{padding:0;flex:1 0 0}
td:nth-child(2),th:nth-child(2){text-align:right}
}
table tr.even,table tr.alt,table tr:nth-of-type(even){background:#fff}
h6{margin:0}
tr.top-divider{border-top:1px solid var(--background-default-divider,rgba(0,0,0,0.10));padding-top:12px}
tr.bottom-divider{border-bottom:1px solid var(--background-default-divider,rgba(0,0,0,0.10));padding-bottom:12px}
.__mst_button_card.card-open.card-blur-present:after{content:'';position:absolute;transform:rotate(45deg) translate(-50%,-50%);top:16px;height:11px;width:6px;border-bottom:2px solid #14853d;border-right:2px solid #14853d;right:16px}
.__mst_button_card.card-open.card-blur-present:before{content:'';position:absolute;top:7px;border-radius:50%;width:20px;height:20px;right:7px;border:1.5px solid #14853d}
.additional-row-space{padding-bottom:24px}
}
.tile-container{display:flex;gap:4px;.tile{border-radius:8px;background:#f4f4f4;padding:8px;display:flex;flex-direction:column;align-items:center;flex:1 0 0;align-self:stretch;justify-content:space-evenly;min-height:120px;min-width:120px;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.tile.gradient-border{background:linear-gradient(#f4f4f4,#f4f4f4) padding-box,linear-gradient(to right,#009de0,#8246af) border-box;border-radius:8px;border:2px solid transparent;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.tile:hover,.tile.gradient-border:hover{background:linear-gradient(#f0f0f0,#f0f0f0) padding-box,linear-gradient(to right,#009de0,#8246af) border-box}
.tile-title{font-size:14px;color:#001f52;font-weight:600;margin-bottom:0}
.tile-titleUrl{border-bottom:0;flex:1 0 0;align-self:stretch;justify-content:space-around;min-height:120px;min-width:120px;display:flex}
}
.beneficiariesDetailsWrapper>tr{border-bottom:1px solid black;border-collapse:collapse}
.icoEdit,.icoSave{cursor:pointer}
.tblEdit+.tblCancel{display:none}
.closetableEditSection{background:#CCC;border-radius:10px;cursor:pointer}
.tblCurrentInvestment .investcolEditable{visibility:hidden}
.evo-table thead{background:#fff}
.evo-table thead th{vertical-align:top;font-size:.8em;color:#000}
.evo-table thead th .colDateWrapper{font-size:.88em}
.evo-table tbody tr{background:#fff}
.evo-table tbody tr td{color:#2e292a;font-size:.8em;border-bottom:1px solid #f0f0f0}
.evo-table tfoot tr td{color:#2e292a;font-size:.8em;background:#ebebeb;line-height:2rem}
.investOptAvailable td{padding:.25rem .625rem}
.investOptAvailable input[type='text']{margin:0 auto;padding:3px 7px;height:1.8em;font-weight:normal;font-size:1.2em}
.investOptAvailable td span{color:#00c0de;font-weight:normal}
.progressHeader{height:auto;overflow:hidden}
.growthInvestWrapper,.defensiveInvestWrapper{display:inline-block;float:left;width:50%;text-align:center}
.investRange{color:#0073ba}
.progressStatics table thead{background:#fff}
.progressStatics table thead tr th{color:#0073ba;font-size:.9em}
.infobox{background:#f5f5f5;padding:.875rem;color:#a5a6a8;font-size:.9rem}
.note{color:#a4a6ab}
.txtBenefPercent{width:55px !important;display:inline-block !important}
.icoDelete{cursor:pointer;width:10px;height:10px;vertical-align:text-top;margin-left:16px}
.addNewRow{text-decoration:underline;cursor:pointer}
.txtSkyBlue{color:#00c0de !important}
.tblPreferBenefcris tr,.tblPreferBenefcris td{margin-top:0 !important;margin-bottom:0 !important;padding-top:4px !important;padding-bottom:4px !important}
.tblPreferBenefcris tbody td{line-height:35px}
.editBenefRow{display:none}
.rMargin15{margin-right:15px}
.tblPreferBenefcris input[type='text'],.txtBenefPercent{max-width:63%}
.tblbindingNominationsWrapper{display:none}
.infobox{background:#f5f5f5;padding:.875rem;color:#a5a6a8;font-size:.9rem}
.note{color:#a4a6ab}
button.ui-datepicker-trigger{background:transparent !important;left:-20px}
label{cursor:default}
#submitProgress{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#CCC;opacity:.9;color:#FFF;z-index:99999}
#submitProgress div{display:inline-block;background:#2e4354;position:absolute;top:45%;width:50%;height:auto;opacity:1;left:25%;padding:10px;border-radius:5px}
.closesubmitProgress{cursor:pointer}
.txtError{background:0;color:#bc2726;display:none;font-size:.75rem;font-style:normal;font-weight:400;line-height:15px;margin:3px 0 !important;padding:3px}
.addMore{display:none}
.totalbnPercentage{display:none}
.totalpfPercentage{display:none}
.trError{vertical-align:top}
.c2pScreenWrap{.layoutContainer .column-control,.column-control [class*='container_']>.row>.columns{padding:0}
header.custom-header .notification,header.custom-header .mobile-nav-icon,header.custom-header .accountDetailsInnerWrapper .personalDetail,header.custom-header .accountDetailsInnerWrapper .resetPassword,.dashboardnavigation.verticalNav{display:none !important}
.selectableOptionCards .imageTextComponent.section{padding:20px 0 0}
.imageTextComponent .informationToastCallout .callout_text *{margin:0}
.richText.section .content-text,.checkbox.section{margin:0}
.checkbox.section .customCheckbox,.checkbox.section .error{margin:0}
.richText .content-text h4{margin:0 0 8px 0}
.saveresume_modal1 .modal-content .modal-body{padding:30px 20px}
.saveresume_modal1 .modal-content .modal-body .btn-wrap{margin-top:30px}
.saveresume_modal1 .modal-content .btn-wrap .global-button2{float:right}
.saveresume_modal2 .modal-content .modal-body{padding:30px 20px;text-align:center}
.saveresume_modal2 .modal-content .modal-body .btn-wrap{margin-top:30px}
.informationToastCallout .callout_body .callout_content .callout_text{padding-right:30px !important}
@media only screen and (max-width:767px){.button-container.threeButtonWrap .button-col .button.cancelBtn{margin-right:15px !important}
.button-container.threeButtonWrap .button-col .button.submitBtn{margin-left:0 !important}
}
}
#yourPersonalDetails.c2pScreenWrap,#superChoice.c2pScreenWrap{#jsonDetails.listingTable{padding:24px;margin-bottom:32px;border-radius:8px;label.text-left{font-weight:bold;font-family:"NotoSans",Arial,sans-serif}
p.text-left{font-weight:500}
p{word-wrap:break-word}
label{word-wrap:break-word}
}
}
.c2pScreenWrap{.evo-table tbody tr td{border-bottom:0;box-shadow:0 -1px 0 0 rgba(0,0,0,0.12) inset}
.evo-table thead th{box-shadow:0 -1px 0 0 rgba(0,0,0,0.12) inset}
.evo-table table tr th,.evo-table table tr td{padding:1rem}
.tblPreferBenefcris tr,.tblPreferBenefcris td{padding-top:1rem !important;padding-bottom:1rem !important;padding:1rem}
}
@media only screen and (max-width:64.0625em){.hamburgerIconWrap{position:fixed;top:47px;left:0;right:0;z-index:9}
}