/* Last Modified By - Bharani /  Date - 28/06/2021 / Time - 19.00 Pm   */

@font-face {
font-family: 'Merriweather';
src: url('../fonts/Merriweather-Regular.ttf');
}

@font-face {
font-family: 'Roboto-Regular';
src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
font-family: 'Roboto-Medium';
src: url('../fonts/Roboto-Medium.ttf');
}

@font-face {
font-family: 'Roboto-Bold';
src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
font-family: 'Roboto-Light';
src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
font-family: 'SJPSouthCoast';
src: url('../fonts/SJPSouthCoast.ttf');
}

@font-face {
font-family: 'Poppins-SemiBold';
src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
font-family: 'Poppins-Regular';
src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
font-family: 'Poppins-Medium';
src: url('../fonts/Poppins-Medium.ttf');
}

/*Css Reset Code*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}


a {
text-decoration: none;
color: #128579;
outline: medium none;
}

a:hover {
color: #128579;
text-decoration: underline;
outline: none;
cursor: pointer;
}

a:active {
color: #128579;
outline: none;
}

a:link {
-webkit-tap-highlight-color: #61A8C4;
outline: medium none;
}

button, input, select, textarea {
margin: 0;
}

button {
width: auto;
overflow: visible;
}

body, select, input, textarea {
color: #686969;
}

blockquote, q {
quotes: none;
}

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

body {
font: 13px/1.231 sans-serif;
background-color: #fff;
font-size: small;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}

/* slightly enhanced,universal clearfix hack */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {
display: inline-block;
}

.clearfix {
display: block;
}

del {
text-decoration: line-through;
}

/* start commented backslash hack \*/

* html .clearfix {
height: 1%;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}

html {
overflow-y: scroll;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
table-layout: fixed;
}

.clsProfilePopupbk div[aria-hidden=”true”] {
  display: none;
}

.hidden{
position:absolute !important;
left:-10000px !important;
top:auto !important;
width:1px !important;
height:1px !important;
overflow:hidden !important;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

input[type="radio"] {
vertical-align: text-bottom;
}

input[type="checkbox"] {
vertical-align: bottom;
}

input[type="button"], input[type="submit"], input[type="image"], button {
cursor: pointer;
}

input:required:valid, textarea:valid {
}

input:required:invalid, textarea:invalid {
}

input, select {
vertical-align: middle;
}

ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

::-moz-selection {
background: #FF5E99;
color: #fff;
text-shadow: none;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color: #f0dddd;
}

nav ul, nav li {
margin: 0;
list-style: none;
list-style-image: none;
}

ol {
list-style-type: decimal;
}

pre, code, kbd, samp {
font-family: monospace, sans-serif;
}

pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}

::selection {
background: #FF5E99;
color: #fff;
text-shadow: none;
}

small {
font-size: 85%;
}

strong, th {
font-weight: bold;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

select, input, textarea, button {
font: 99% sans-serif;
}

td {
}

textarea {
overflow: auto;
}

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

ul, ol {
margin-left: 2em;
}
input::-webkit-input-placeholder, input:-moz-placeholder {
color: #A6A6A6;
}

.placeholder {
color: #aaa;
}

.padTopBottom {
padding: 10px 0 10px 0;
}

.mart10 {
margin-top: 10px;
}

.mart20 {
margin-top: 20px;
}

.mart38 {
margin-top: 38px;
}

.mart40 {
margin-top: 40px;
}

.pad20 {
padding: 20px;
}

.left {
float: left;
}

.right {
float: right;
}


/* Main Application Code Starts */

#divRoot {
background-color: #fff;
color: #333333;
font-family: Arial, sans-serif;
font-size: 12px!important;
line-height: 18px;
Width: 100%;
margin: -15px auto 0px auto;
padding: 0px;
height: 100%;
display: table;
}

#UTFInvestment {
display: block;
top: 24px;
position: relative;
font-family: Roboto-Regular;
font-size: 14px;
right: 17px;
}

#lnkPlanIndicatorIcon span {
text-decoration: underline;
color: #0E6A61 !important;
}

#lnkPlanIndicatorIcon:hover {
text-decoration: underline !important;
}

#lnkPlanIndicatorIcon:hover {
text-decoration: none !important;
}

#UTFInvestmentInd {
display: inline;
position: relative;
top: 4px;
font-size: 10px;
font-family: Roboto-Regular;
}

#UTFWithDrwl {
display: block;
top: 24px;
position: relative;
font-family: Roboto-Regular;
font-size: 14px;
right: 17px;
}

#UTFWithDrwlInd {
display: inline;
position: relative;
top: 4px;
font-size: 10px;
font-family: Roboto-Regular;
}

.UTFTableHeiChange {
position: relative;
top: 18px;
}

/* User Section */

.clsUserLogged {
background: #686969;
min-width: 1280px;
}

.clsInnerUserLog {
width: 1280px;
margin: 0 auto;
}

.clsInnerUserLog p span:nth-child(2) {
font-family: Roboto-Medium;
font-size: 16px;
font-weight: bold;
}

.clsInnerUserLog p span:nth-child(4) {
font-family: Roboto-Medium;
font-size: 16px;
font-weight: bold;
}

.clsInnerUserLog p {
color: #fff;
Font-Family: Roboto-Regular;
Font-Size: 16px;
line-height: 46px;
vertical-align: middle;
text-align: right;
padding-right: 16px;
}

.clsInnerUserLog span {
font-weight: normal;
}

/* Images Sectionn */

img {
text-indent: -9999px;
}

.imgLogo {
background: url("../images/image1.3.1.png") no-repeat -479px -171px;
width: 257px;
height: 196px;
display: block;
}

.imgLogoMFA {
background: url(../images/image1.3.1.png) no-repeat -225px -50px;
width: 180px;
height: 137px;
display: block;
}

.imgLogo2 {
background: url(../images/image1.3.1.png) no-repeat -419px -56px;
width: 131px;
height: 100px;
padding: 0px 0px 0px 0px;
outline: none;
cursor:pointer;
}

.imgLogoChangeNew {
display:none !important;
}

.imgLogout {
background: url("../images/image1.3.1.png") no-repeat -1255px -452px;
width: 46px;
height: 44px;
position: relative;
top: 50%;
vertical-align: bottom;
margin-top: -23px;
display: block;
}

.imgWealth {
background: url("../images/image1.3.1.png") no-repeat -1008px -725px;
width: 93px;
height: 79px;
display: block;
margin: auto;
}

.imgDocument {
background: url("../images/image1.3.1.png") no-repeat -1008px -242px;
width: 95px;
height: 79px;
display: block;
margin: auto;
}

.imgInsight {
background: url("../images/image1.3.1.png") no-repeat -1004px -387px;
width: 90px;
height: 79px;
display: block;
margin: auto;
}

.imgPayments {
background: url("../images/image1.3.1.png") no-repeat -393px -989px;
width: 103px;
height: 82px;
display: block;
margin: auto;
}

.imgISAtopup {
background: url("../images/image1.3.1.png") no-repeat -192px -1016px;
width: 49px;
height: 43px;
display: block;
margin: auto;
}

.imgProfile {
background: url("../images/image1.3.1.png") no-repeat -1002px -74px;
width: 107px;
height: 79px;
display: block;
margin: auto;
}

.imgContact {
background: url("../images/image1.3.1.png") no-repeat -1001px -542px;
width: 102px;
height: 79px;
display: block;
margin: auto;
}

.imgAnalysis {
background: url("../images/image1.3.1.png") no-repeat -1016px -875px;
width: 79px;
height: 79px;
display: block;
margin: auto;
}

#imgLogo::before {
content: "";
position: absolute;
}

.imgGraph {
background: url("../images/image1.3.1.png") no-repeat -1227px -612px;
width: 23px;
height: 24px;
display: block;
margin: auto;
}

.imgfactsheet {
background: url("../images/image1.3.1.png") no-repeat -1236px -127px;
width: 22px;
height: 30px;
display: inline-block;
}

#imgArrow {
background: url("../images/image1.3.1.png") no-repeat -1322px -95px;
width: 8px;
height: 11px;
float: left;
position: relative;
top: 4px;
}

#imgSecurity {
background: url("../images/image1.3.1.png") no-repeat -351px -689px;
width: 50px;
height: 50px;
float: left;
}

/* Header Section */

.clsloginHeader {
width: 100%;
height: 196px;
position: relative;
}

/*DAS error message pop-up changes by Saravanan on 27-Feb-2019 - Start*/

#DASerrorMessageHeader {
font-family: Merriweather;
font-size: 24px;
color: #182b49;
text-align: center;
padding-top: 40px;
line-height: 38px;
letter-spacing: 0.05px;
/* min-height: 76px; */
/* width: 655px; */
font-weight: unset;
}

.clsDASerrorMsgCont {
width: 655px;
min-height: 310px;
padding-left: 88px;
padding-right: 90px;
/* padding-top: 40px; */
padding-bottom: 50px;
}

.clsDASerrorMsgcontInner {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-top: 23px;
margin: auto;
line-height: 24px;
width: 643px;
/* min-height: 120px; */
outline: none;
}

.clsDASerrorMsgcontInner p{
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-top: 23px;
margin: auto;
line-height: 24px;
width: 643px;
/*min-height: 120px;*/
outline: none;
}

.clsDASerrorMsgcontInner p:nth-child(1) {
padding-top: 0px;
}

.clsDASerrorMsgcontInner p:nth-child(4){
padding-top: 0px;
}

.clsDASerrorMsgcontInner p:nth-child(5){
padding-top: 0px;
}

.clsDASerrorMsgcontInner p:nth-child(6){
padding-top: 0px;
}

/*DAS error message pop-up changes by Saravanan on 27-Feb-2019 - End*/

/*CR - 692B Changes added by Saravanan on 03 - Oct - 2018 - Starts*/

.clsMessagePopupbk {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
left: 0;
}

.clsMessagePopupbk div[aria-hidden =”true”] {
display: none;
}

.clsMessagePopup {
background: #fff none repeat scroll 0 0;
min-height: 400px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}
.clsMigrationValuationMsgCont{
width: 655px;
min-height:310px;
padding-left: 88px;
padding-right: 90px;
padding-top: 40px;
padding-bottom:50px;
}

#migrationValuationHeaderMsg{
font-family: Merriweather;
font-size: 24px;
color: #182b49;
text-align: center;
padding-top:0px;
line-height:38px;
letter-spacing: 0.05px;
/*min-height: 76px;*/
width:655px;
font-weight:unset;
}

.clsMigrationValuationMsgcontInner p{
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-top: 23px;
margin: auto;
line-height: 24px;
width: 643px;
/*min-height: 120px;*/
outline: none;
}

.clsCloseButton{
height: 40px;
width: 330px;
padding-top: 51px;
padding-left: 162px;
}

.clsClose {
background: #128579 none repeat scroll 0 0;
bottom: 72px;
height: 40px;
width: 330px;
cursor: pointer;
}

.clsClose input[type = 'button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 330px;
margin: auto;
text-align: center;
background: none;
border: none;
display: block;
}

.clsclosebutton h3{
background: url(../images/image1.3.1.png) no-repeat -1282px -345px;
height: 23px;
width: 23px;
float: right;
text-indent: -9999px;
position: relative;
right: 11px;
top: 11px;
cursor: pointer;
}

/*CR - 692B Changes added by Saravanan on 03 - Oct - 2018 - End*/  

/* Code Changes for Home Starts */

.clsdivHeaderHome {
width: 100%;
height: 100px;
position: relative;
}

.clsdivLogoHome {
height: 100px;
border: 0px;
padding: 0px;
margin: auto;
width: 100%;
background: #fff;
margin-top: 0;
margin-bottom: 0;
}

.clsdivWidthHome {
width: 100%;
margin: 0px auto;
display: block;
height: 100px;
}

.clsclmlogoMainHome {
position: relative;
width: 28%;
float: left;
margin: 0px;
height: 100px;
margin-left: 30px;
}

.clsdivLogoHome figure {
width: 358px;
height: 63px;
display: block;
}

.clsimgContainer {
width: 358px;
height: 100px;
display: block;
}

.clsdivWidthHome .clsprimeryNavHome {
width: calc(100% - 37%);
height: 100px;
float: right;
position: relative;
}

.clsprimeryNavHome ul {
text-decoration: none;
list-style-type: none;
width: 100%;
position: absolute;
right: 0;
padding: 0;
margin: 0;
}

.clsprimeryNavHome ul li:nth-child(1) {
width: 132px;
line-height: 100px;
text-align: center;
}

.clsprimeryNavHome ul li:nth-child(2) {
width: 131px;
line-height: 100px;
}

.clsprimeryNavHome ul li:nth-child(3) {
width: 170px;
white-space: nowrap;
}

.clsprimeryNavHome ul li:nth-child(4) {
width: 99px;
line-height: 100px;
}

.clsprimeryNavHome ul li:nth-child(5) {
width: 120px;
line-height: 100px;
padding-left: 0.4px;
}

.clsprimeryNavHome ul li:nth-child(6) {
width: 124px;
line-height: 100px;
}

.clsprimeryNavHome ul li:last-child {
padding-left: 30px;
}

.clsprimeryNavHome ul li::after {
border-right: 1px solid #dae2e7;
content: "";
height: 100px !important;
left: -1px;
max-height: 100px !important;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 1px;
}

.clsprimeryNavHome ul li {
float: left;
display: inline;
line-height: 25px;
cursor: pointer;
position: relative;
text-align: center;
height: 100px;
outline: none;
}

.clsprimeryNav ul li:last-child {
background: #fff;
padding-left: 30px;
}

.clsprimeryNavHome ul li:last-child {
background: #fff;
}

.clsprimeryNavHome li {
display: inline-block;
}

.clsprimeryNavHome ul li img {
position: relative;
top: 14px;
}

.clsnavPoswrap .active {
background: #128579;
height: 71px;
}

.clsprimeryNavHome ul li a {
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: normal;
color: #182b48;
outline: none !important;
text-decoration: none;
line-height: 100px;
border:none !important;
outline:none!important;
}

.clsprimeryNavHome ul li p {
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: normal;
color: #182b48;
outline: none !important;
text-decoration: none;
line-height: 100px;
}

.lnkReportsDisabled p {
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: normal;
color: #182b48;
outline: none !important;
text-decoration: none;
line-height: 100px;
color:#B8BDC7 !important;
}

.lnkReportsDisabled{
pointer-events:none;
cursor:default;
}

.lnkReportsDisabled a{
color:#B8BDC7 !important;
}

.clsprimeryNavHome .imgLogout {
background: url("../images/image1.3.1.png") no-repeat -1283px -1038px;
width: 20px;
height: 28px;
position: absolute;
top: 50%;
vertical-align: bottom;
margin-top: -15px;
display: block;
}

.clsprimeryNavHome .imgLogout span {
position: absolute;
margin-top: -34px;
margin-left: 20px;
color: #128579 !important;
}
.clsbannerLink {
    
}

.clsbannerHome {
background: #fff url("../images/banner.jpg") no-repeat center center;
width: auto;
height: 220px;
min-width: 1280px;
background-size: cover;
border: 1px solid #f5f5f5;
cursor: pointer;
}

.clsuserDetailsHome {
width: 100%;
height: 79px;
background: #fff;
}

.clsuserDetailsHome h1 {
margin: auto;
display: block;
width: 100%;
text-align: center;
font-family: 'Merriweather', serif;
font-size: 24px;
font-weight: normal;
color: #182b48;
line-height: 38px;
opacity: 0.8 !important;
padding-top: 21px;
padding-bottom: 20px;
outline:none;
}

.clsuserDetailsHome h1 span{
 outline:none;   
}

:root .clsmainhomeWrapperHome {
display: block;
}

.clsmainhomeWrapperHome {
background: #dae2e7;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: calc(100% - 778px) !important;
min-width: 1280px;
float: left;
}

.clshomeWrapperHome {
width: 1280px;
margin: 0px auto;
padding: 0;
height: auto;
z-index: 100;
clear: both;
margin-bottom: 86px;
}

.clsdashboardBlockHome {
width: 1130px;
position: relative;
margin: 44px auto;
height: auto;
margin-bottom: 0px;
}

.clsfirstContainerHome {
max-width: 1096px;
height: auto;
margin:auto;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
}

.clssecondContainerHome {
width: 1092px;
height: 241px;
margin: auto;
margin-bottom: 0px;
}

.clsfirstContainerHome .clsGridHome {
width: 350px;
background: #fff;
margin-right: 20px;
cursor: pointer;
margin-top: 21px;
height: 241px;
position: sticky;
outline:none;
}

.TileDocumentsDisabled{
pointer-events:none;
background:rgb(255, 255, 255) !important;
opacity:0.75;
}

.TileDocumentsDisabled p {
height:auto !important;
}

.TileDocumentsDisabled .clsgridWrapHome span.imgDocumentHome{
filter: grayscale(80%);
opacity: 0.3;
}

.TileDocumentsDisabled h1{
pointer-events:none;
color:#B8BDC7 !important;
}

.TileDocumentsDisabled p{
pointer-events:none;
color:#B8BDC7 !important;
}

.clsfirstContainerHome .clsGridHome #TileDocuments{
}

.clsfirstContainerHome .clsGridHome:last-child {
margin-right: 0px;
}

.clsfirstContainerHome .clsGridHome:nth-child(3) {
margin-right: 0px;
}

.clsfirstContainerHome .clsGridHome:nth-child(6) {
margin-right: 0px;
}

.clsgridWrapHome {
width: 100%;
margin: auto;
position: relative;
height: 85%;
}

.clssecondContainerHome .clsGridHome {
width: 350px;
height: 241px;
background: #fff;
float: left;
margin-right: 20px;
cursor: pointer;
}

.clssecondContainerHome .clsGridHome:last-child {
margin-right: 0px;
}

.clsgridWrapHome figure {
width: 100%;
margin-top: 32px;
margin-bottom: 23.8px;
}

#TileContact figure {
width: 100%;
margin-top: 32px;
margin-bottom: 21.8px;
}

.clsgridWrapHome span {
text-indent: -9999px;
}

.clsgridWrapHome h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 280px;
margin-bottom: 15px;
color: #182b48;
margin-left: 35px;
height: 25px;
}

.clsgridWrapHome p {
text-align: center;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
color: #3d4850;
height: 60px;
width: 280px;
height: 72px;
margin-left: 35px;
line-height: 24px;
}

.clsgridWrapHome p.clsReportsAlign{
height: 0px !important;
}

.clsgridWrapHome p + p {
color: #ff9900;
position: absolute;
bottom: 10px;
text-align: center;
margin: auto;
width: 100%;
display: none;
}

.imgWealthHome {
background: url("../images/image1.3.1.png") no-repeat -1029px -741px;
width: 50px;
height: 38.2px;
display: block;
margin-left: 150px;
margin-right: 152px;
}

.imgDocumentHome {
background: url("../images/image1.3.1.png") no-repeat -1034px -253px;
width: 48px;
display: block;
margin-left: 150px;
margin-right: 149px;
height: 38px;
}

.TileDocumentsDisabled .imgDocumentHome {
margin-left: 150px !important;
}

.imgInsightHome {
background: url("../images/image1.3.1.png") no-repeat -1034px -410px;
width: 42px;
display: block;
margin-left: 153px;
margin-right: 149px;
height: 38px;
}

.imgProfileHome {
background: url("../images/image1.3.1.png") no-repeat -1031px -93px;
width: 51px;
height: 38px;
display: block;
margin: auto;
margin-left: 150px;
margin-right: 150.8px;
}

.imgAnalysisHome {
background: url("../images/image1.3.1.png") no-repeat -644px -1023px;
width: 49px;
height: 38px;
display: block;
margin: auto;
margin-left: 151px;
margin-right: 151.3px;
}

.imgContactHome {
background: url("../images/image1.3.1.png") no-repeat -1027px -560px;
width: 49px;
height: 40px;
display: block;
margin: auto;
margin-left: 150px;
margin-right: 152px;
}

.imgPayments {
background: url("../images/image1.3.1.png") no-repeat -411px -1018px;
width: 50px;
height: 37.5px;
display: block;
margin: auto;
margin-left: 150px;
margin-right: 152px;
}

.clsFooterHome {
margin: 0px auto;
border: 0px;
width: 100%;
background-color: #fff;
clear: both;
position: relative;
height: 125px;
}

.clsfooterWidthHome {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
}

.clsfooterLkHome {
padding: 30px 0px 0px 0px;
width: 1275px;
background: #fff;
height: 30px;
margin: auto;
height: 100%;
}

/* Code Changes for Home Ends */

.clsdivHeader {
width: 100%;
height: 100px;
position: relative;
}

.clsloginbg {
width: 100%;
height: 153px;
background: #686969;
}

.clsloginLogo {
height: 100%;
border: 0px;
padding: 0px;
margin: 0px auto;
width: 1280px;
background: #fff;
}

.clsdivLogo {
height: 100px;
border: 0px;
padding: 0px;
margin: auto;
width: 100%;
background: #fff;
margin-top: 0;
margin-bottom: 0;
}

#clmHeader {
text-align: center;
vertical-align: top;
}

.clsclmLogo {
position: relative;
top: 0px;
bottom: 40px;
}

.clsclmLogoMFA {
position: relative;
top: 0px;
bottom: 40px;
width:100%;
height:100%;
}

.clsclmlogoMain {
position: relative;
width: 28%;
float: left;
margin: 0px;
height: 59px;
margin-left: 30px;
}

.clsdivWidth {
width: 100%;
margin: 0px auto;
display: block;
height: 100px;
}

.clsdivWidth .clsprimeryNav {
width: calc(100% - 37%);
height: 100px;
float: right;
position: relative;
}

.clsindicator {
display: none;
width: 20px;
height: 20px;
border-radius: 100px;
background: #fff;
position: absolute;
font-family: Roboto-Regular;
font-size: 11px;
top: 50%;
margin-top: -42px;
right: 15px;
background: #EC6F16;
position: absolute;
}

.clsindicator p {
height: 20px;
margin-top: -47px;
color: #fff;
}

.clsprimeryNav ul {
text-decoration: none;
list-style-type: none;
width: 100%;
position: absolute;
right: 0;
padding: 0;
margin: 0;
}

.clsprimeryNav ul li {
float: left;
display: inline;
line-height: 25px;
cursor: pointer;
position: relative;
text-align: center;
height: 100px;
outline: none;
}

.clsprimeryNav ul li:after {
border-right: 1px solid #dae2e7;
content: "";
height: 100px !important;
left: -1px;
max-height: 100px !important;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 1px;
}

.clsprimeryNav span + span {
color: #128579 !important;
}

.clsprimeryNav ul li:nth-child(1) {
width: 132px;
line-height: 100px;
text-align: center;
}

.clsprimeryNav ul li:nth-child(2) {
width: 131px;
line-height: 100px;
}

.clsprimeryNav ul li:nth-child(3) {
width: 170px;
line-height: 100px;
white-space:nowrap;
}

.clsprimeryNav ul li:nth-child(4) {
width: 99px;
line-height: 100px;
}

.clsprimeryNav ul li:nth-child(5) {
width: 120px;
line-height: 100px;

}

.clsprimeryNav ul li:nth-child(6) {
width: 124px;
line-height: 100px;
}

.clsprimeryNav ul li:last-child {
/*padding-left: 20px;
padding-right: 20px;
width: 44px;*/
background: #fff;
}

.clsprimeryNav ul li img {
position: relative;
top: 14px;
}

.clsnavPoswrap .active {
background: #128579;
height: 71px;
}

.clsprimeryNav ul li a {
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: normal;
color: #182b48;
outline: none !important;
text-decoration: none;
line-height: 100px;
border:none !important;
}

.clsprimeryNav .imgLogout {
background: url("../images/image1.3.1.png") no-repeat -1283px -1038px;
width: 20px;
height: 28px;
position: absolute;
top: 50%;
vertical-align: bottom;
margin-top: -15px;
display: block;
}

.clsprimeryNav .imgLogout span {
position: absolute;
margin-top: -34px;
margin-left: 20px;
color: #128579 !important;
}

.clsdivLogo figure {
width: 358px;
height: 63px;
display: block;
}

.clsloginLogo figure {
width: 257px;
display: block;
margin: auto;
height: 196px;
}

.clsclmLogoMFA figure {
width: 180px;
display: block;
margin: auto;
height: 137px;
position: absolute;
top: 50%;
margin-top: -68.5px;
left: 50%;
margin-left: -90px;
}

.clsloginfiglesssLogo {
width: 239px;
display: block;
margin: auto;
height: 116px;
} 

.clsdivMigrationMessage {
color: white;
text-align:center;
font-size: 14px;
background-color: #006EA9;
display:none;
}

.clsdivNotificationMessage {
color: white;
font-size: 14px;
background-color: #b65c15;
display:none;
padding: 10px 0px 10px 0px;
width: 100%;
}

.clsdivNotificationholder{
width: 824px;
margin:auto;
height:32px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}

.clsdivNotificationholder div{
float:left;
}

.clsdivNotificationholder div + div{
padding-left: 20px;
width: 772px;
}

.clsdivNotificationMessage label{
font-family: Roboto-Regular;
font-size: 14px;
}

#lnkLogout {
cursor: pointer;
}

#trRetHeading ~ .clsExpand tr td span:nth-child(2) {
left: 0px !important;
}

#trInvestmentHeading ~ .clsExpand tr td span:nth-child(2) {
left: 0px !important;
}

#lblRATIAValuationDate {
position: relative;
left: -8px;
top: -3px;
}

.clsbanner {
background: #fff url("../images/banner.jpg") no-repeat center center;
width: auto;
height: 349px;
min-width: 1280px;
background-size: cover;
border: 1px solid #f5f5f5;
}

.clsuserDetails {
width: 100%;
height: 95px;
background: #fff;
}

.clsuserDetails h1 {
margin: auto;
display: block;
width: 100%;
text-align: center;
font-family: 'Merriweather', serif;
font-size: 28px;
font-weight: normal;
color: #182b48;
line-height: 95px;
opacity: 0.8 !important;
}

.loginBypass {
width: 100%;
height: 40px;
}

.loginBypass input {
float: left;
width: 10%;
margin-top: 15px;
}

.loginBypass p {
line-height: 43px;
}

.clsnavSection {
width: 100%;
height: 71px;
background: rgb(24, 43, 73) none repeat scroll 0% 0%;
}

.clssecondaryNav {
width: 100%;
height: 70px;
background: #182b49;
margin: auto;
display: inline-block;
}

.clssecondaryNav ul {
text-decoration: none;
list-style-type: none;
width: 1240px;
padding: 0;
margin: 0 auto;
height: 71px;
}

.clssecondaryNav ul li {
float: left;
display: inline;
padding: 0 28px;
line-height: 71px;
height: 71px;
overflow: hidden;
cursor: pointer;
}

.clssecondaryNav ul li a {
font-family: 'Merriweather', serif;
font-size: 16px;
font-weight: normal;
color: #fff;
}

.tblHeader {
height: 156px;
border: 0px;
padding: 0px;
margin: 0px auto;
width: 100%;
background-image: url("../images/header-bg-repeater.gif");
top: 0px;
z-index: 100;
}

/* Body Section */

.clsmainWrapper {
background: #dae2e7;
width: 100% !important;
border-top: 1px solid #ccc;
min-width: 1280px;
float: left;
}

.clsmainWrapperBottom {
width: 100% !important;
min-width: 1280px;
height: 72px;
background: #E8ECF0;
float: left;
}

.clsmainhomeWrapper {
background: #dae2e7;
width: 100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: calc(100% - 778px) !important;
min-width: 1280px;
display: table-row;
float: left;
}

.clsloginWrapper {
width: 1280px;
margin: 0px auto;
padding: 0;
height: 100%;
z-index: 100;
position: relative;
}

.clsWrapper {
width: 1280px;
margin: 0px auto;
padding: 0;
height: 100%;
z-index: 100;
}

.clshomeWrapper {
width: 1280px;
margin: 0px auto;
padding: 0;
height: auto;
z-index: 100;
clear: both;
height: 100%;
}

.clsnavWrapper {
padding: 0px 0px !important;
padding-bottom: 0px !important;
width: 100% !important;
margin: 0;
display: block;
}

.clsbradcrumbSection {
margin-top: 25px;
width: 100%;
padding: 0;
height: 16px;
}

.clsbradcrumbSection ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}

.clsbradcrumbSection li a {
color: #0E6A61 !important;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsbradcrumbSection ul li {
float: left;
display: inline;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

.clsbradcrumbSection ul li:first-child {
float: left;
display: inline;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
padding-left: 0px;
}

.clsbradcrumbSection ul li i {
padding-left: 2px;
padding-right: 4px;
font-family: "Roboto-Regular", sans-serif;
}

.clsbradcrumbSection ul li.active {
color: #0E6A61 !important;
}

.clstitleOverview {
width: 100%;
margin-top: 28px;
}

.clsloginLeft {
width: 624px;
float: left;
}

.clsloginSeperatorNew {
border-right: 3px solid #fff;
float: left;
height: 440px;
margin-top: 111px;
position: absolute;
top: 0;
left: 50%;
}

.clsheaderTxt p {
color: #172b48;
float: left;
font-family: 'Merriweather', serif;
font-size: 24px;
font-style: normal;
display: block;
}

.clsheaderTxt {
text-align: left;
float: left !important;
width: 100%;
margin: 0px;
padding-top: 40px;
text-indent: 99px;
}

.clsrightbodyTxt p {
color: #172b49;
float: left;
width: 100%;
font-family: 'Merriweather', serif;
font-size: 20px;
font-style: normal;
display: block;
line-height: 38px;
}

.clsrightbodyTxt p + p {
padding: 0px;
}

.clsleftbodyTxt p + p {
padding: 0px;
}

.clsleftbodyTxt p {
color: #172b49;
float: left;
width: 100%;
font-family: 'Merriweather', serif;
font-size: 20px;
font-style: normal;
display: block;
line-height: 38px;
}

.clsrightbodyTxt {
text-align: left;
float: left !important;
width: 100%;
margin: 0px;
padding-top: 44px;
text-indent: 98px;
float: left;
height: 76px;
}

.clsleftbodyTxt {
text-align: left;
float: left !important;
width: 100%;
margin: 0px;
padding-top: 44px;
text-indent: 99px;
height: 76px;
}

.clsloginLeft label {
color: #3d4850;
display: inline-block;
font-family: Roboto-Regular;
font-size: 15px;
line-height: 18px;
margin-top: 16px;
text-align: justify;
vertical-align: top;
white-space: nowrap;
width: 100%;
}

.clsloginLeft label:first-child {
margin: 0;
}

.clsformDetails {
padding-left: 99px;
position: relative;
width: 523px;
z-index: 100;
height: 283px;
}

.clslogfromCon {
height: 321px;
margin-top: 18px;
margin-bottom: 88px;
float: left;
}

.clsformDetails .clsPWDToolTip {
margin-top: 14px;
}

.clslogintxtbox {
border: medium none;
color: #333;
float: left;
font-family: Roboto-Regular;
font-size: 15px;
height: 36px;
line-height: 17px;
outline: medium none;
padding: 0;
position: relative;
text-indent: 4px;
top: 7px;
width: 320px;
}

.clspasswordbox{
-moz-appearance: disc;
content:'PIN';
}

.clslogintxtbox:-webkit-autofill, .clslogintxtbox:-webkit-autofill:hover, .clslogintxtbox:-webkit-autofill:focus .clslogintxtbox:-webkit-autofill {
-webkit-text-fill-color: #000;
-webkit-text-background-color: #000;
-webkit-box-shadow: 0 0 0px 1000px #faffbd inset;
-webkit-background: #fff;
}

.clslogintxtbox::-ms-clear {
display: none;
}

.clslogintxtbox::-ms-reveal {
display: none;
}

.clsloginButton {
background: #128579 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
line-height: 40px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 320px;
}

.clsloginButton:focus {
 box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsregisterButton {
border: 1px solid #128579 !important;
background: #fff;
display: inline-block;
float: right;
height: 41px;
text-align: center;
text-decoration: none;
width: 256px;
border: none;
float: left;
color: #128579;
text-align: center;
font-family: Roboto-Regular;
font-size: 16px;
padding-bottom: 4px;
}

.clsMandatory {
color: #3d4850;
display: block;
float: left;
font-family: Roboto-Regular;
font-size: 12px;
height: 14px;
position: relative;
text-align: left;
margin-top: 15px;
white-space: nowrap;
width: 100%;
padding-left: 99px;
}

.clsMandatoryNew {
color: #3d4850;
display: block;
float: left;
font-family: Roboto-Regular;
font-size: 12px;
height: 14px;
position: relative;
text-align: left;
margin-top: 0px;
white-space: nowrap;
width: 100%;
padding-left: 99px;
}

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

.clsforgotPwd {
padding-left: 99px;
cursor: pointer;
z-index: 1000;
pointer-events: none;
position: relative;
margin-top: 30px;
position: relative;
float: left;
}

.clsforgotall {
padding-left: 99px;
cursor: pointer;
z-index: 1000;
position: relative;
margin-top: 30px;
position: relative;
float: left;
}

.clsforgotall a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotall a:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsforgotPwd a {
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotall {
padding-left: 99px;
cursor: pointer;
z-index: 1000;
position: relative;
margin-top: 83px;
position: relative;
float: left;
}

.clsforgotall a {
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsloginRight {
width: 652px;
float: right;
line-height: 18px;
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #000033;
}

.clsloginRight span {
font-size: 13px;
color: #172b49;
font-family: Roboto-Regular;
}

.clsloginRight strong {
font-size: 12px;
}

.clscontactInfo {
width: 500px !important;
margin-top: 32px;
margin-left: 98px;
float: left;
text-align: left;
}

.clsSecurity {
border: 1px solid #172b49 !important;
display: block;
height: 101px;
margin-bottom: 90px;
margin-left: 99px;
position: relative;
margin-top: 35px;
width: 418px;
float: left;
}

.clsColorChange #imgSecurity{
color:#fff;
}

.clsSecurity .right {
float: left;
width: 83%;
padding-left: 27px;
position: relative;
}

.clsSecurity .left {
float: left;
width: 10%;
}

.clschangePos {
WIDTH: 100%;
HEIGHT: 50px;
padding: 12px;
}

.clsSecurity span {
width: 100%;
height: 20px;
}

.clsSecurity .right .clschangePos span:nth-child(3) > span {
top: 1px;
width: 100px;
left: 88px;
font-family: Roboto-Regular;
font-size: 13px;
color: #3D4850;
float: left;
position: absolute;
}

.clsSecurity h1 {
text-align: left;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
color: #172b49;
}

.clstableRowAudit {
pointer-events: none;
}

.clstableRowad {
pointer-events: none;
}

.clsSecurity span + span {
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
color: #172b49;
text-align: left;
}

.clsSecurity img {
width: 100%;
vertical-align: middle;
display: table-cell;
height: 40px;
margin-top: 21px;
margin-left: 23px;
}

.imgSecurityLess {
width: 100%;
vertical-align: middle;
display: table-cell;
height: 40px;
margin-top: 21px;
margin-left: 23px;
} 

.right span:nth-child(3) {
width: auto;
font-family: Roboto-Regular;
font-size: 13px;
}

.clscontactInfo p {
font-family: Roboto-Regular;
font-size: 15px;
color: #3d4850;
width: 453px;
}

.clscontactInfo p:nth-child(3) {
font-family: Roboto-Regular;
font-size: 15px;
color: #3d4850;
width: 453px;
padding-bottom: 2px;
}

.clscontactInfo p span {
text-align: left;
font-family: Roboto-Regular;
font-size: 15px;
color: #3d4850;
width: 100%;
display: block;
}

.clscontactInfo p:nth-child(3) {
padding-bottom: 21px;
}

.clscontactInfo p:nth-child(4) {
padding-bottom: 0;
}

.registerLogin {
margin-top: 30px;
margin-bottom: 40px;
width: 100%;
float: left;
}

.clsCallImage {
background: url("../images/image1.3.1.png") no-repeat -1053px -1033px;
height: 30px;
width: 30px;
float: left;
margin-right: 16px;
margin-top: 4px;
}

.clsLockImage {
background: url("../images/image1.3.1.png") no-repeat -35px -822px;
height: 30px;
width: 30px;
float: left;
margin-right: 15px;
position: relative;
margin-top: -15px;
top: 50%;
}

.clsCallContact {
width: 100%;
display: block;
}

.clsLockSecurity {
width: 378px;
height: 74px;
float: left;
}

.clsLockSecurity p {
width: auto;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
height: 35px;
margin: 0;
padding: 0;
position: relative;
top: 50%;
margin-top: -17px;
}

.clsLockSecurity p span {
width: auto;
float: left;
}

.clsPositionSet {
width: 100% !important;
display: block;
height: 24px;
}

.clsPaddingContact{
padding: 0px !important;  
}

.clsPaddingTop{
padding:5px 0px 0px 0px !important;  
}

.clsSecurityInformation {
width: 480px;
height: 72px;
margin: auto;
display: block;
top: 50%;
position: relative;
margin-top: -36px;
}

.clsCallContact p span {
width: auto;
float: left;
}

.clsFontBold {
font-family: Roboto-Bold !important;
padding-left: 5px;
}

.clsFontBoldSec {
font-family: Roboto-Bold !important;
padding-left: 2px;
padding-right: 2px;
}

.clsdashboardBlock {
width: 100%;
height: 100%;
margin-bottom: 86px;
top: 44px;
position: relative;
display: table;
}

.clsdashboardBlock .clsGrid:nth-child(3) {
margin-right: 0;
}

.clsdashboardBlock .clsGrid:nth-child(6) {
margin-right: 0;
}

.clsfirstContainer {
width: 100%;
height: 376px;
}

.clsfirstContainer .clsGrid:nth-child(1) {
cursor: pointer;
}

.clssecondContainer {
width: 100%;
height: 376px;
margin-bottom: 0px;
}

.clsthirdContainer {
width: 100%;
height: 241px;
margin-top: 21px;
margin-bottom: 0px;
}

.clsfirstContainer .clsGrid {
width: 398px;
height: 376px;
background: #fff;
float: left;
margin-right: 43px;
cursor: pointer;
margin-top: 43px;
}

.clssecondContainer .clsGrid {
width: 398px;
height: 241px;
background: #fff;
float: left;
margin-right: 43px;
cursor: pointer;
}

.clsthirdContainer .clsGrid {
width: 398px;
height: 376px;
background: #fff;
float: left;
margin-right: 20px;
cursor: pointer;
}

.clsprintcontainer {
width: 300px;
float: right;
}

.clsprintIcon {
background: transparent url("../images/print_icon.png") no-repeat scroll 0 0;
float: left;
height: 27px;
margin-top: -7px;
width: 28px;
}

.clsprintcontent {
position: relative;
}

.clsprintcontent a {
color: #149387;
float: left !important;
font-family: Roboto-Regular;
font-size: 16px;
height: 15px;
text-align: left !important;
text-indent: 9px;
width: 250px;
margin-top: 2px;
position: relative;
margin-left: 25px !important;
}

#divTitlePrint {
width: 1280px;
}

#divTitlePrint a {
text-decoration: underline;
color: #0E6A61 !important;
}

.clsdashboardBlock:nth-child(3n+1) {
clear: left;
}

.clsgridWrap {
width: 80%;
margin: auto;
position: relative;
height: 85%;
}

.clsgridWrap p span {
white-space: nowrap;
}

.clsgridWrap figure {
width: 100%;
height: 79px;
margin-top: 54px;
margin-bottom: 44px;
}

.clsgridWrap figure img {
margin: auto;
display: block;
}

.clsgridWrap h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
margin-bottom: 25px;
color: #182b48;
;
}

.clsgridWrap p {
text-align: center;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
color: #3d4850;
height: 60px;
}

.clsplanbtn {
width: 100%;
height: 35px;
margin-top: 20px;
}

.clsPlanIndicatorSection {
margin-top: 15px;
width: 100%;
}

.clsPlanIndicatorSection table {
width: 100%;
display: block;
}

.clsPlanIndicatorSection tr {
color: #3d4850;
font-family: Roboto-Regular;
font-size: 16px;
width: 1280px;
display: block;
padding-bottom: 10px;
}
/*CR-781 changes by Saravanan on 13 - Sep - 2019 - Start*/

.clsClassification {
width:280px;
}
#indSIPPPlan {
color: #3d4850;
    font-family: Roboto-Regular;
    font-size: 16px;
    width: 800px;
    display: block;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}
#lblPOIndicator {
margin-left:5px;
}
/*CR-781 changes by Saravanan on 13 - Sep - 2019 - End*/
.clsPlanIndicatorSection tr {
}

.clsPlanIndicatorSection tr span {
line-height: 20px;
position: relative;
}

.clsviewAPPlans {
float: left;
width: 200px;
height: 35px;
background: #128579;
text-align: center;
}
.clsviewAPPlans a {
font-family: Roboto-Regular;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 35px;
text-align: center;
text-decoration: none;
}

.clsbackAPPlans {
float: left;
width: 300px;
height: 35px;
background: #128579;
text-align: center;
}
.clsbackAPPlans a {
font-family: Roboto-Regular;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 35px;
text-align: center;
text-decoration: none;
}


.clsviewPlans {
float: left;
width: 123px;
height: 35px;
background: #128579;
text-align: center;
}

.clsviewPlans a {
font-family: Roboto-Regular;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 35px;
text-align: center;
text-decoration: none;
}

.clstotalbreakTable {
margin-top: 52px;
margin-bottom: 16px;
}

.clstblfooterMsg span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

#trAPtotal td {
font-family: Roboto-Bold;
font-size: 16px;
}

#trAPtotal td:first-child {
text-indent: 26px;
}

#divLogindtl {
display: none;
}

.clssjpTable #trNT {
font-family: Roboto-Bold;
font-size: 16px !important;
font-weight: bold;
color: #3D4850;
cursor: pointer;
}

.clssjpTable em {
text-indent: -9999px;
}

.clssjpTable #trNT span {
cursor: default;
text-indent: 0px;
height: 75px;
}

.clsCurrencyFN {
color: #3d4850;
font-family: Roboto-Regular;
font-size: 16px;
padding-top: 15px;
}

#divChangeInPreferredCurrency {
margin-top: 15px;
}

#divChangeInPreferredCurrency strong {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

#divChangeInPreferredCurrency span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

#ddlCurrency {
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap;
display : -webkit-box;
-webkit-line-clamp : 3;
-webkit-box-orient : vertical;
line-height : 1.2em;
}

#divChangeInPreferredCurrencyPD {
margin-top: 15px;
position: absolute;
}

#divChangeInPreferredCurrencyPD strong {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

#emTRCurrency select {
right: -35px !important;
}

#divMain {
top: 10px;
position: relative;
}

#divChangeInPreferredCurrencyPD span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

.clsCurrencydd {
float: right;
width: auto !important;
margin-bottom: 12px;
}

.clsCurrencydd span {
float: left;
width: 147px;
height: 30px;
font-family: Roboto-Regular;
font-size: 14px;
}

.clsCurrencydd select {
float: left;
width: 263px;
}

.clssjpTable #trNT span > span > span {
cursor: default;
padding-left: 26px;
}

.clssjpTable #trNT td {
cursor: default;
}

.clssjpTable #trSA span {
cursor: default;
font-weight: bold;
text-indent: 26px;
}

#trBL tr {
border-bottom: 0px;
}

.clssjpTable #trSA td {
cursor: default;
}

.clsgridWrap_2 {
width: 80%;
margin: auto;
}

.clsgridWrap_2 figure {
width: 100%;
height: 79px;
margin-top: 54px;
margin-bottom: 44px;
}

.clsgridWrap_2 figure img {
width: 88px;
margin: auto;
display: block;
height: 79px;
}

.clsgridWrap_2 h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
padding-bottom: 23px;
color: #182b48;
}

.clsgridWrap_2 p {
text-align: center;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: 400;
color: #3d4850;
padding-bottom: 73px;
}

.clsgridWrap_3 {
width: 80%;
margin: auto;
}

.clsgridWrap_3 figure {
width: 100%;
height: 79px;
margin-top: 43px;
margin-bottom: 44px;
}

.clsgridWrap_3 figure img {
width: 90px;
margin: auto;
display: block;
height: 79px;
}

.clsgridWrap_3 h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
padding-bottom: 22px;
color: #182b48;
}

.clsgridWrap_3 p {
text-align: center;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: 400;
color: #3d4850;
padding-bottom: 89px;
}

.clsgridWrap_4 {
width: 80%;
margin: auto;
}

.clsgridWrap_4 figure {
width: 100%;
height: 79px;
margin-top: 52px;
margin-bottom: 49px;
}

.clsgridWrap_4 figure img {
width: 107px;
margin: auto;
display: block;
height: 79px;
}

.clsgridWrap_4 h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
padding-bottom: 23px;
color: #182b48;
}

.legendWrap .clsCurrentUnitSection {
display: block;
float: left;
padding-left: 26px;
width: 589px;
}

.legendWrap .clsCurrentEncashSection {
display: block;
float: left;
padding-left: 26px;
width: 589px;
padding-top: 17px;
}

.legendWrapBorrow .clsCurrentBorrowingSection {
display: block;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
font-weight: normal;
padding-left: 26px;
text-indent: 32px;
width: 589px;
border-bottom: 1px solid #ced7de;
height: 50px;
line-height: 50px;
}

.legendWrapBorrow .clsCurrentBorrowingSection span:first-child {
padding-left: 2px;
}

.legendWrapBorrow .clsCurrentBorrowingSection + .clsCurrentBorrowingSection {
border-bottom: 1px solid #ced7de;
display: block;
float: left;
padding-left: 26px;
text-indent: 32px;
width: 589px;
height: 50px;
line-height: 50px;
border: none;
}

.clsgridWrap_4 p {
text-align: center;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: 400;
color: #3d4850;
padding-bottom: 70px;
}

.clsgridWrap_5 {
width: 80%;
margin: auto;
}

.clsgridWrap_5 figure {
width: 100%;
height: 79px;
margin-top: 44px;
margin-bottom: 43px;
}

.clsgridWrap_5 figure img {
width: 102px;
margin: auto;
display: block;
height: 79px;
}

.clsgridWrap_5 h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
padding-bottom: 21px;
color: #182b48;
}

.clsgridWrap_5 p {
text-align: center;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: 400;
color: #3d4850;
padding-bottom: 90px;
}

.clsgridWrap_6 {
width: 80%;
margin: auto;
}

.clsgridWrap_6 figure {
width: 100%;
height: 106px;
margin-top: 37px;
margin-bottom: 36px;
}

.clsgridWrap_6 figure img {
width: 79px;
margin: auto;
display: block;
height: 106px;
}

.clsgridWrap_6 h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
padding-bottom: 25px;
color: #182b48;
}

.clsgridWrap_6 p {
text-align: center;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: 400;
color: #3d4850;
padding-bottom: 90px;
}

.clsgridWrap p {
text-align: center;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
color: #3d4850;
height: 60px;
}

.clsgridWrap p + p {
color: #ff9900;
position: absolute;
bottom: 10px;
text-align: center;
margin: auto;
width: 100%;
display: none;
}

nav.clsActions {
display: block;
margin-top: 28px;
}
_::-webkit-:host:not(:root:root), nav.clsActions {
clear: none;
}

nav.clsActions span#spnTitleOverview {
font-family: 'Merriweather', serif;
font-size: 30px;
font-weight: normal;
color: #182b48;
}

.divoverviewCnt {
width: 100%;
clear: both;
float: left;
}

.divoverviewCnt span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

#divMain .pw .main {
border-top: 1px solid #FFF;
padding-top: 30px;
margin-bottom: 30px;
width: 100%;
height: 80px;
display: block;
float: left;
}

.clsblueContent {
margin-top: 38px;
width: 100%;
margin-bottom: 80px;
}

.lft_txt {
font-family: 'Merriweather', serif;
font-size: 26px;
font-weight: normal;
color: #182b48;
padding: 0 0 16px 0px;
}

.clsViewHideSection {
position: absolute;
right: 0;
width: 130px;
padding-top: 25px;
z-index: 100000;
height: 50px;
}

.leftshow_txt {
font-family: 'Roboto-Regular', serif;
font-size: 16px;
font-weight: normal;
color: #0E6A61 !important;
width: 100%;
height: 35px;
float: left;
position: relative;
bottom: 5px;
line-height:35px;
}

.leftshow_txt a{
background:#128579;
width:100%;
height:35px;
color: #fff;
}

.leftshow_txt a:hover {
text-decoration: none;
}

.righthide_txt a:hover {
text-decoration: none;
}

[class^="leftshow_txt"] {
display: inline-block;
background: url('../img/icons/icons.png') no-repeat;
overflow: hidden;
}

.leftshow_txt span {
position: relative !important;
top: 0;
zoom: 1;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
text-align: center;
display: block;
}

.leftshow_txt span + span {
width: 15px;
right: -7px;
display: inline !important;
zoom: 0.29;
-moz-transform: scale(0.29);
-moz-transform-origin: 0 0;
top: 3px;
}

.righthide_txt span {
position: relative !important;
top: 0;
zoom: 1;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
text-align: center;
display: block;
float: left;
position: absolute !important;
left: 17px;
}

.righthide_txt span + span {
width: 17px;
right: 0px;
}

.righthide_txt {
font-family: 'Roboto-Regular', serif;
font-size: 16px;
font-weight: normal;
color: #0E6A61 !important;
width: 100%;
height: 35px;
float: left;
position: relative;
bottom: 5px;
line-height:35px;
}

.righthide_txt a{
background:#128579;
width:100%;
height:35px;
color: #fff;
top: -35px;
position: absolute;
}

.bg-arrow {
background: url("../images/arrow_tip.png");
width: 16px;
height: 17px;
}

.clsinvestorbdySec {
padding: 10px 0;
width: 100%;
margin-bottom: 37px;
height: 150px;
position: relative;
margin-top: 20px;
}

.clsspecificplans {
width: 330px;
float: left;
height: 100px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
}

.clsspecificrange {
width: 352px;
float: left;
height: 100px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
margin-left: 50px;
}

.clsspecificIndices {
width: 330px;
float: left;
height: 100px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
margin-left: 50px;
}

.clsplansheader {
width: 100%;
margin-bottom: 20px;
}

.clsIndicesheader {
width: 100%;
margin-bottom: 20px;
}

.clsrangeheader {
width: 100%;
margin-bottom: 20px;
}

.clsRangefirst {
float: left;
display: block;
}

.clsRangesecond {
float: left;
display: block;
}

.clsRangethird {
float: left;
display: block;
}

.clsplansheader span {
margin-left: 67px;
}

.clsrangeheader span {
margin-left: 68px;
}

.clsIndicesheader span {
margin-left: 67px;
}

.clsplanbody {
width: 330px;
position: relative;
}

#emTRCurrency {
position: absolute;
right: 0px;
margin-top: 3px;
-webkit-transition: none;
transition: none;
-moz-transition: none;
margin-bottom: 10px;
display: inline-block;
}

.clsIndicesbody span {
margin: 0px;
float: left;
line-height: 36px;
width: 67px;
}

select:not(:-internal-list-box) {
overflow: hidden !important;
}

.clsplanbody span {
margin: 0px;
float: left;
line-height: 36px;
width: 67px;
text-align: right;
position: relative;
left: -10px;
}

.clsrangebody span {
margin: 0px;
float: left;
line-height: 36px;
width: 67px;
text-align: right;
position: relative;
left: -10px;
}

/*RFC 4220*/
.clsRangethird span {
    left: -44px;
    white-space:nowrap;
}

.clsplanbody select {
-moz-appearance: none;
background: #fff url("../images/select_icon.png") no-repeat scroll 97.7% center;
border: 1px solid #ced7de;
border-radius: 0;
box-sizing: border-box;
font-family: Roboto-Regular;
font-size: 15px;
height: 36px;
line-height: 36px;
margin: 0 0 20px;
padding-left: 6px !important;
width: 263px;
text-indent: -2px;
}

.clsplantxtellipsis {
max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.clsrangebody select {
width: 263px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 1px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url("../images/select_icon.png") no-repeat scroll 90% center;
font-family: Roboto-Regular;
font-size: 15px;
}

.clsrangebody select:nth-child(4) {
width: 263px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 2px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon.png) no-repeat 91% center;
font-family: Roboto-Regular;
font-size: 15px;
}

.clsrangebody select:nth-child(3) {
width: 263px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 1px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon.png) no-repeat 94% center;
font-family: Roboto-Regular;
font-size: 15px;
}

.clsrangebody select:nth-child(7) {
width: 263px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 2px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon.png) no-repeat 94% center;
font-family: Roboto-Regular;
font-size: 15px;
}

.clsrangebody select:nth-child(8) {
width: 263px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 2px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon.png) no-repeat 91% center;
font-family: Roboto-Regular;
font-size: 15px;
}

#ddlCSIPorShow {
width: 277px;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 2px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url("../images/select_icon.png") no-repeat scroll 97.8% center;
font-family: Roboto-Regular;
font-size: 15px;
}

#ddlCSIPFunds {
width: 263px;
}

.clsPlanContainer .clstableSection {
width: 1280px !important;
}

.clsIndicesbody select {
width: 263px !important;
margin-bottom: 20px;
border: 1px solid #ced7de;
height: 36px;
line-height: 36px;
padding: 0 2px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url("../images/select_icon.png") no-repeat scroll 97.7% center;
font-family: Roboto-Regular;
font-size: 15px;
}

select::-ms-expand {
display: none;
}
/* For IE Custom Select Box*/

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

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

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

.blue_content_csip_container {
width: 100%;
}

.clsGraphHeading4 {
font-family: Roboto-Regular;
font-Size: 16px;
}

.clsupdateButton {
width: 142px;
height: 35px;
background: #128579 none repeat scroll 0% 0%;
line-height: 35px;
color: #FFF;
position: absolute;
right: 0;
margin-top: 148px;
}

.clsupdateButton a {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
position: relative;
left: 25px;
text-decoration: none !important;
}

#divBlock17 a {
text-decoration: underline;
color: #0E6A61 !important;
}

#lnkUserGuidePage {
text-decoration: underline;
color: #0E6A61 !important;
}

#lnkPrivacy:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#lnkSecurity:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#lnkTermsConditions:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#lnkSJPSite:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}


/* Chart */

#chartdiv1 svg {
position: absolute;
left: -0.5px;
width: 1280px;
height: 550px;
top: 2px !important;
overflow: visible !important;
}

#chartdiv4 svg {
position: absolute;
left: -0.5px;
width: 1280px;
height: 550px;
top: 2px !important;
overflow: visible !important;
}

.amcharts-chart-div svg text {
font-family: Roboto-Regular !important;
font-size: 16px !important;
color: #7792a7;
text-rendering: optimizelegibility;
}

#chartdiv1 svg desc {
top: 12px;
position: relative;
}

#lblBankingvaluationdiff {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

#lblBankingLiabvaluationdiff {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

.clsSuperindicators {
display: inline-block;
font-size: 12px;
margin-top: -5px;
padding: 0;
top: 0 !important;
vertical-align: top;
margin-left: 4px;
transform: scale(1.0);
}

.clsSuperindicatort {
display: inline-block;
font-size: 12px;
margin-left: 4px;
margin-top: -5px;
padding: 0;
top: 0 !important;
vertical-align: top;
padding-right: 5px;
}

.clsSuperindicatorsin {
display: inline;
font-size: 12px;
position: relative;
top: -4px;
vertical-align: top;
}

.clsequadivLeft svg {
overflow: visible !important;
transform: scale(1.19);
position: absolute;
width: 462px;
height: 462px;
top: 0.299988px;
viewBox: 0 0 462 462;
}

.clsequadivLeft svg text {
font-family: Roboto-Bold;
font-size: 52.4px;
color: #7792a7;
}

.clsequadivLeft svg text + text {
font-family: Roboto-regular;
font-size: 26.2px;
color: #7792a7;
}

.clschartFirst {
background: #FFF none repeat scroll 0% 0%;
min-height: 1015px;
height: auto !important;
height: 1015px;
padding-bottom: 20px;
margin-top: 22px;
}

.clschartSecond {
background: #FFF none repeat scroll 0% 0%;
min-height: 960px;
margin-top: 37px;
height: auto;
position: relative;
padding-bottom: 25px;
}

.clschartSecond .clearfix_csip {
height: 102px !important;
}

.clschartThird .clearfix_csip {
height: 102px;
}

.clschartSecond .clsInformationtitle {
height: 61px !important;
width: 100%;
display: block;
}

.clschartThird .clsInformationtitle {
height: 61px !important;
width: 100%;
display: block;
}

.clschartSecond .clsInformationtitle p {
font-family: Merriweather;
font-size: 20px;
line-height: 61px;
padding-left: 30px;
}

.clschartThird .clsInformationtitle p {
font-family: Merriweather;
font-size: 20px;
line-height: 61px;
padding-left: 30px;
}

.clschartSecond .blue_content_csip span {
line-height: 0px !important;
}

.clschartThird .blue_content_csip span {
line-height: 0;
}

#divCumulativeKey {
height: 50px;
width: 100%;
}

.divCumulativeKeyContainer {
margin: 40px auto;
float: left;
left: 50%;
position: relative;
}

.divCumulativeKeyContainer span {
font-family: Roboto-Regular;
font-size: 14px;
color: #3d4850;
line-height: 20px;
float: left;
padding-left: 25px;
}

#divCumulativeIndex1 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
margin-right: 15px;
}

#divCumulativeIndex2 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
margin-right: 15px;
}

#divCumulativeIndex3 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
}

#divCalendarKey {
height: 50px;
width: 100%;
}

#divCalendarIndex1 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
margin-right: 15px;
}

#divCalendarIndex2 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
margin-right: 15px;
}

#divCalendarIndex3 {
float: left;
height: 50px;
width: auto;
margin: auto;
position: relative;
left: -50%;
}

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

.clschartThird {
background: #FFF none repeat scroll 0% 0%;
min-height: 975px;
margin-top: 37px;
height: auto;
padding-bottom: 25px;
}

.clschartFourth {
background: #FFF none repeat scroll 0% 0%;
min-height: 1240px;
margin-top: 37px;
height: auto;
padding-bottom: 25px;
}

.clearfix_csip {
background: #315A7B;
height: 50px;
text-indent: 31px;
}

.clearfix_csip ~ span {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
padding-top: 53px;
padding-right: 31px;
}

.clsreadMore {
position: relative;
font-family: Roboto-Medium;
font-Size: 16px;
text-decoration: underline;
color: #0E6A61 !important;
}

.clsreadMore a {
top: -19px;
position: absolute;
right: 452px;
}

.hidden {
display: none;
}

.show {
display: block;
}

#expandChart1 {
padding-top: 10px;
}

#expandChart1 p {
line-height: 22px;
}

#expandChart2 p {
line-height: 22px;
}

#expandChart3 p {
line-height: 22px;
padding-left: 31px;
}

#expandChart2 {
font-family: Roboto-Regular;
font-size: 16px;
padding-top: 10px;
position: relative;
top: 10px;
}

#expandChart3 {
font-family: Roboto-Regular;
font-size: 16px;
padding-top: 10px;
position: relative;
top: 10px;
}

.clsreadMore2 {
position: relative;
font-family: Roboto-Medium;
font-size: 16px;
text-decoration: underline;
color: #0E6A61 !important;
}

.clsreadMore3 {
font-family: Roboto-Medium;
font-size: 16px;
position: relative;
text-decoration: underline;
color: #0E6A61 !important;
}

.clsreadMore3 a {
top: 2px;
position: absolute;
left: 661px;
width: 94px;
}

.clsreadMore2 a {
top: 2px;
position: absolute;
left: 187px;
width: 94px;
}

.blue_content_csip span {
color: #ffffff;
font-family: Roboto-Medium;
font-size: 18px;
line-height: 50px;
}

.blue_content_csip span + span {
position: relative;
text-align: center;
}

.blue_content_csip span:nth-child(3) {
position: relative;
text-align: center;
}

.blue_content_csip div {
width: 5px;
position: relative;
height: 2px;
float: left;
line-height: 50px;
font-size: 26px;
color: #FFF;
left: -30px;
text-align: left;
}

.blue_content_csip span:nth-child(4) {
float: left;
line-height: 50px;
padding: 0;
position: relative;
top: 0;
width: 104px;
}

.blue_content_csip span:nth-child(5) {
float: right;
padding: 0;
}

#lnkPreviousPage {
display: none;
}

.blue_content_csip {
width: 100%;
height: 34px;
}
/*For June Release --Removing Semicolon(;) in .mar7;*/
.mar7 {
font-family: Roboto-Regular;
font-Size: 16px;
}

.clschartalltitle {
width: 700px;
margin: 48px auto;
display: block;
font-family: Roboto-Regular;
font-Size: 16px;
margin-bottom: 0;
}

.clschartalltitle td {
width: 45px;
height: 45px;
padding-left: 10px;
float: left;
width: 10px;
}

.clschartalltitle td span {
line-height: 50px !important;
}

.clschartalltitle td + td {
float: left;
width: 45px;
padding-left: 10px;
}

.clschartalltitle td:nth-child(3) {
float: left;
width: 120px;
}

.clschartalltitle td:nth-child(7) {
float: left;
width: 200px;
}

.clschartalltitle2 {
width: 970px;
margin: 48px auto;
display: block;
font-family: Roboto-Regular;
font-Size: 16px;
margin-bottom: 48px;
}

.clschartalltitle2 table {
width: 1249px;
display: block;
}

.clschartalltitle2 td {
width: 45px;
height: 45px;
padding-left: 10px;
float: left;
width: 10px;
}

.clschartalltitle2 td span {
line-height: 50px !important;
}

.clschartalltitle2 td + td {
float: left;
padding-left: 10px;
}

.clschartalltitle2 td:nth-child(3) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
padding-left: 45px;
}

.clschartalltitle2 td:nth-child(3) span {
}

.clschartalltitle2 td:nth-child(4) {
float: left;
width: 45px;
}

.clschartalltitle2 td:nth-child(5) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle2 td:nth-child(6) {
float: left;
width: 45px;
}

.clschartalltitle2 td:nth-child(7) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
padding-left: 45px;
}

.clschartalltitle3 {
width: 970px;
margin: 51px auto;
display: block;
font-family: Roboto-Regular;
font-Size: 16px;
margin-bottom: 46px;
}

.clschartalltitle3 td {
width: 45px;
height: 45px;
padding-left: 10px;
float: left;
width: 10px;
}

.clschartalltitle3 td span {
line-height: 50px !important;
}

.clschartalltitle3 td + td {
float: left;
width: 45px;
padding-left: 10px;
}

.clschartalltitle3 td:nth-child(3) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
padding-left: 45px;
}

.clschartalltitle3 td:nth-child(4) {
float: left;
width: 45px;
}

.clschartalltitle3 td:nth-child(5) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle3 td:nth-child(6) {
float: left;
width: 45px;
}

.clschartalltitle3 td:nth-child(7) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle3 {
width: 970px;
margin: 51px auto;
display: block;
font-family: Roboto-Regular;
font-Size: 16px;
margin-bottom: 46px;
}

.clschartalltitle4 {
width: 970px;
margin: 0px auto;
display: block;
font-family: Roboto-Regular;
font-Size: 16px;
}

.clschartalltitle4 td {
width: 45px;
height: 45px;
padding-left: 10px;
float: left;
width: 10px;
}

.clschartalltitle4 td span {
line-height: 50px !important;
}

.clschartalltitle4 td + td {
float: left;
width: 45px;
padding-left: 10px;
}

.clschartalltitle3 td:nth-child(3) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
padding-left: 45px;
}

.clschartalltitle4 td:nth-child(4) {
float: left;
width: 45px;
}

.clschartalltitle3 td:nth-child(5) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle4 td:nth-child(6) {
float: left;
width: 45px;
}

.clschartalltitle3 td:nth-child(7) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle4 td:nth-child(3) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
padding-left: 45px;
}

.clschartalltitle4 td:nth-child(4) {
float: left;
width: 45px;
}

.clschartalltitle4 td:nth-child(5) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartalltitle4 td:nth-child(6) {
float: left;
width: 45px;
}

.clschartalltitle4 td:nth-child(7) {
float: left;
width: 237px;
min-width: 100px;
max-width: 250px;
}

.clschartDiv1 {
margin-top: 96px;
height: 550px;
}

.clschartDivSizeCh {
margin-top: 30px;
height: 550px;
clear: both;
}

.clstableData {
margin: 8px 0px 18px 48px !important;
position: relative;
width: 1209px;
}

.clsfooterbottom {
position: relative;
height: 100px;
}

.clsfooterbottom div {
position: absolute;
bottom: 20px;
}

.clsaboutPlans ~ table + table {
width: 486px;
height: 140px;
margin: auto auto 37px;
position: relative;
}

.clsaboutPlans ~ table td:first-child {
width: 30px;
}

.clsaboutPlans ~ table tr:first-child td:nth-child(3) {
padding-right: 10px;
}

.clsaboutPlans ~ table td:nth-child(2) {
width: 30px;
}

.clsaboutPlans ~ table td:nth-child(2) {
padding-left: 10px;
position: relative;
text-align: left;
width: 550px !important;
}

.clsaboutPlans ~ table td:nth-child(3) {
padding-right: 40px;
position: relative;
text-align: right;
width: 138px !important;
}

.clsfootmsgupfirst {
padding-right: 31px;
font-family: Roboto-Regular;
font-size: 16px;
position: relative;
left: 31px;
width: 1200px;
line-height: 21px;
}

.clsaboutPlans ~ table tr {
border: none;
}

.clsaboutPlans ~ table td {
line-height: 45px;
}

.clsaboutPlans ~ table tr:nth-child(2) {
border-top: 1px solid #95a0a3;
color: #3d4850;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
height: 45px;
padding-left: 5px;
width: 620px;
}

.clsaboutPlans ~ table tr + tr {
border-bottom: 1px solid #95a0a3;
color: #3d4850;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
height: 45px;
padding-left: 5px;
width: 620px;
}

.clsReportDetails {
position: relative;
top: 23px;
font-family: Roboto-Regular;
font-Size: 16px;
width: 1200px;
line-height: 21px;
padding-left: 31px;
padding-bottom: 5px;
padding-top: 10px;
}

.clsfootmsgup {
position: relative;
top: 30px;
font-family: Roboto-Regular;
font-Size: 16px;
padding-right: 31px;
left: 31px;
line-height: 21px;
}

.clsfootmsgdo {
position: relative;
top: 30px;
font-family: Roboto-Regular;
font-Size: 16px;
padding-right: 31px;
width: 95%;
left: 31px;
line-height: 21px;
}

.clsfootmsgup span {
text-align: left;
width: 100%;
display: block;
padding-bottom: 10px;
}

.clstableDatash {
border: 1px solid #95A0A3;
color: #3D4850;
font-family: Roboto-Regular;
font-size: 16px;
height: 33px;
margin: auto auto 51px !important;
text-indent: 16px;
width: 405px;
min-width: 405px;
display: block;
line-height: 33px;
position: relative;
}

.clsInformationheader {
width: 1249px !important;
height: 50px !important;
position: relative;
left: 0 !important;
}

.clsInformationheader span + span {
width: auto !important;
}

.clsaboutlinebrk {
line-height: 22px;
}

.clstableDatash td:first-child {
width: 120px !important;
}

.clstableDatash td + td {
width: 50px !important;
}

.clstableDatash td:nth-child(3) {
margin-right: 20px !important;
}

.clstableData2 {
margin: 0px 0px 41px 48px !important;
position: relative;
width: 1209px;
}

.clstableData2 tr:first-child {
position: relative;
width: 805px !important;
font-family: Roboto-Medium;
font-size: 16px;
}

.clstableData2 ~ div {
color: #3d4850;
font-family: Roboto-Regular;
font-size: 16px;
padding-left: 48px;
}

.clstableData2 tr td:nth-child(1) {
width: 30px !important;
}

.clstableData2 tr td {
text-align: center;
float: left;
line-height: 45px;
text-indent: 20px;
}

.clstableData2 tr td:nth-child(2) {
height: 32px;
line-height: 32px;
position: relative;
text-align: left;
padding-left: 10px;
display: none;
}

.clstableData2 tr + tr {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
height: 45px;
padding-left: 5px;
border-top: 1px solid #95a0a3;
border-bottom: 1px solid #95a0a3;
}

.clstableData2 tr + tr td div.csipcolor_left {
margin-top: 12px !important;
}

.clstableData2 tr + tr td {
line-height: 45px;
}

.clstableData2 tr {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
height: 45px;
padding-left: 5px;
border: none;
}

.clstableData tr:first-child {
position: relative;
width: 805px !important;
font-family: Roboto-Medium;
font-size: 16px;
border-top: none;
}

.clstableData tr td:nth-child(1) {
width: 30px !important;
}

.clstableData tr td:nth-child(2) {
height: 32px;
line-height: 32px;
position: relative;
display: none;
text-align: left;
padding-left: 10px;
}

.clstableData tr td {
text-align: center;
/*width: 108px !important;
padding-left: 12px;
float: left;*/
}

.clstableData tr + tr td {
line-height: 45px;
}

.clstableData tr td:nth-child(11) {
/*width:101px !important;*/
}

.clstableData tr td:nth-child(12) {
/*width:72px !important;*/
padding-left: 0px !important;
}

.clstableData tr {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
height: 45px;
padding-left: 5px;
border-top: 1px solid #95a0a3;
}

.clstableData tr + tr {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
height: 45px;
padding-left: 5px;
border-top: 1px solid #95a0a3;
border-bottom: 1px solid #95a0a3;
}

.clstableData tr + tr {
border-top: 1px solid #95a0a3;
}

.clstabledataNew ~ div {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
top: -61px;
padding-left: 31px;
}

.clstableData tr td {
width: 1249px;
padding-bottom: 2px;
}

.clstableData ~ div {
padding-left: 48px;
}

.clstableData ~ div span {
font-family: Roboto-Regular;
font-size: 16px;
float: left;
}

.clspercentage {
width: 667px;
margin: 0px auto;
margin-bottom: 41px;
}

.clspercentage td {
float: left;
}

.clsGraphFooterHeading {
font-family: Roboto-Bold !important;
font-size: 16px !important;
color: #3d4850 !important;
position: relative;
top: -10px;
}

.clspercentage tr {
float: left;
width: 667px;
}

.clspercentage tr + tr {
margin: 0px;
}

.clspercentage table tr {
margin-bottom: 0px;
}

.clspercentage td + td {
width: 45px;
float: left;
}

.clspercentage td:nth-child(3) {
width: 120px;
float: left;
}

.clspercentage td:nth-child(4) {
width: 40px;
height: 40px;
float: left;
}

.clspercentage td:nth-child(5) {
width: 312px;
float: left;
}

.clstotalDate tr td:nth-child(5) {
margin-left: 88px;
}

.clstotalDate tr + tr td:nth-child(5) {
margin-left: 88px;
}

.clspercentage td span {
font-family: Roboto-Regular;
font-size: 16px;
float: left;
line-height: 40px !important;
text-align: right;
width: 100%;
}

.clspercentage td .color_right {
font-family: Roboto-Regular;
font-size: 16px;
line-height: 40px;
}

.clspercentage ~ .sjptable td {
padding-left: 31px;
font-family: Roboto-Bold;
font-size: 16px;
color: #3d4850;
padding-bottom: 5px;
}

.clspercentage ~ div {
padding-left: 48px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

.clspercentage tr {
float: left;
}

.clspercentage tr + tr {
width: 100%;
margin: auto;
position: relative;
top: -1px;
}

.clstotalDate {
height: 66px;
width: 405px;
min-width: 405px;
display: block;
width: 667px;
}

.clstotalDate tr {
border-bottom: 1px solid #95a0a3;
border-collapse: collapse;
border-top: 1px solid #95a0a3;
color: #3d4850;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
margin: 0 !important;
width: 100%;
}

.clstotalDate tr + tr {
height: 40px;
border-bottom: 1px solid #95a0a3;
}

.clstotalDate td {
line-height: 40px;
position: relative;
height: 40px;
width: 298px !important;
}

.clstotalDate td:nth-child(1) {
width: 30px !important;
}

.clstotalDate tr:nth-child(2) td:nth-child(1) {
width: 30px !important;
}

.clstotalDate td:nth-child(3) {
width: 169px !important;
position: relative;
right: 30px;
}

.clstotalDate tr:nth-child(2) td:nth-child(3) {
width: 169px !important;
position: relative;
right: 30px;
}

.clspercentage .clstotalDate tr td {
float: left;
}

.clsBankingwrap {
}

.clsBankingwrap span {
float: left !important;
text-indent: 37px !important;
max-width: 172px !important;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
left: 47px;
}

.clsBankingwrap span:first-child {
word-spacing: 1px;
}

.clsBankingVals span {
text-align: right !important;
float: none !important;
}

.clsProtectionwrap td {
display: inline-block;
}

.clsProtectionwrap span {
padding-left: 47px;
font-size: 14px;
width: 158px !important;
}

.clsMoneyTableAlign a{
float: none !important;
}

.clsMoneyMgmt span {
padding-left: 34px;
text-overflow: ellipsis;
overflow: hidden;
float: left !important;
white-space: nowrap;
max-width: 172px !important;
}

.clsMoneyMgmt span span {
padding-left: 47px;
}

.clsBankingVals {
color: #3d4850 !important;
}

.clsProtectionval {
color: #3d4850 !important;
}

.clsMoneyMgmtVals span {
text-align: right !important;
float: none !important;
}

.clsProtectionval span {
text-align: right !important;
float: none !important;
font-size: 14px;
}

#trBankDateDiff td {
width: 100% !important;
}

#trBankDateDiff span {
text-align: left !important;
width: 100%;
}

#trNoBankings {
border-bottom: none;
}

.clschangePos .clsNTxt {
text-decoration: none;
color: #172b49;
width: auto;
padding-left: 1px;
display: inline;
position: relative;
top: 0;
left: -4px;
}

.clschangePos .clsLnkTxt {
width: auto;
display: inline;
position: relative;
top: 0;
left: -1px;
}

/*Plan details */

.clssjpTablepd tr {
border-bottom: 1px solid #DFEEF3;
}

.clssjpTablepd tr:last-child {
font-family: Roboto-Bold;
font-size: 16px;
font-weight: bold;
}

/*Defect 6973 - remove padding-right: 5px; by Sivaranjani */

.clssjpTablepd td {
margin: 0px;
font-family: Roboto-Regular;
font-size: 16px;
border-collapse: collapse;
vertical-align: middle;
}

.clssjpTablepd tr + tr td:nth-child(1) {
margin: 0px;
font-family: Roboto-Regular;
font-size: 16px;
border-collapse: collapse;
height: 48px;
vertical-align: middle;
padding: 0px 0px 0px 10px;
position: relative;
}

.clssjpTablepd tr + tr td {
margin: 0px;
font-family: Roboto-Regular;
font-size: 16px;
border-collapse: collapse;
height: 50px;
vertical-align: middle;
}

/* investor Returns */

.clsreadMore a {
top: -19px;
position: absolute;
right: 450px !important;
}

.clsreadMore2 a {
top: 2px;
position: absolute;
left: 189px !important;
width: 94px;
}

.clsreadMore3 a {
left: 663px !important;
position: absolute;
width: 94px;
}

.csipcolor_left {
width: 45px;
float: left;
height: 45px;
}

.csipcolor_right {
width: 15px;
float: left;
margin-left: 3px;
}

.clsGraphHeading {
min-width: 100px;
margin: auto;
font-family: Roboto-Medium;
font-size: 17px;
display: block;
margin: 40px auto;
text-align: center;
}

.clsGraphHeading2 {
min-width: 100px;
margin: auto;
font-family: Roboto-Medium;
font-size: 17px;
display: block;
margin: 48px auto;
text-align: center;
}

.clsGraphHeading3 {
min-width: 100px;
margin: auto;
font-family: Roboto-Medium;
font-size: 17px;
display: block;
margin: 51px auto;
text-align: center;
margin-bottom: 46px;
}

.clsGraphHeading4 {
width: 100% !important;
margin: auto;
font-family: Roboto-Medium;
font-size: 17px;
display: block;
margin: 68px auto;
text-align: center;
margin-bottom: 20px;
}

/* Table Layout */

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

.clssjpTable table {
width: 100%;
}

#InPersonIR,#RetirementIR,#IntrustIR{
text-align:center;
}

.clstableSection {
width: 1279px;
background: #fff;
}

.clsAPtableSection {
width: 1279px;
background: #fff;
}

.clstablechartSection {
height: 100%;
background: #FFF none repeat scroll 0% 0%;
border: 1px solid #CCC;
display: table;
position: relative;
max-height: 682px;
min-height: 100px;
padding-bottom: 25px;
width: 1279px;
}

.clstablechartSectionpd {
height: 100%;
background: #FFF none repeat scroll 0% 0%;
border: 1px solid #CCC;
display: table;
position: relative;
max-height: 682px;
min-height: 100px;
padding-bottom: 75px;
width: 1279px;
margin-top: 16px;
}

.clstablechartHeading {
font-family: Roboto-Regular !important;
font-size: 24px !important;
color: #231F20;
text-align: center;
padding-top: 38px;
}

.clstablechartSectionpd .sjpPtable .lft_txtpd {
padding: 33px 0px 43px 0px;
font-family: Roboto-Regular;
font-size: 24px;
color: #231f20;
text-align: left;
padding-left: 210px;
}

.clstableRow {
width: 100%;
height: 130px;
background: #315A7B;
color: #fff;
}

.clstableRowAudit {
width: 100%;
height: 110px;
background: #315A7B;
color: #fff;
}

.clstableRowAudit tr td:not(:last-child) {
border-right: #94aaba solid 2px !important;
}

.clstableRowAudit ~ tr td:not(:first-child) {
padding-right: 12px;
text-align: right !important;
}

.clstableRowAudit ~ tr:last-child td {
font-family: Roboto-Bold !important;
font-size: 16px;
color: #315A7B;
text-align: left;
}

.clstableRowAudit ~ tr td:first-child {
border-right: #DFEEF3 solid 2px !important;
padding-left: 19px;
border-bottom: none;
display: block;
line-height: 48px; 
border-right: 1px solid #DFEEF3 !important;
}

.clstableRowAudit td:nth-child(1) {
width: 140px; 
padding-left: 19px;
}

.clstableRowAudit td:nth-child(2) {
width: 91px;
}

.clstableRowAudit td:nth-child(3) {
width: 103px;
}

.clstableRowAudit td:nth-child(4) {
width: 90px;
}

.clstableRowAudit td:nth-child(5) {
width: 89px;
}

.clstableRowAudit td:nth-child(6) {
width: 85px;
}

.clstableRowAudit td:nth-child(7) {
width: 72px;
}

.clstableRowAudit td:nth-child(8) {
width: 99px;
}

.clstableRowAudit td:nth-child(9) {
width: 97px;
}

.clstableRowAudit td:nth-child(10) {
width: 75px;
}

.clstableRowAudit td:nth-child(11) {
width: 114px;
}

.clstableRowAudit td:nth-child(12) {
width: 122px;
}

.clstableRowAudit td {
margin: 0;
font-family: Roboto-Regular;
font-Size: 17.08px !important;
border-collapse: collapse;
vertical-align: middle;
}

.clstableRowAudit ~ tr td {
background: #fff;
}

.clstableRowpd {
width: 100%;
height: 70px;
background: #315A7B;
color: #fff;
margin-top: 8px;
}

.clstableRowpf {
width: 100%;
height: 70px;
background: #315A7B;
color: #fff;
margin-top: 8px;
}

.clstableRowpf td:last-child {
position: relative;
text-indent: -10px !important;
width: 160px;
}

.clstableRowpf ~ tr td:nth-child(2) {
width: 188px;
}

.clstableRowpf ~ tr td:nth-child(3) {
width: 165px;
}

.clstableRowpf ~ tr td:nth-child(4) {
width: 170px;
}

.clstableRowpf ~ tr td:nth-child(5) {
width: 181px;
}

.clstableRowpf ~ tr td:nth-child(6) {
width: 184px;
}

.clstableRowpf ~ tr td:nth-child(7) {
position: relative;
}

.clstableRowpf td:first-child {
padding-left: 10px;
}

.clstableRowpd td:first-child {
padding-left: 10px;
}

.clssjpTablepd td:first-child {
padding-left: 10px;
text-align: left;
}

.clssjpTablepd td {
padding-left: 10px;
}

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

.clstableRowad {
width: 100%;
height: 130px;
background: #315A7B;
color: #fff;
}

.clstableRowadp {
width: 100%;
height: 100px;
background: #315A7B;
color: #fff;
}

.clssjpTable tr > tr {
color: #fff;
}

.clssjpTable tr + tr {
color: #3d4850;
}

.clstableSection.table tr td {
padding: 4px 7px;
}

.clssjptableTitle {
vertical-align: bottom;
background-color: #315a7b;
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
text-align: center;
}

.clssjptableTitle td {
color: #fff;
}

.clssjptableTitad td {
color: #fff !important;
}

.clssjpTable tr + tr td {
margin: 0;
font-family: Roboto-Regular;
font-Size: 16px;
border-collapse: collapse;
height: 50px;
vertical-align: middle;
}

.clssjpTable tr + tr td:nth-child(1) {
margin: 0;
font-family: Roboto-Regular;
font-Size: 16px;
border-collapse: collapse;
height: 50px;
vertical-align: middle;
position: relative;
}

.clssjpTable tr + tr td table td:nth-child(1) {
margin: 0;
font-family: Roboto-Regular;
border-collapse: collapse;
height: 75px;
text-align: right;
vertical-align: middle;
padding: 0px 17px 0px 0px;
position: relative;
text-indent: 55px;
}

#divPOFundAsset table tr td{
white-space: nowrap !important; 
}
/*Defect ID:2047--- OLWA UI_Fund name is mismatched with OLWA UI & Print in Summary table for Retirement and Invenstment in trust*/
#divRetFundAsset table tr td{
white-space: nowrap !important;
}
#divITFundAsset table tr td{
white-space: nowrap !important; 
}
.clssjpTable tr + tr td table td:nth-child(1) a span {
text-indent: 55px;
padding-left: 47px;
max-width: 172px;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
position: relative;
overflow: hidden;
}

.clssjpTable tr + tr td table td:nth-child(1) a span + span {
/*left: 25px;*/
position: relative;
text-indent: 0;
/*top: 10px;*/;
}

.clssjpTable tr + tr td table td:nth-child(1) {
width: 50%;
}

.paddingbtm28 {
padding-bottom: 28px;
}

.paddingbtm13 {
padding-bottom: 13px;
}

.clssjpTable tr + tr td table td:nth-child(1) a {
float: left;
position: relative;
text-indent: 0;
width: 208px;
}

.sjpvarious td span {
padding-left: 80px !important;
}

.clsVarioussection {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height: auto;
width: 1279px;
}

.clsVarioussection .clsPlanLabel {
color: #3d4850;
float: left;
font-family: Roboto-Medium;
font-size: 16px;
line-height: 50px;
padding: 0 25px 0 30px;
vertical-align: middle;
width: 120px !important;
}

.clsVarioussection .clsPlanText {
float: left;
font-family: Roboto-Regular;
font-size: 16px;
line-height: 23px;
padding-top: 10px;
width: 1100px;
padding-top: 13px;
padding-bottom: 13px;
}

.clsVarioussection .clsPlanText a {
color: #0E6A61;
text-decoration: underline;
}

#trIsWheelServicePlanBankDateDiff td {
position: relative;
}

.clssjpTable tr + tr td table td:nth-child(1) a + a {
float: left;
position: relative;
text-align: left;
text-indent: 0;
width: 5px;
margin-top: -5px;
}

.clssjpTable tr + tr td table td:nth-child(1) span {
text-align: right;
text-indent: 0px !important;
}

.clssjpTable tr + tr td table td:nth-child(2) {
padding: 0 17px 0 0 !important;
}

.clssjpTable tr + tr td:nth-child(2) {
padding: 0 17px 0 0 !important;
}

.clssjptabInner tr {
height: 55px;
}

.clssjptabInner tr+ tr {
height: 40px;
}

.clssjpTable td {
margin: 0;
font-family: Roboto-Regular;
font-Size: 16px;
border-collapse: collapse;
vertical-align: middle;
}

.clsequadivRight {
width: 615px;
float: right;
margin-right: 62px;
margin-bottom: 50px;
}

.chartdivtit {
position: relative;
}

.chartdivtit span {
position: relative;
}

.clsequadivLeft {
width: 462px;
margin-right: 82px;
float: left;
margin-left: 57px;
}

.clstblChart {
margin-top: 35px;
margin-right: 62px;
background: #fff;
border: 1px solid #ced7de;
width: 612px;
position: relative;
right: 62px;
}

.clstblChart .clstblchartHeader {
background: #ced7de;
height: 60px;
font-family: Roboto-Regular;
font-size: 18px;
color: #3d4850;
}

.clstblChart .clstblchartHeader ~ tr {
height: 50px;
border-bottom: 1px solid #ced7de;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: normal;
}

.clstblChart .clstblchartFooter {
border-bottom: 1px solid #ccc;
background: #ced7de;
height: 60px;
font-family: Roboto-Regular;
font-size: 18px;
color: #3d4850;
}

.clstblChart .clstblchartFooter ~ tr {
height: 50px;
border-bottom: 1px solid #ced7de;
font-family: Roboto;
font-size: 16px;
color: #3d4850;
font-weight: normal;
}

.clstblchartFooter span {
height: 60px;
width: 360px;
display: block;
float: left;
line-height: 60px;
padding-left: 26px;
}

.clstblchartFooter span + span {
height: 50px;
width: 150px;
display: block;
float: left;
line-height: 50px;
padding-left: 26px;
}

.clstblChart .clscolorLblue {
background: #aaccdb;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolordblue {
background: #4390cd;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolorvdblue {
background: #28526f;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolordpink {
background: #5f2979;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolorlpink {
background: #b80f70;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolororange {
background: #ea5936;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscoloryellow {
background: #f8b032;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolorgreen {
background: #c0c841;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolordgreen {
background: #3b8c40;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .clscolorldgreen {
background: #2ca598;
height: 20px;
width: 20px;
border-radius: 100%;
float: left;
margin-left: 26px;
}

.clstblChart .color_right {
margin-left: 60px;
}

.clstblchartHeader {
width: 632px;
height: 60px;
float: left;
}

.clssjptableChartOne {
width: 368px;
height: 60px;
float: left;
display: inline;
line-height: 60px;
padding-left: 26px;
}

#fundChartwrapper .clssjptableChartOne {
width: 338px;
height: 60px;
float: left;
display: inline;
line-height: 60px;
padding-left: 26px;
}

.clssjpTable table table tr {
border: none !important;
}

.clssjpTable tr:nth-child(2) td table tr {
border: none !important;
}

.clssjpTable tr:nth-child(7) td table tr:last-child {
border: medium none !important;
}

.clssjpTable tr:nth-child(11) td table tr {
border: medium none !important;
}

.clssjpTable tr:nth-child(12) td table tr {
}

.clssjpTable tr:nth-child(13) td table tr {
border: medium none !important;
}

.clssjpTable td table td:nth-child(2) {
border-right: none;
}

.clssjpTable .clsExpand td tr td:nth-child(2) {
border-right: 1px solid #DAE2E7;
}

.clssjpTable .clsExpand td tr td table tr td:nth-child(2) {
border-right: none;
}

.clsExpand {
background: #F6F7F8;
}

.clssjpTable tr + tr:not(:last-child) {
border-bottom: 2px solid #dfeef3;
border-spacing: 0;
padding: 0.5px !important;
}

.clsExpand tr:not(:last-child) {
border-bottom: #DFEEF3 solid 2px;
}

div:not([style*="display:none"]):last-child {
}

.clssjpTable tr td:not(:last-child) {
border-right: #DFEEF3 solid 1px;
}

.clsExpand tr td:not(:last-child) {
border-right: #DFEEF3 solid 1px;
}

.clsExpand tr:not([style*="display:block"]):last-child {
border-bottom: none;
}

.clsBorderNone {
border: none !important;
}

.clsExpand .sjpvarious {
border-top: 2px solid #dfeef3;
}

.clsBorderNone {
border: none !important;
}

#fundChartwrapper .clssjptableChartTwo {
float: left;
height: 60px;
line-height: 60px;
padding-right: 53px;
width: 110px;
}

.clssjptableChartTwo {
float: left;
height: 60px;
line-height: 60px;
padding-right: 53px;
width: 110px;
text-align: right;
}

#fundChartwrapper .clssjptableChartThree {
float: left;
height: 60px;
line-height: 60px;
text-align: center;
width: 55px;
}

.clssjptableChartThree {
float: left;
height: 60px;
line-height: 60px;
position: relative;
right: 10px;
text-align: right;
width: 56px;
}

#fundChartwrapper .clssjptableChartThree {
line-height: 60px;
position: relative;
text-align: right;
width: 56px;
right: 12px;
}

#trRetirement table tr {
border-bottom: 0px;
}

#trProtectionsHeading tr {
border-bottom: 0px;
}

#trBanking tr {
border-bottom: 0px;
}

.planSummary {
height: 195px;
width: 1279px;
border: 1px solid #ccc;
background: #fff;
}

.planSummarysub {
background: #fff none repeat scroll 0 0;
border: 1px solid #ccc;
height: 142px;
width: 100%;
}
.planSummarydyn {
height: 160px;
width: 1279px;
border: 1px solid #ccc;
background: #fff;
padding-top: 20px;
}
#lnkFooterAboutYourAccount {
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
color: #0E6A61 !important;
}

#expandChart1 {
width: 1209px;
}

#expandChart2 {
width: 1209px;
}

#expandChart3 {
width: 1209px;
}

#expandChart4 {
width: 1209px;
}

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

.align_r {
text-align: right;
}

.align_left {
text-align: left;
text-indent: 40px;
}

.clstblChart {
margin-top: 35px;
background: #fff;
border: 1px solid #ced7de;
width: 614px;
position: relative;
right: 0px !important;
float: left;
}

.clstblChart .clstblchartHeader {
background: #ced7de;
height: 60px;
font-family: Roboto-Regular;
font-size: 18px;
color: #3d4850;
width: 100%;
}

.subbold_txt span {
padding-left: 0px;
text-align: right;
}

.blue_bgn {
margin-bottom: 16px;
margin-top: 62px;
}

.blue_bgnChart {
margin-bottom: 20px;
margin-top: 50px;
}

.chartHeight {
height: 682px;
}

#trBankDateDiff {
border-bottom: none;
}

/*Accordion */

table.clsAccordion {
border-collapse: collapse;
border-spacing: 0;
box-sizing: border-box;
color: #444;
cursor: default !important;
position: relative;
top: 0;
width: 100%;
}

table.clsgroupList {
padding: 0 18px;
display: none;
background: #fff;
margin-top: 50px;
}

table.clsgroupList.show {
display: block;
}

.clsslideAccordion {
position: relative;
top: 0px;
left: 12px;
cursor: pointer;
float: left;
}

.clsslideAccordion a {
text-decoration: none;
}

.clsslideAccordion img {
position: absolute;
left: -30px;
}

.clsgroupList {
width: 200px;
overflow: hidden;
}

.clsgroupList td {
height: 50px;
width: 80%;
display: block;
padding-left: 90px;
text-align: left;
padding-top: 15px;
overflow: auto;
border-bottom: 1px solid #dae2e7;
}

.active {
opacity: 1!important;
}

.clsHoldLink {
Color: #128579;
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1220px -677px;
padding-left: 24px;
cursor: pointer;
display: inline-block;
}

.clsCollaps {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1220px -737px;
display: inline-block;
height: 20px;
}

.clsExpandIp .clsHoldLink {
background: none;
display: inline-block;
cursor: default;
}

.clsExpandIp {
display: none;
}

.clsExpand .clsHoldLink {
background: none;
display: inline-block;
cursor: default;
}

.clsExpand {
display: none;
}

.clsExpand td tr td:nth-child(1) {
text-align: left !important;
font-family: Roboto-Regular;
font-size: 14px;
text-indent: 10px;
}

.clsExpand td tr td + td {
color: #3d4850;
}

.clsExpand td tr td table td:nth-child(1) {
text-align: right !important;
font-size: 16px;
}

.clsExpand td table tr td span {
width: 175px;
float: left;
text-align: left !important;
}

a.hideshow, a.hideshow:visited {
position: relative;
display: inline-block;
background: url(../images/lg_collapse_icon.png) top right no-repeat;
height: 24px;
line-height: 12px;
font-size: 11px;
color: #000033;
right: 0px;
padding-right: 20px;
}

a.hideshow, a.hideshow:visited {
position: absolute;
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1214px -369px;
font-size: 11px;
color: #003;
right: 25px;
float: right;
line-height: 12px;
display: inline-block;
text-indent: -9999px;
width: 33px;
height: 33px;
top: 25px;
}

a.planhideshow, a.planhideshow:visited {
position: relative;
display: inline-block;
background: url("../images/image1.3.1.png") no-repeat -1220px -680px;
height: 13px;
line-height: 12px;
font-size: 11px;
color: #000033;
right: 0px;
padding-right: 62px;
}

.rgt_txt {
width: 100%;
}

.rgt_txt a {
text-indent: -9999px;
}

a.toggle_on {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1220px -295px;
}

#lblReportDate {
font-weight: bold !important;
padding-left: 2px;
}

#lblClientName {
font-weight: bold !important;
}

/* Need to update in code */

.clsExpand td tr td:nth-child(1) {
width: 219px !important;
}

.clsExpand td tr td:nth-child(2) {
width: 146px !important;
}

.clsExpand td tr td:nth-child(3) {
width: 375px !important;
}

.clsExpand td tr td:nth-child(4) {
width: 376px !important;
}

.clsExpand td tr td:nth-child(5) {
width: 125px !important;
}

.clsExpand td tr td table td:nth-child(1) {
width: 50% !important;
}

.backSecChange {
display: none;
}

.clsinfoPos {
position: absolute;
left: 57px;
padding: 0;
}

.clssjptabInnerAdp {
position: relative;
}

.clssjptabInner tr:nth-child(1) {
position: relative;
border: medium none !important;
}

.clssjptabInnerAd tr:nth-child(1) {
position: relative;
border: medium none !important;
}

.clssjptabInnerAdp tr:nth-child(1) {
position: relative;
border: medium none !important;
}

.clssjptabInnerAdp tr:nth-child(1) {
position: relative;
border: medium none !important;
}

.clssjptabInner tr:nth-child(1) td {
width: 100% !important;
position: absolute;
text-align: center;
}

.clssjptabInnerAd tr:nth-child(1) td {
width: 100% !important;
text-align: center;
position: relative;
right: 95px;
top: -10px;
}

.clssjptabInnerAdp tr:nth-child(1) td {
width: 100% !important;
text-align: center;
position: relative;
right: 156px;
top: -10px;
}

.clssjptabInner tr td {
text-align: center;
}

.clssjptabInner tr:nth-child(2) {
border: none;
}

.clssjptabInnerAd tr:nth-child(2) {
border: none;
}

.clssjptabInnerAdp tr:nth-child(2) {
border: none;
}

.clssjptabInner tr:nth-child(2) td {
border: none;
width: 50%;
font-family: Roboto-Regular !important;
font-size: 16px;
}

.clssjptabInnerAd tr:nth-child(2) td {
border: none;
width: 50%;
font-family: Roboto-Regular !important;
font-size: 16px;
}

.clssjptabInnerAdp tr:nth-child(2) td {
border: none;
width: 50%;
font-family: Roboto-Regular !important;
font-size: 16px;
}

.clssjptabInner tr + tr:nth-child(1) td {
font-family: Roboto-Regular;
font-size: 16px;
}

.clssjptabInner tr:nth-child(1) td {
border-left: none;
border-right: none;
line-height: 21px;
}

.clssjptabInnerAd tr:nth-child(1) td {
border-left: none;
border-right: none;
line-height: 21px;
height: 45px;
}

.clssjptabInnerAdp tr:nth-child(1) td {
border-left: none;
border-right: none;
line-height: 21px;
height: 45px;
}

.clssjptabInner tr:nth-child(1) td span + span {
width: 98px;
height: 21px;
float: left;
text-align: left;
}

.clssjptabInnerAd tr:nth-child(1) td span + span {
top: 12px;
width: 100px;
position: absolute;
left: 116px;
}

.clssjptabInnerAdp tr:nth-child(1) td span + span {
top: 27px;
width: 100px;
position: absolute;
left: 103px;
}

.clsPlanIndicator {
width: 100% !important;
}

.clsPlanIndicator td span {
width: 100% !important;
padding-left: 57px;
font-family: Roboto-Regular !important;
font-size: 16px;
float: left;
}

.clssjptabInner tr:nth-child(1) td span {
float: left;
position: relative;
}

.clssjptabInnerAd tr:nth-child(1) td span {
float: left;
width: 130px;
}

.clssjptabInnerAdp tr:nth-child(1) td span {
float: left;
width: 130px;
padding-left: 35px;
}

.clssjptabInnerAdp tr:nth-child(2) td {
border: none;
}

.clsSeperator {
position: relative;
}

.clssjptabInnerAd tr:nth-child(2) td:nth-child(2).clsSeperator::before {
content: '';
width: 0;
height: 0;
}

td.clsSeperator::before {
background-color: #dae2e7;
bottom: -11px;
content: "";
height: 50px;
position: absolute;
right: 0;
width: 1px;
}

.clstableRow td:nth-child(2) span {
width: 100% !important;
display: block;
}

.clstableRowad td:nth-child(5) span {
width: 100% !important;
display: block;
}

.clstableRowad td:nth-child(3) span {
width: 100% !important;
display: block;
}

.clssjptabInnerAdp tr {
height: 50px;
}

.clssjptabInnerAdp tr td {
border-right: none;
}

.clssjptabInnerAdp tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 63px;
background-color: #DAE2E7;
bottom: 13px;
margin: auto;
}

.clssjptabInnerAd tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 32px;
background-color: #DAE2E7;
bottom: 13px;
margin: auto;
}

.clssjptabInner tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 14px;
background-color: #DAE2E7;
bottom: 13px;
margin: auto;
}

.W380 {
width: 380px;
}

.W136 {
width: 136px;
}

.W317 {
width: 317px;
}

.W291 {
width: 291px;
}

.W237 {
width: 237px;
}

.W163 {
width: 163px;
}

.W376 {
width: 376px;
}

.W125 {
width: 125px;
}

.W128 {
width: 128px;
}

.W209 {
width: 209px;
}

.W212 {
width: 212px;
}

.W106 {
width: 106px;
}

.W50P {
width: 50%;
}

.W262 {
width: 262px;
}

.W263 {
width: 263px;
}

.W206 {
width: 206px;
}

.W182 {
width: 182px;
}

.W208 {
width: 208px;
}

.W210 {
width: 210px;
}

.W212 {
width: 210px;
}

.W414 {
width: 414px;
}

.W1150 {
width: 1150px !important;
}

/* Navigation */
/*--Main Primary Navigation--*/

.clsprimeryNav {
float: right;
}

.clsprimeryNav li {
display: inline-block;
}

.clsprimeryNav li a {
font-family: 'Merriweather', serif;
font-size: 20px;
color: #182b48;
line-height: 100px;
cursor: pointer;
text-align: center;
height: 100px;
display: inline-block;
vertical-align: middle;
text-decoration: none;
width: 100%;
}

.clsprimeryNavHome li a {
font-family: 'Merriweather', serif;
font-size: 20px;
color: #182b48;
line-height: 113px;
cursor: pointer;
text-align: center;
height: 100px;
display: inline-block;
vertical-align: middle;
text-decoration: none;
width: 100%;
}

.clsprimeryNav li:hover {
background: #e4eaed;
}

K.clsprimeryNavHome li:hover {
background: #e4eaed;
}

.clsprimeryNav li.clsActive {
background: #e4eaed;
}

.clsprimeryNavHome li.clsActive {
background: #e4eaed;
}

.clssecondaryNav li:hover, .clssecondaryNav li.clsActive {
Background: #128579;
height: 71px;
text-decoration: none;
}

.clssecondaryNav li a {
text-decoration: none !important;
}

.clsMoneyMgmt span {
position: relative;
left: 13px;
}

/*--Main Secondary Navigation--*/

.clsSecondaryNav {
background: #182b49;
text-align: center;
}

.clsSecondaryNav ul {
margin: 0 auto;
}

.clsSecondaryNav li {
display: inline-block;
vertical-align: middle;
margin-left: -3px;
}

.clsSecondaryNav li a {
float: left;
padding: 0 28px;
height: 71px;
line-height: 71px;
font-family: 'Merriweather', serif;
font-size: 20px;
color: #fff;
text-decoration: none;
}

.clsSecondaryNav li a:hover, .clsSecondaryNav li a.clsActive {
Background: #128579;
}

/*Modal Popup */

.imgClose {
background: url(../Images/close.png) no-repeat;
cursor: pointer;
height: 14px;
width: 14px;
padding: 1px;
line-height: 4px;
}

.modalData {
text-align: justify;
display: block;
float: right;
padding: 5px;
line-height: 20px;
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #333333;
}

.modalimg {
float: right;
padding: 1px;
}

.modalblue_bg {
background-color: #e5eff4;
border: 1px solid white;
height: 370px;
width: 686px;
padding: 15px;
}

.imgQASClose {
background: url(../Images/x.png) no-repeat;
cursor: pointer;
height: 24px;
width: 24px;
padding: 1px;
}

.clsProfilePopupbk {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
left: 0;
}

.clsProfilecontInner h3 {
background: url("../images/image1.3.1.png") no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 22px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 22px;
outline: none;
cursor: pointer;
top: -36px;
float: right;
text-indent: -9999px;
position: absolute;
right: -35px;
}

.clsValuationscontInner h3 {
background: url("../images/image1.3.1.png") no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 22px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 22px;
outline: none;
cursor: pointer;
top: -29px;
float: right;
text-indent: -9999px;
position: absolute;
right: -33px;
}

.clsValuationstable{
width: 643px;
height: 240px;
margin: auto;
margin-bottom: 33px;
}

.clsProfileRegularContainer {
width: 300px;
margin: auto;
height: 50px;
}

.clsProfileRegularContainer ~ p {
float: left;
padding-top: 20px;
}

.clsProfileRegularContainer ~ p + p {
float: left;
font-family: 'Roboto-regular', serif;
font-size: 16px;
margin-bottom: 30px;
padding-top: 0px;
width: 100%;
}

.clsProfileRegularBlock {
display: block;
width: 100%;
height: 35px;
float: left;
}

.clsProfileRegularLeft {
float: left;
padding-right: 20px;
text-align: right !important;
width: 42%;
}

.clsProfileRegularRight {
float: left;
padding-left: 20px;
text-align: left !important;
width: 42%;
}

.clsProfilePopup {
background: #fff none repeat scroll 0 0;
height: 520px;
left: 50%;
margin-left: -490px;
margin-top: -260px;
position: absolute;
top: 50%;
width: 980px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsValuationsPopup {
background: #fff none repeat scroll 0 0;
height: 461px;
left: 50%;
margin-left: -416.5px;
margin-top: -230.5px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsProfilePopupAlert {
background: #fff none repeat scroll 0 0;
box-shadow: 6px 5px 9px -9px black;
min-height: 462px;
left: 50%;
margin-left: -251px;
margin-top: -236px;
position: absolute;
top: 50%;
width: 502px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
max-height: 628px;
}

.clsProfilePopupAlert h1 {
font-family: Merriweather;
font-size: 20px;
color: #182b48;
padding-top: 50px;
text-align: center;
font-weight: normal;
}

.clsProfilePopupAlert p {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
font-style: normal;
line-height: 22px;
text-align: left;
white-space: normal;
width: 300px;
margin: auto;
padding-top: 30px;
text-align: center;
}

.clsProfilePopupAlert input[type="submit"] {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
font-style: normal;
line-height: 38px;
text-align: left;
white-space: normal;
margin: auto;
padding-left: 35px;
text-align: center;
background: none;
border: none;
color: white;
text-indent:-9999px;
}

.clsProfilePopupAlert .clssubmitcode{
font-size: 16px;
color: white;
position: relative;
top: 4px;
left: 1px;
text-indent:45px;
}

.clsProfilePopupAlert p:nth-child(4) {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
font-style: normal;
line-height: 22px;
text-align: center;
white-space: normal;
margin: auto;
padding-top: 30px;
}

.clsProfilePopupAlert p:nth-child(5) {
font-family: Roboto-Regular;
font-size: 16px;
color: #6A7279;
font-style: normal;
line-height: 22px;
text-align: left;
white-space: normal;
margin: auto;
padding-top: 30px;
text-align: center;
}

.clsProfilePopupAlert p:nth-child(6) {
width: 160px;
}

.clsProfilePopupverify {
background: #fff none repeat scroll 0 0;
height: 377px;
left: 50%;
margin-left: -416.5px;
margin-top: -188.5px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsProfilePopupverifyPreference {
background: #fff none repeat scroll 0 0;
height: 520px;
left: 50%;
margin-left: -416.5px;
margin-top: -260px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsProfilePopupverifyPreference .clsProfileRegularContent span {
white-space: nowrap;
display: block;
text-align: center;
}

.clsKeypad {
width: 255px;
margin: 10px auto;
height: 35px;
margin-bottom: 0;
position: relative;
left: 1px;
}

.clsverifyCheck {
margin-top: 30px !important;
padding: 0 !important;
}

.clsverifyCheck a {
z-index: 100;
}

.clsverifyCheck span {
float: left;
margin-right: 10px;
z-index: 10000000000;
display: block;
color: #0E6A61;
cursor: pointer;
margin-left: 35px;
text-decoration: underline;
}

.clsverifyCheck img {
float: left;
}
.clsverifyCheckPaper {
margin-top: 10px !important;
padding: 0 !important;
}

.clsverifyCheckPaper a {
z-index: 100;
}

.clsverifyCheckPaper span {
float: left;
margin-right: 10px;
z-index: 10000000000;
display: block;
color: #0E6A61;
cursor: pointer;
margin-left: 35px;
text-decoration: underline;
}

.clsverifyCheckPaper img {
float: left;
}

.clsRequestCodeoff {
background: url("../images/image1.3.1.png") no-repeat -1316px -88px;
width: 30px;
height: 20px;
display: block;
float: left;
transform: translateX(-50%) translateY(-10%) rotate(-90deg);
cursor: pointer;
z-index: 10000000000;
margin-left: 0px !important;
}

.clsRequestCodeon {
background: url("../images/image1.3.1.png") no-repeat -1316px -88px;
width: 30px;
height: 20px;
display: block;
float: left;
transform: translateX(-30%) translateY(30%) rotate(90deg);
cursor: pointer;
z-index: 10000000000;
margin-left: 0px !important;
}

.clsKeypad input {
background: #ffffff;
border: 1px solid #dae2e7;
width: 35px;
height: 35px;
float: left;
display: inline;
text-align: center;
font-size: 15px;
position: relative;
margin-right: 4px;
}

.clsKeypad input:last-child {
margin-right: 0px !important;
}

.clsVerifyErrorMsg {
font-family: Roboto-Regular;
font-Size: 13px !important;
color: #DA3532 !important;
padding: 0px !important;
text-align: center !important;
width: 240px !important;
padding-top: 5px !important;
}

.lbltextalignright:after {
content: ",";
position: relative;
}

.clsProfileCont {
margin: 50px auto;
width: 950px;
height: 277px;
}

.clsValuationsCont {
margin: 38px 43px 0px 45px;
width: 745px;
height: 381px;
}

.clsProfilecontInner {
position: relative;
}

.clsValuationscontInner {
position: relative;
}

.clsProfileContAlert {
margin: auto;
width: 402px;
height: 100%;
}

.clsProfileCont img {
float: right;
margin-top: 15px;
}

.clsProfilePopup h1 {
font-family: Merriweather;
font-size: 24px;
color: #182b48;
text-align: center;
height: 24px;
font-weight: normal;
margin-bottom: 38px;
height:68px;
outline:none;
}

.clsValuationsPopup h1 {
font-family: Merriweather;
font-size: 24px;
color: #182b49;
text-align: center;
height: 24px;
font-weight: normal;
margin-bottom: 30px;
height: 38px;
outline: none;
}

.clsProfilePopup h1 span{
white-space: nowrap;
font-family: Merriweather;
font-size: 24px;
color: #182b48;
}

.clsValuationsPopup h1 span{
white-space: nowrap;
font-family: Merriweather;
font-size: 24px;
color: #182b48;
}

.clsValuationsPopup p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-bottom: 30px;
margin: auto;
line-height: 22px;
width: 643px;
}

.clsValuationsPopup p span{
white-space: nowrap;
}

.clsValuationsPopup p:nth-child(3){
width:245px;
}

.clsValuationsPopup p:nth-child(4){
width:245px;
}

.clsProfilePopup h1 span + span {
font-family: Merriweather;
font-size: 24px;
color: #182b48;
padding-top: 20px;
text-align: center;
position: relative;
top: 20px;
}

.clsProfilePopupverify h1 {
font-family: Merriweather;
font-size: 24px;
color: #182b49;
text-align: center;
margin-bottom: 38px;
outline:none;
}

.clsProfilePopupverifyPreference h1 {
font-family: Merriweather;
font-size: 24px;
color: #182b49;
text-align: center;
padding-bottom: 30px;
font-weight: normal;
outline:none;
}

.clsProfilePopupverify h1 + h1 {
font-family: Merriweather;
font-size: 30px;
color: #182b48;
padding-top: 0;
text-align: center;
}

.clsProfilePopupverifyPreference h1 span{
white-space: nowrap;
font-family: Merriweather;
font-size: 24px;
color: #182b48;
}

.clsProfilePopupverifyPreference h1 span + span {
font-family: Merriweather;
font-size: 24px;
color: #182b48;
padding-top: 20px;
text-align: center;
position: relative;
top: 20px;
}

.clsProfilePopupverify p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-bottom: 30px;
margin: auto;
line-height: 30px;
}

.clsProfilePopupverifyPreference p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-bottom: 25px;
margin: auto;
line-height: 30px;
padding-top:20px;
}

.clsProfilePopupverifyPreference input {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center;
padding-bottom: 25px;
margin: auto;
line-height: 30px;
}

.clsProfilePopup p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3d4850;
text-align: center; /*Important removed to be checked later*/
padding-bottom: 5px;
margin: auto;
line-height: 30px;

outline:none;
}

.clsProfilePopup p + p {
padding-bottom: 0px;
}

.clsProfilePopupverify p + p {
padding-bottom: 0px;
}

.clsProfilePopupverifyPreference p + p {
padding-bottom: 0px;
text-align: center;
margin: auto;
margin-bottom: 30px;
}

.clsProfilesubmit {
background: #128579 none repeat scroll 0 0;
bottom: 72px;
height: 40px;
margin: 0px auto 0;
width: 330px;
cursor: pointer;
}

.btnEmailPopupClose {
top: 14px !important;
}

.btnSendingFailedPopupClose {
top: 14px !important;
}

.btnMobilePopupClose {
top: 14px !important;
}

.clsProfilesubmit p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 275px;
margin: auto;
padding: 0;
text-align: center;
}

.clsProfilesubmit input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 275px;
margin: auto;
padding: 0;
text-align: center;
background:none;
border:none;
display: block;
}

.clscontainer {
width: 60%;
margin: 60px auto;
height: 40px;
}

.clscontainerverify {
width: 360px;
margin: auto;
position: relative;
top: 52px;
float: left;
margin-left: 21px;
}

.clsProfileask {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579;
bottom: 72px;
height: 40px;
margin: auto 0;
width: 188px;
cursor: pointer;
float: left;
color: #128579;
}

.clsProfileaskverify {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579;
height: 38px;
width: 170px;
cursor: pointer;
float: left;
}

.clsProfilerequestCode {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579;
height: 38px;
margin: 10px auto;
width: 254px;
cursor: pointer;
color: #128579 !important;
}

.clsExpandSection {
height: 180px;
background: #e8ecf0;
width: 398px;
position: relative;
left: 0;
top: 30px;
margin: auto;
position: relative;
width: 502px;
left: -50px;
}

.clsExpandSection p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #3d4850;
width: 362px;
margin: auto;
padding-top: 30px;
text-align: left;
}

.clsExpandSection p span {
white-space: nowrap;
}
.clsExpandSectionPaperless {
height: auto;
background: #e8ecf0;
position: relative;
left: 0;
top: 30px;
margin: auto;
position: relative;
width: 502px;

}

.clsExpandSectionPaperless p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #3d4850;
margin: auto;
padding-top: 30px;
}

.clsExpandSectionPaperless p span {
white-space: nowrap;
}


.clsProfilerequestCode p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 38px;
width: 180px;
margin: auto;
padding: 0;
text-align: center;
}

.clsProfileaskverify p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 38px;
width: 178px;
margin: auto;
padding: 0;
text-align: center;
}

.clsProfileask input[type="button"] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579 !important;
line-height: 40px;
width: 175px;
margin: auto;
padding: 0;
text-align: center;
background:none;
border: none;
}

.clsProfilecompleteCenter {
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 178px;
cursor: pointer;
margin: auto;
}

.clsProfilecompleteverify {
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 178px;
cursor: pointer;
float: right;
}

.clsProfilecomplete {
background: #128579 none repeat scroll 0 0;
bottom: 72px;
height: 40px;
margin: auto 0;
width: 235px;
cursor: pointer;
float: right;
margin-left: 14px;
}

.clsProfilecompleteCenter p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
width: 178px;
}

.clsProfilecomplete p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsProfilecomplete input[type="button"] {
background:none;
border: none;
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
width: 155px;
display: block
}

.clsProfilecompleteverify p {
font-family: Roboto-Regular;
font-Size: 16px !important;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
width: 178px;
}

.clsfocuschange:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsprofiletextcommentNameMob {
width: 1157px !important;
margin: auto;
background: #e8ecf0 !important;
height: 52px !important;
margin-top: 25px !important;
margin-bottom: 28px;
font-family: Roboto-Regular !important;
font-size: 16px;
color: #3d4850;
padding: 10px 0px 0px 22px !important;
line-height: 20px;
}

.clsht270 {
height: 270px;
}

.clsht70 {
height: 70px !important;
}

.clsht132{
height: 132px !important;
}

.clstp58 {
margin-top: 58px !important;
}

.margintp77 {
margin-top: 77px !important;
}

.clsht173 {
height: 173px !important;
}

.clsht214 {
height: 214px !important
}

.clsht215 {
height: 215px !important
}

.clsht255 {
height: 255px !important
}

.clsht330 {
height: 330px !important;
}

.clsht265 {
height: 265px !important;
}

.clsht300 {
height: 300px !important;
}

.clsht310 {
height: 310px !important;
}

.clsht355 {
height: 355px !important;
}

.clsht276 {
height: 276px !important
}

.clsht280 {
height: 280px !important
}

.clsht345 {
height: 345px !important
}

.clsht350 {
height: 350px !important;
}

.clsht379 {
height: 379px !important;
}

.clsht276 {
height: 276px;
}

.clsht567 {
height: 567px !important;
}

.clsht240 {
height: 240px !important;
}

.clsht245 {
height: 245px !important;
}

.clsht209 {
height: 209px !important;
}

.clsht106 {
height: 106px !important;
}

.clsht202 {
height: 202px !important;
}

.clsht407 {
height: 407px !important;
}

.clsht380 {
height: 380px !important;
}

.clsht400{
height:400px !important;
}

.clsht456{
height:456px !important;
}

.clsht475{
height:475px !important;
}

.clsht560{
height:560px !important;
}

.clsht575{
height:575px !important;
}

.clsht450 {
height: 450px !important;
}

.clsht395 {
height: 395px !important;
}

.clsht495 {
height: 495px !important;
}

.clsht515 {
height: 515px !important;
}

.clsht570 {
height: 570px !important;
}


.clsht580{
height: 580px !important;
}

.clsht610{
height: 610px !important;
}

.clsht660{
height: 660px !important;
}

.clsht710{
height: 710px !important;
}

.clsht344 {
height: 344px !important;
}

.clsht184 {
height: 184px !important;
}

.clsht199 {
height: 199px;
}

.clsht167 {
height: 167px;
}

.clsmb10 {
margin-bottom: 10px;
}

.clsmb86 {
margin-bottom: 86px;
}

.clsrmb86 {
bottom: 86px;
position: relative;
}

.clsmb199 {
margin-bottom: 199px;
}

.clsht294 {
height: 294px !important;
}

.clsposBlock {
display: block;
height: 72px;
float: left;
}

.clsprofiletextcommentName {
width: 1157px !important;
margin: auto;
background: #e8ecf0 !important;
height: 45px !important;
margin-top: 18px;
margin-bottom: 28px;
font-family: Roboto-Regular !important;
font-size: 16px;
color: #3d4850;
padding: 0px 0px 0px 22px !important;
line-height: 45px;
}

.clsprofiletextcommentName a{
color: #0E6A61 !important;
}

.clsprofiletextcommentNameMob {
width: 1157px !important;
margin: auto;
background: #e8ecf0 !important;
height: 52px !important;
margin-top: 25px !important;
margin-bottom: 28px;
font-family: Roboto-Regular !important;
font-size: 16px;
color: #3d4850;
padding: 10px 0px 0px 22px !important;
line-height: 20px;
}

.clsprofilebuttonedit {
background: #128579 none repeat scroll 0 0;
height: 38px;
position: absolute;
width: 200px;
cursor: pointer;
float: right;
top: 15px;
bottom: 15px;
right: 0;
}

.clsprofilebuttonedit p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonedit:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsprofilebuttonverify {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
margin-top: 28px;
}

.clsprofilebuttonverifymob {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 220px;
cursor: pointer;
float: right;
margin-top: 28px;
}

.clsprofilebuttonverifymob p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonverify p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttoncancel {
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
top: 27px !important;
border: none !important;
pointer-events: none;
}

.clsprofilebuttoncancel p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #0E6A61;
line-height: 40px;
margin: auto;
padding: 0;
text-align: right;
height: 0px;
pointer-events: all;
padding-right: 41px;
text-decoration: underline;
}

.clsprofilebuttoncancelpref {
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: left;
pointer-events: none;
}

.clsSavePreferences {
margin-top: 58px;
}

.clsSaveCurrency {
margin-top: 0;
}

.clsprofilebuttoncancelpref p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #0E6A61;
line-height: 40px;
margin: auto;
padding: 0;
text-align: right;
height: 10px;
pointer-events: all;
padding-right: 41px;
text-decoration: underline;
}

.heightAuto {
height: auto;
}

.heightNew {
height: 180px;
}

.clsprofilebuttonmobile {
background: #128579 none repeat scroll 0 0;
height: 38px;
position: absolute;
width: 200px;
cursor: pointer;
float: right;
top: 18px;
bottom: 15px;
right: 0;
}

.clsprofilebuttonmobile:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsprofilebuttonmobile p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonchange {
height: 40px;
position: relative;
cursor: pointer;
float: left;
right: 0px;
top: 0px;
pointer-events: none;
}

.clsprofilebuttonchange p {
font-family: Roboto-Regular;
font-Size: 15px;
line-height: 40px;
margin: auto;
padding: 0;
text-align: right;
color: #0E6A61;
pointer-events: all;
height: 0px;
text-decoration: underline;
}

.clsprofilebuttonsend {
background: #fff none repeat scroll 0 0;
height: 38px;
position: relative;
width: 200px;
cursor: pointer;
float: left;
right: 15px;
bottom: 28px;
border: 1px solid #128579;
}

.clsprofilebuttonsend p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #128579;
line-height: 38px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonverifyEn {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
right: 15px;
bottom: 28px;
right: 0;
}

.clsprofilebuttondisabled {
background: #999999 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
right: 15px;
top: 17px;
opacity: 0.5;
pointer-events: none;
}

.clsprofilebuttondisabled p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttondisabledsec {
background: #999999 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
right: 15px;
top: -9px;
opacity: 0.5;
pointer-events: none;
}

.clsprofilebuttondisabledsec p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonverifyEn p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonpreferences {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
top: -10px;
}

.clsprofilebuttonpreferences:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsprofilebuttonpreferencessave {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
}

.clsprofilebuttonpreferencessave p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.btnSetOnlinePayments {
background: #128579 none repeat scroll 0 0;
height: 38px;
position: absolute;
width: 200px;
cursor: pointer;
float: right;
top: 15px;
bottom: 15px;
right: 0;
}

.btnDisabledOnlinePayments {
height: 38px;
width: 200px;
float: left;
}

.btnDisabledOnlinePayments p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #3D4850;
margin: auto;
padding: 0;
text-align: left;
}

.btnhiddenOnlinePayments {
background: #E8ECF0 none repeat scroll 0 0;
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
height: 40px;
width: 176.9px;
float: right;
margin-top: 24px;
pointer-events:none;
}

.btnhiddenOnlinePayments p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #919C9F;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.btnSetOnlinePayments p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.btnSetISAInvestments {
background: #128579 none repeat scroll 0 0;
height: 38px;
position: absolute;
width: 200px;
cursor: pointer;
float: right;
top: 15px;
bottom: 15px;
right: 0;
}

.btnSetISAInvestments p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.btnChangeCSIPAccess {
background: #128579 none repeat scroll 0 0;
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
height: 40px;
width: 200px;
float: right;
margin-top: -10px;
}

.btnChangeCSIPAccess p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
cursor: pointer;
}

.btnCSIPAccessCancel {
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: left;
pointer-events: none;
}

.btnCSIPAccessCancel p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #0E6A61;
margin: auto;
padding: 0;
text-align: right;
padding-right: 41px;
text-align: right;
height: 0px;
pointer-events: all;
text-decoration: underline;
}

.btnSaveCSIPAccess {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
top: -10px;
height: 40px;
}

.btnSaveCSIPAccess p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttonpreferences p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilebuttoncurrency {
background: #128579 none repeat scroll 0 0;
height: 40px;
position: relative;
width: 200px;
cursor: pointer;
float: right;
top: -10px;
}

.clsprofilebuttoncurrency:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsprofilebuttoncurrency p {
font-family: Roboto-Regular;
font-Size: 15px;
color: #fff;
line-height: 40px;
margin: auto;
padding: 0;
text-align: center;
}

.clsprofilehidden {
visibility: hidden;
}

/*welcome Section*/

.welcomeColumn {
float: left;
margin-left: -11px;
padding: 11px 10px 11px 11px;
width: 32%;
}

.imgHelp {
background: url("../images/image1.3.1.png") no-repeat -1235px -191px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 22px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 22px;
outline: none;
cursor: pointer;
margin-left: 10px;
margin-top: 12px;
float: left;
}

.submitDetails {
float: left;
height: 40px;
margin-top: 83px;
position: absolute;
width: 100%;
}

.imgFind {
background: url(../Images/Find.png) no-repeat left center;
display: inline-block;
padding-left: 18px;
white-space: nowrap;
}

.imgFindAddr {
background: url("../images/btn_bg_105x24x2.png") 0 -24px;
color: #E5EFF4;
vertical-align: middle;
display: inline-block;
font-size: 11px;
padding-top: 2px;
font-weight: bold;
height: 22px;
text-align: center;
text-decoration: none;
width: 105px;
border: none;
}

.imgFindAddr:hover {
background: url("../images/btn_bg_105x24x2.png") 0 0;
color: #E5EFF4;
vertical-align: middle;
display: inline-block;
font-size: 11px;
padding-top: 2px;
font-weight: bold;
height: 22px;
text-align: center;
text-decoration: none;
width: 105px;
border: none;
}

.ywgridtooltip {
display: none;
}

.ywgridtooltip:hover {
box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
content: "";
height: 25px;
left: 20px;
position: absolute;
top: -20px;
transform: rotate(45deg);
width: 25px;
display: block;
}

.ywgridtooltip .arrow::after {
box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
content: "";
height: 25px;
left: 20px;
position: absolute;
top: -20px;
transform: rotate(45deg);
width: 25px;
}

.investcontainer {
position: relative;
}

.investviewport {
font-size: 16px;
height: 31px;
left: 67px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 3px;
position: absolute;
width: 244px;
z-index: 1;
}

#ddlCSIPPlans option:selected {
color: red;
}

.clsplanbody select {
-moz-padding-end: 24px;
-webkit-padding-end: 36px;
-ms-padding-end: 24px;
text-overflow: ellipsis;
-webkit-appearance: inherit;
padding-left: 5px;
}

[html dir=rtl] .clsplanbody select {
padding-right: 24px;
}

.clsplanbody select {
position: relative;
}

.clsplanbody select option {
color: #000;
}

.clsSuperindicatorsor:after {
color: #000;
content: "(1) ";
display: inline-block;
font-family: Roboto-Regular;
font-feature-settings: "smcp";
font-size: 9px;
vertical-align: top;
padding-left: 2px;
margin-top: -2px;
}

.clsSuperindicatorsor {
display: block !important;
font-family: Roboto-Regular !important;
font-size: 14px !important;
}

.clsSuperdisplay {
color: #000;
display: inline-block;
font-family: Roboto-Regular Unicode MS;
font-weight: bold;
font-feature-settings: "smcp";
font-size: 14px;
vertical-align: top;
padding-left: 2px;
margin-top: -3px;
}

#tooltip .arrow::after {
box-shadow: -1px -1px 10px -2px #909090;
content: "";
height: 25px;
left: 20px;
position: absolute;
top: -23px;
transform: rotate(45deg);
width: 25px;
}

#tooltip1 .arrow::after {
box-shadow: -1px -1px 10px -2px #909090;
content: "";
height: 25px;
left: 20px;
position: absolute;
top: -20px;
transform: rotate(45deg);
width: 25px;
}

#tooltip, .arrow::after {
background: #fff;
border: 2px solid #fff;
-ms-box-shadow: 0 0 8px #909090;
box-shadow: 1px 0 8px #909090;
}

#tooltip1, .arrow::after {
background: #fff;
border: 2px solid #fff;
-ms-box-shadow: 0 0 8px #909090;
box-shadow: 1px 0 8px #909090;
}

.arrow {
height: 22px;
left: 50%;
margin-left: -35px;
margin-top: 3px;
overflow: hidden;
position: absolute;
top: 100%;
width: 70px;
}

#tooltip span i {
display: inline-block;
font-size: 12px;
margin-top: -5px;
padding: 0;
position: absolute !important;
top: 0 !important;
vertical-align: top;
}

#tooltip1 span i {
display: inline-block;
font-size: 12px;
margin-top: -5px;
padding: 0;
position: absolute !important;
top: 0 !important;
vertical-align: top;
}

.clsblueContent #tooltip h3, #tooltip1 div {
margin-top: 2px !important;
}

#tooltip {
display: none;
border-radius: 1px;
clear: both;
color: #000;
font-family: Roboto-Regular;
font-size: 13px;
height: auto;
left: 30px;
margin-top: 12px;
padding: 10px 20px;
pointer-events: none;
position: absolute;
text-align: left;
text-decoration: none;
top: -50px;
width: auto;
max-width: none;
white-space: nowrap;
z-index: 100000000;
border-radius: 10px;
box-shadow: 0px 0px 5px #909090;
text-overflow: ellipsis;
}

#tooltip1 {
border-radius: 1px;
clear: both;
color: #000;
display: none;
font-family: Roboto-Regular;
font-size: 13px;
height: auto;
left: 67px;
margin-top: 12px;
padding: 0 20px;
pointer-events: none;
position: absolute;
text-align: center;
text-decoration: none;
top: 6px;
width: auto;
max-width: none;
white-space: nowrap;
z-index: 1000000;
border-radius: 10px;
text-overflow: ellipsis;
}

.clsblueContent #tooltip h3, #tooltip div {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin: 0;
left: 50%;
bottom: 10px;
width: 100px;
height: 50px;
margin-left: -50px !important;
margin-top: 1px !important;
}

.clsPWDToolTipLog {
background: url("../images/image1.3.1.png") no-repeat -1235px -191px;
height: 23px;
width: 23px;
display: inline-block;
vertical-align: middle;
margin: 30px 0px 0px 10px;
}

.clsPWDToolTipLog span {
display: none;
background: url("../images/image1.3.1.png") no-repeat -437px -640px;
padding: 30px 45px;
font-family: "Roboto-Regular", sans-serif;
font-size: 12px;
line-height: 18px;
width: 318px;
height: 157px;
box-sizing: border-box;
position: relative;
left: 20px;
top: -65px;
font-weight: normal;
color: #000;
}

.clsPWDToolTipLog .clsPWDTolTipHed {
font-weight: bold;
margin-bottom: 8px;
display: block;
font-size: 16px;
color: #3D4850;
}

.clstoolTip {
width: 328px;
height: 166px;
position: absolute !important;
z-index: 3000;
padding-left: 45px;
padding-right: 45px;
padding-top: 38px;
}

.clstoolTip p {
font-family: Roboto-Bold;
font-size: 16px !important;
color: #3D4850;
width: 100%;
height: 25px;
display: block;
}

.clstoolTip p + p {
font-family: Roboto-Regular;
font-size: 12px !important;
color: #000;
font-weight: normal;
width: 235px;
text-align: left;
}

#tooltip h3, #tooltip div {
margin: 0;
font-weight: normal;
font-size: 12px;
line-height: 18px;
}

#fundChartwrapper {
width: 1280px;
}

#FundAssetChartwrapper {
width: 1280px;
margin-bottom: 15px !important;
}

#tblFooterMsg {
position: relative;
margin-bottom: 10px;
width: 100%;
height: 50px;
line-height: 50px;
padding: 50px 0px 0px;
margin-top: 10px;
}

.borderNone {
border: none !important;
}

.clstailShadow {
background-color: transparent;
width: 4px;
height: 4px;
position: absolute;
top: 16px;
left: -8px;
z-index: -10;
box-shadow: 0px 0px 8px 1px #999;
moz-box-shadow: 0px 0px 8px 1px #999;
-webkit-shadow: 0px 0px 8px 1px #999;
}

.clstail1 {
width: 0px;
height: 0px;
border: 10px solid;
border-color: transparent #ccc transparent transparent;
position: absolute;
top: 8px;
left: -20px;
}

.clstail2 {
width: 0px;
height: 0px;
border: 10px solid;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 8px;
left: -18px;
}

/* Accordion */

.clsAccordionContainer {
border-top: 1px solid rgb(246, 247, 248);
position: relative;
padding-top: 38px;
}

.clsAccordionContainerIp {
border-top: 1px solid rgb(246, 247, 248);
position: relative;
padding-top: 40px;
}

.clsAccordionContainerIp .lft_txt {
padding-bottom: 33px;
}

.clsIncomesubContainer {
width: 100%;
min-height: 50px;
/*max-height: 226px;*/ /*Commented to fix the Defect 9375 by Manimaran*/
border-bottom: 1px solid #DFEEF3;
background: #fff;
}

.clsIncomesubContainer .lft_txt {
font-size: 16px;
color: #128579;
padding-top: 0px;
width: 500px;
height: 17px;
line-height: 50px;
float: left;
clear: both;
font-family: Roboto-Regular;
font-size: 16px !important;
color: #128579;
}

.clsIncomesubContainer .clsExpandIp {
display: block;
width: 100%;
background: rgb(241, 244, 246) none repeat scroll 0% 0%;
position: relative;
clear: both;
float: left;
display: none;
}

.clsExpandIp table td {
font-size: 16px;
color: #315a7b;
text-indent: 45px;
line-height: 42px;
}

.clsExpandIp .sjptable {
border-collapse: collapse;
border-spacing: 0px;
padding: 16px 0px 0px;
width: 1280px;
float: left;
border-bottom: 3px solid #DFEEF3;
border-top: 3px solid #DFEEF3;
}

/*Added padding-right style for CR-377 by Sivaranjani*/

.clsExpandIp .sjptable tr td + td {
position: relative;
right: 20px;
padding-right:20px;
}

/*CR-377/348b changed to Roboto-Regular from Bold*/

.clsExpandIp table tr:first-child td:nth-child(1) {
font-family: Roboto-Regular;
}

/*CR-377/348b changed to Roboto-Regular from Bold*/

.clsExpandIp table tr:first-child td:nth-child(2) {
font-family: Roboto-Regular;
}

/*Commentted unwanted code for CR-377/348b*/

/*.clsExpandIp table tr:nth-child(2) td:nth-child(1) {
font-family: Roboto-Regular;
}

.clsExpandIp table tr:nth-child(2) td:nth-child(2) {
font-family: Roboto-Regular;
}*/

/*Defect 6995 - CR-377/348b changed to Roboto-Regular from Bold by Sivaranjani on 12/05/2017*/
.clsExpandIp table tr:last-child {
font-family: Roboto-Regular;
} 
 
/*.incomeBtn {
  font-family: "Merriweather";
font-size: 26px;
color: #fff;
height: 36px;
line-height: 34px;
vertical-align: middle;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
float: left;
text-decoration: none !important;
color: #fff !important;
display: -ms-box;
width: 350px;
background: #182 none repeat scroll 0 0;
}

.incomeBtn a {
}

.incomeTxt {
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
color: #3D4850;
width: auto;
height: 36px;
line-height: 36px;
float: left;
margin-left: 20px;
}*/

/* CR-355 & CR-327 - Changed for View tranche details and view income payment buttons by Sivaranjani - Starts*/

.incomeBtn {
font-family: "Merriweather";
font-size: 15px;
color: #fff;
height: 36px;
line-height: 34px;
vertical-align: middle;
box-sizing: border-box;
display: inline-block;
cursor: pointer;
float: left;
text-decoration: none !important;
color: #fff !important;display: -ms-box;
width: 300px;
background:#149487 none repeat scroll 0 0
}

.incomeBtn a {} .incomeTxt {
font-family: "Roboto-Regular", sans-serif;
font-size: 15px;
color: #3D4850;
width: auto;
height: 36px;
line-height: 36px;
float: left;
margin-left: 20px;
}

/* CR-355 & CR-327 - Changed for View tranche details and view income payment buttons by Sivaranjani - Ends*/

.clsleft {
float: right !important;
position: relative;
top: -83px;
width: 166px !important;
padding-left: 2px;
}

.btn_back {
background: #128579 none repeat scroll 0 0;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
float: left;
font-family: "Roboto", sans-serif;
font-size: 16px;
height: 36px;
line-height: 36px;
margin-bottom: 27px;
margin-top: 31px;
text-align: center;
vertical-align: middle;
width: 121px;
color: #fff !important;
text-decoration: none !important;
}

.clsExpandIp table td:nth-child(3) {
font-family: Roboto-Regular;
}

.clsExpandIp table td:nth-child(4) {
font-family: Roboto-Regular;
}

.clsExpandIp table td:nth-child(5) {
font-family: Roboto-Regular;
}

.clsIncomesubContainer .clsHoldLink {
margin-left: 22px;
margin-right: 8px;
position: relative;
top: 2px;
}

.clsPlanList {
border-top: Solid 1px #f6f7f8;
}

.clsPlanList h3.clsExpanded {
background-image: url(../images/lg_collapse_icon.png);
}

.clsPlanList h3 {
font-family: merriweather, sans-serif;
Font-Size: 26px;
height: 100px;
line-height: 100px;
vertical-align: middle;
Color: #182b48;
font-weight: 400;
cursor: pointer;
background-image: url(../images/lg_expand_icon.png);
background-repeat: no-repeat;
background-position: 1228px center;
}

.clsPlanContainer {
width: 100%;
}

.clsPlanLabel {
float: left;
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: 500;
}

.clsPlanText {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
float: right;
}

.clsPlanDetails {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ced7de;
padding: 0;
min-height: 66px;
}

.clsMakePayment {
float: right;
margin-right: 10px;
width: 213px;
height: 36px;
background: #128579;
text-indent: 0;
cursor: pointer;
position: relative;
top: 50%;
margin-top: -18px;
}

.clsMakePayment a {
font-family: Roboto-Regular;
font-size: 16px;
color: #ffffff;
line-height: 36px;
text-align: center;
display: block;
}

.clsPlanDetails table {
width: 1280px;
}

.clsPlanDetails tr + tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
padding: 22px 31px 22px 25px;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsPlanDetails tr:first-child {
display: block;
width: 100%;
position: relative;
text-indent: 31px;
height: 66px;
line-height: 66px;
}

.clsPlanDetails .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

.clsPlanDetails tr:first-child .clsPlanText {
float: left;
padding-left: 0px;
}

.clsPlanDetails2 {
background: #fff none repeat scroll 0 0;
border: none;
width: 375px;
float: left;
/*height: 125px;*/
border-right: 1px solid #ced7de;
padding: 20px 25px 22px 30px;
height: 100px;
}

.clsPlanDetails2 table {
width: 375px;
float: left;
}

.clsPlanDetails2 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsPlanDetails2 .clsPlanLabel {
font-family: Roboto-Medium;
font-size: 16px;
color: #3D4850;
}

.clsPlanDetails3 {
background: #fff none repeat scroll 0 0;
float: left;
/*height: 125px;*/
padding: 0 0 22px;
width: 375px;
border: none;
border-right: 1px solid #ced7de;
padding: 20px 25px 22px 25px;
height: 100px;
}

.clsPlanDetails3 table {
width: 375px;
float: left;
}

.clsPlanDetails3 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsPlanDetails3 .clsPlanLabel {
color: #3d4850;
font-family: Roboto-medium;
font-size: 16px;
}

.clsPlanDetails4 {
background: #fff none repeat scroll 0 0;
float: left;
/*height: 125px;*/
padding: 0 0 22px;
width: 375px;
border: none;
border: none;
padding: 20px 20px 22px 25px;
height: 100px;
}

.clsPlanDetails4 table {
width: 375px;
float: left;
}

.clsPlanDetails4 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsPlanDetails4 .clsPlanLabel {
font-family: Roboto-Medium;
font-size: 16px;
color: #3D4850;
}

#ReportFrame html a.green-primary-color {
color: #0E6A61 !important;
text-decoration: underline;
}

/* Message Box */

#btnMsgOk {
width: 256px;
height: 40px;
background: #128579;
font-family: Roboto-Regular;
font-size: 16px;
color: #ffffff;
border: none;
}

.blockPage {
border: 0 none !important;
border-radius: 1px !important;
height: auto !important;
left: 50% !important;
margin-left: -300px !important;
margin-top: -100px !important;
top: 50% !important;
width: 600px !important;
cursor: default !important;
}

#divAlertBox {
width: 100%;
height: 100%;
}

#clsalertHeader {
width: 569px;
height: 70px;
margin: 18px auto !important;
background: #dae2e7 !important;
}

#clsalertHeader span {
font-family: 'Merriweather', serif;
font-size: 30px;
font-weight: normal;
color: #172b48;
line-height: 70px;
}

#secAlertBox {
height: 70px;
width: 569px !important;
background: #dae2e7;
margin: auto;
}

.clsalertBody {
width: 569px;
height: 71px;
}

.clsalertBody span {
font-family: Roboto-Regular;
font-size: 20px;
color: #172b48;
font-size: 16px;
margin-top: 29px;
}

.clsalertFooter {
margin-bottom: 38px;
}

/************************** Static Page Style START **************************/
/*--Breadcrumbs--*/

.clsBreadcrumbs {
list-style: none;
margin: 25px 0 0;
}

.clsBreadcrumbs li {
display: inline-block;
color: #3D4750;
font-size: 16px;
font-family: 'Roboto-Regular', Sans-Serif;
}

.clsBreadcrumbs li a {
color: #0E6A61 !important;
font-weight: 400;
text-decoration: underline;
}

.clsBreadcrumbs li i {
padding: 0 0 0 4px;
font-weight: 400;
}

/*--Contents--*/

.clsContentTitle {
font-family: 'Merriweather', serif;
Font-Size: 30px;
Color: #182b48;
margin-top: 28px;
font-weight: 400;
line-height: 38px;
}

.clsContentTitleAd {
font-family: 'Merriweather', serif;
Font-Size: 29px;
Color: #182b48;
margin-top: 28px;
font-weight: 400;
line-height: 38px;
}

.clsContentTitleAdp {
display: inline-block;
color: #3D4850;
font-size: 16px;
font-family: 'Roboto-Regular', Sans-Serif;
padding-top: 19.6px;
}

.clsPageDiscription {
margin-top: 20px;
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
line-height: 22px;
Color: #3d4850;
}

.ClsJisaTitle{
font-family: 'Merriweather', serif;
Font-Size: 25px;
Color: #3D4850;
margin-top: 28px;
font-weight: 400;
line-height: 38px;
padding-left: 10px;
}

/*Print*/

.clsPrint {
background: rgba(0, 0, 0, 0) url("../Images/image1.3.1.png") no-repeat scroll -1225px -45px;
color: #149387;
cursor: pointer;
display: inline-block;
float: left;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
font-weight: 400;
height: 50px;
line-height: 28px;
margin-left: 0;
margin-top: -2px;
padding-left: 47px;
width: auto !important;
text-indent: -9999px;
}

#divTitlePrint {
float: right;
font-family: Roboto-Regular;
font-size: 16px;
width: auto;
}

.clsPrint a, .clsPrint a:hover {
color: #149387;
text-decoration: none;
}

/*=====================================*/
/*--About your account--*/

.clsInnerContent {
padding-bottom: 87px;
min-height: 100%;
float: left;
}

.clsInnerContent h4 {
Font-Family: 'Merriweather', serif;
font-weight: normal;
Font-Size: 20px;
Color: #182b48;
margin-top: 46px;
}

.clsAboutYrAc .clsInnerContent h4 {
margin-top: 25px;
}

.clsAboutYrAc .clsInnerContent .clsAboutYrAcH4 {
margin-top: 5px;
}

.clsInnerContent p {
font-family: 'Roboto-Regular', Sans-Serif;
font-weight: normal;
Font-Size: 16px;
line-height: 22px;
Color: #3d4850;
margin-top: 30px;
}

.clsAboutYrAc .clsInnerContent p {
margin-top: 25px;
}

.clsInnerContent p.clsMT0 {
margin-top: 0;
}

.clsContentTitle_2 {
Font-Family: 'Merriweather', serif;
Font-Size: 26px;
Color: #182b48;
margin-top: 38px;
margin-bottom: 20px;
}

.clsAboutYrAc .clsInnerContent {
font-family: 'Roboto-Regular', Sans-Serif;
font-weight: normal;
Font-Size: 16px;
Color: #3d4850;
}

.clsAboutYrAc ul {
margin-top: 10px;
margin-bottom: 10px;
}

.clsAboutYrAc ul li {
font-family: 'Roboto-Regular', Sans-Serif;
font-weight: normal;
Font-Size: 16px;
line-height: 24px;
Color: #3d4850;
}

.clsInnerContent a {
color: #0E6A61;
text-decoration: underline;
}

.clsPrivacyOnlyFix p {
letter-spacing: -.04px;
Color: #3d4850;
}

.clsColorChange {
position:relative;
left:-3px;
}

@media all and (-ms-high-contrast:none) {

.clspositionadj span{
    padding-left:47px;
}

td.clsSeperator::before {
background-color: #dae2e7;
bottom: -11px;
content: "";
height: 50px;
position: absolute;
right: 0;
width: 1px;
top: 13px;
}

.clsTrigExp {
float: inherit;
position: relative;
left: -12px;
}

.clsProfilePopupAlert .clssubmitcode{
font-size: 16px;
color: white;
position: relative;
top: 4px;
left: 41px !important;
text-indent:45px;
}

_:-ms-fullscreen, :root .imgLogo {
text-indent:-9999px;
font-size:0;
display:block;
line-height:0;
text-indent: calc(-100px);
color:#fff;
}

.imgLogo {
background: url("../images/image1.3.1.png") no-repeat -458px -175px;
width: 257px;
height: 196px;
display: block;
line-height: 1em;
}

.clschartThird .clsInformationtitle p {
padding-left: 0px;
}

.clsprimeryNavHome .imgLogout span {
position: absolute;
margin-top: -34px;
margin-left: 30px;
color: #128579 !important;
}

.imgLogo2[alt] {
text-indent: -9999px;
padding-left: 31px;
color: #fff;
height: 59px !important;
}

.trConfirmemailaddress {
position: relative;
top: 20px;
}

.leftshow_txt span + span {
width: 15px;
right: -3px;
display: inline !important;
zoom: 0.29;
-moz-transform: scale(0.29);
-moz-transform-origin: 0 0;
top: 3px;
}

.clschartSecond .clsInformationtitle p {
padding-left: 0px;
}

.clsInformationheader span + span {
width: 250px !important;
}

.clsPrivacyOnlyFix p {
letter-spacing: -.05px;
}
*::-ms-backdrop, .clsPrivacyOnlyFix p {
letter-spacing: -.06px;
}
}

/*--Privacy Back Button--*/

.clsBtnBack {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
Color: #128579 !important;
Border: 1px solid #128579;
width: 100px;
height: 36px;
line-height: 34px;
display: inline-block;
vertical-align: middle;
padding: 0 20px 0 38px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff url("../images/image1.3.1.png") no-repeat -1310px -41px !important;
cursor: pointer;
margin-top: 30px;
text-decoration: none !important;
}

.clsBtnBackNew {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
Color: #128579 !important;
Border: 1px solid #128579;
width: 126px;
padding: 0 0 0 16px;
background: #fff url(../images/image1.3.1.png) no-repeat -1315px -41px;
height: 36px;
line-height: 34px;
display: inline-block;
vertical-align: middle;
moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
margin-top: 30px;
text-decoration: none !important;
margin-bottom: 30px;
}

.clsBtnBack:hover {
text-decoration: none;
Color: #128579;
}

/*--User Guide--*/

.clsUGContacts {
margin-top: 25px;
}

.clsUGContacts table td {
font-family: 'Roboto-Regular', Sans-Serif;
font-weight: normal;
Font-Size: 16px;
line-height: 22px;
Color: #3d4850;
vertical-align: top;
padding: 0 5px 5px 0;
}

.clsUGContacts table td p {
margin-top: 0;
}

/*--Common Class--*/

.clsContent {
width: 1280px;
margin: 0 auto;
min-height: 450px;
}

.clsContent.clsAboutYrAc {
width: 1264px;
margin: 0;
}

/*for BOLD*/

.clsInnerContent .clsTB {
font-family: "Roboto-Medium", Sans-Serif;
}

.clsInnerContent p .TNW, .clsPageDiscription .TNW, p .TNW {
white-space: nowrap;
}

.clsContentBG .clsprimeryNav ul li img {
position: inherit;
top: 0;
padding-top: 37px;
}

.clsInnerContent p.clsMT20P {
margin-top: 20px;
}

/************************** Static Page Style END **************************/
/* Footer Section */

.clsFooter {
margin: 0px auto;
border: 0px;
width: 100%;
background-color: #fff;
display: table-row;
float: left;
clear: both;
}

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

.clsnewFooter {
margin: 0px auto;
border: 0px;
width: 100%;
background-color: #fff;
clear: both;
position: relative;
height: auto;
}

.clsfooterLk {
padding: 30px 0px 0px 0px;
width: 1275px;
background: #fff;
height: 30px;
margin: auto;
}

.clsfooterCnt {
padding: 0;
width: 1280px;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
margin: auto;
}

.clsfooterCnt span span {
white-space: nowrap;
}

.clsfooterCnt span {
line-height: 22px;
}

.clsfooterWidth {
width: 100%;
margin: 0 auto;
padding-bottom: 30px;
}

.clsnewFooter #nav {
width: 100%;
height: 30px;
}

.clshomeFooter #nav {
width: 100%;
height: 30px;
}

.clsbottomLinks {
float: left;
text-align: left;
font-family: Roboto-Regular;
font-size: 13px;
color: #0E6A61 !important;
width: 782px;
}

.clsbottomLinks a {
cursor: pointer;
position: relative;
padding: 0px 7px 0px 7px;
text-decoration: underline;
color: #0E6A61 !important;
}

.clsbottomLinks a:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 13px;
}

.clsbottomLinks a:first-child {
padding-left: 0px;
}

.clsbottomLinks #lnkCSIPUserGuide::before {
content: " " !important;
position: absolute;
width: 4px;
height: 24px;
background: #fff !important;
left: -1px;
z-index: 10000000;
padding-left: 0px !important;
}

#lnkCSIPUserGuide {
margin-left: -9px;
}

.clsbottomLinks a::after {
content: "|";
height: 10px;
width: 1px;
position: absolute;
right: 0px;
top: 0px;
left: -1px;
text-decoration: underline;
}

.clsbottomLinks a::after {
content: "|";
height: 10px;
width: 1px;
position: absolute;
right: 0px;
top: 0px;
left: -1px;
text-decoration: none;
}

.clsbottomLinks a:first-child::after {
content: '';
height: 0;
width: 0;
position: absolute;
}

.clsSecurity a {
cursor: pointer;
}

.clstitleTxtCR {
float: left;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
width: 480px;
text-align: right;
}

.clstableTitle {
float: left;
display: block;
padding-left: 20px;
padding-top: 30px;
width: 100%;
text-align: left;
}

.clsShowhidesection {
width: 100%;
float: left;
text-align: left;
margin-top: 20px;
}

.clsShowhidesection .clsHoldLinkWh {
padding-left: 0px !important;
text-indent: 24px;
margin-left: 20px;
transform: scale(0.932);
color: white;
}

.clsShowhidesection .clsHoldLinkWh {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1294px -677px;
cursor: pointer;
display: inline-block;
}

.clsShowhidesection .clsHoldLinkWh > span {
box-shadow: inset 0 -1px 0 white, inset 0 -4.5px 0 #315a7b;
}

.clsShowhidesection .clsCollapsWh {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1294px -737px;
display: inline-block;
}

.clsShowhidesection .clsCollapsWh {
padding-left: 0px !important;
text-indent: 24px;
margin-left: 20px;
transform: scale(0.932);
color: white;
}

.clsShowhidesection .clsCollapsWh > span {
box-shadow: inset 0 -1px 0 white, inset 0 -4.5px 0 #315a7b;
}

.stop-scrolling {
height: 100%;
overflow: hidden;
}

.clsExpand .clsaddPlancontainer td:first-child {
width: 247px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(4) {
width: 194px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(3) {
width: 415px !important;
}

.imgeditWob {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1278px -231px;
height: 35px;
margin-left: -205px;
margin-top: 16px;
position: absolute;
width: 40px;
}

#btnAdminLogout{
background: #128579 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
line-height: 40px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 320px;
margin-top: 50px;
}

/* Google Chrome Code */
/* Body Section */

@media screen and (-webkit-min-device-pixel-ratio: 0) {

.clsKeypad {
width: 266px;
}

.righthide_txt a {
background: #128579;
width: 100%;
height: 35px;
color: #fff;
top: -35px;
position: absolute;
left: 0px;
}

.leftshow_txt{
text-decoration: none !important;
}

.leftshow_txt .clsHoldLink {
padding-left: 3px;
text-decoration: none;
}

.clsShowhidesection .clsHoldLinkWh > span {
box-shadow: inset 0 -3px 0px -1px white, inset 0 0px 0 #315a7b;
}

.clsShowhidesection .clsCollapsWh > span {
box-shadow: inset 0 -3px 0px -1px white, inset 0 0px 0 #315a7b;
}

[class^="leftshow_txt"] {
display: inline-block;
background: url(../img/icons/icons.png) no-repeat;
overflow: visible;
}

.clsMoreInformationdiv{
height:211px !important;
}

.clsMoreInformationMsg{
 height:211px !important;
}

.clsLoginBtncontinue .clssubmitcode {

}

.clsViewHideSection {
position: absolute;
right: 0;
width: 135px;
padding-top: 25px;
z-index: 100000;
height: 50px;
}

.leftshow_txt {
font-family: 'Roboto-Regular', serif;
font-size: 16px;
font-weight: normal;
color: #0E6A61 !important;
width: 100%;
height: 35px;
float: left;
position: relative;
bottom: 5px;
line-height:35px;
}

.clsSuperindicators {
display: inline-block;
font-size: 12px;
margin-top: -5px;
padding: 0;
top: 0 !important;
vertical-align: top;
margin-left: 4px;
}

.clschangePos .clsNTxt {
text-decoration: none;
color: #172b49;
width: auto;
padding-left: 1px;
display: inline;
position: relative;
top: 0;
left: -2px;
}

.leftshow_txt span + span {
width: 15px;
right: -3px;
display: inline !important;
zoom: 1;
top: 3px;
}

.clsSecurityModify {
white-space: nowrap;
float: left;
padding-right: 5px;
padding-top: 1px;
}

.clsSecurity span {
width: auto;
height: 20px;
}

.clsindicator {
right: 10px;
}

.clsrangebody select {
background: #fff url(../images/select_icon.png) no-repeat scroll 88% center;
}

.imgLogo {
background: url("../images/image1.3.1.png") no-repeat -479px -171px;
width: 257px;
height: 196px;
display: block;
line-height: 1em;
}

.imgLogoMFA {
background: url(../images/image1.3.1.png) no-repeat -225px -50px;
width: 180px;
height: 137px;
display: block;
}

#imgSecurity {
background: url(../images/image1.3.1.png) no-repeat -351px -689px;
width: 0px;
height: 0px;
float: left;
padding: 108px 4px 10px 47px;
margin-left: 15px;
}

.imgLogo2 {
background: url(../images/image1.3.1.png) no-repeat -419px -56px;
width: 131px;
height: 100px;
padding: 0px 0px 0px 0px;
outline: none;
cursor:pointer;
}

.clsplanbody select {
padding-left: 6px !important;
text-indent: 0px;
}

.clsrangebody select {
padding: 0 6px;
}

.clsIndicesbody select {
padding: 0 6px;
}

.clsrangebody select:nth-child(3) {
padding: 0 6px;
}

.clsrangebody select:nth-child(4) {
padding: 0 6px;
}

#ddlCSIPorShow {
padding: 0 6px;
}

.clsInformationheader span + span {
width: auto !important;
}

.clsConFormInner input.clsConBtnSubmit {
line-height: 38px;
}

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

.clsblueContent #tooltip h3, #tooltip div {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin: 0;
}

#tooltip1 .arrow::after {
content: "";
height: 25px;
left: 20px;
position: absolute;
top: -20px;
transform: rotate(45deg);
width: 25px;
}

#tooltip1, .arrow::after {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
box-shadow: 1px 0 8px #909090;
}

#tooltip, .arrow::after {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
box-shadow: 1px 0 8px #909090;
}

.clsblueContent #tooltip h3, #tooltip1 div {
margin-top: 2px !important;
}

input[type="button"], input[type="submit"], input[type="image"], button {
cursor: pointer;
}

.clsregisterButton {
background: #fff none repeat scroll 0 0;
border: 1px solid #009788 !important;
color: #128579;
display: inline-block;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
height: 41px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 256px;
}

.blue_content_csip span + span {
position: relative;
text-align: left;
text-indent: 0;
}

.blue_content_csip span {
font-family: Roboto-Regular;
font-size: 18px;
color: #FFF;
line-height: 50px;
}

.blue_content_csip span:nth-child(3) {
position: relative;
text-align: center;
padding: 0px 12px 0px 0px;
}

.blue_content_csip span:nth-child(4) {
float: left;
line-height: 50px;
padding: 0;
position: relative;
top: 0;
width: 105px;
text-align: left;
}

.clssjptableChartTwo div {
position: relative;
right: 2px;
}

.clstableData tr td:nth-child(2) {
height: 32px;
line-height: 32px;
position: relative;
width: 405px !important;
text-align: left;
padding-left: 10px;
}

#lblReportDate {
font-weight: bold !important;
padding-left: 4px;
}

.blue_content_csip div {
width: 5px;
position: relative;
height: 2px;
float: left;
line-height: 50px;
font-size: 26px;
color: #FFF;
left: -29px;
text-align: left;
}

.clschangePos .clsLnkTxt {
width: auto;
display: inline;
position: relative;
top: 0;
left: 0px;
}

.clsreadMore a {
top: -19px;
position: absolute;
right: 452px !important;
}

.clsreadMore2 a {
top: 2px;
position: absolute;
left: 189px !important;
width: 94px;
}

.clsreadMore3 a {
left: 759px !important;
position: absolute;
width: 94px;
}

.clscontactInfo p {
font-family: Roboto-Regular;
font-size: 15px;
color: #3d4850;
width: 442px;
}

.clsGrid a {
text-decoration: none !important;
}

.clsSecurity {
border: 1px solid #172b49 !important;
display: block;
height: 101px;
margin-bottom: 90px;
margin-left: 99px;
position: relative;
margin-top: 35px;
width: 418px;
float: left;
}

.clscontactInfo {
margin-top: 32px;
}

.registerLogin {
margin-top: 30px;
margin-bottom: 40px;
width: 100%;
float: left;
}

.clsgridWrap figure {
margin-bottom: 44px;
}

.clsgridWrap h1 {
text-align: center;
font-family: 'Merriweather', serif;
font-size: 20px;
font-weight: normal;
width: 100%;
margin-bottom: 25px;
color: #182b48;
}

.right span:nth-child(3) {
width: auto;
left: 198px;
font-family: Roboto-Regular;
font-size: 13px;
}

.clssjptabInner {
position: relative;
}
/*Defect ID:2078--R840- OLWA_UI alignment issue is occuring in OLWA your wealth summary table*/
.clssjptabInner tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 14px;
background-color: #DAE2E7;
/*bottom: 58px;*/
margin: auto;
}

.clsExpand td tr td:nth-child(2) {
width: 146px !important;
}

.clsExpand td tr td:nth-child(5) {
width: 125px !important;
}

.clsExpand td tr td:nth-child(3) {
width: 376px !important;
}

.clsExpand td tr td:nth-child(4) {
width: 376px !important;
}

td.clsSeperator::before {
content: '';
height: 50px;
width: 0.5px;
position: absolute;
right: 0px;
background-color: #dae2e7;
bottom: -20px;
border: none !important;
margin-right: 0px;
}

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

.clsbeforehrSec:before {
height: 2px !important;
}

.clsfooterLk {
padding: 30px 0px 0px 0px;
width: 1275px;
background: #fff;
height: 30px;
margin: auto;
}

.clsfootmsgupfirst {
width: 1200px;
}

.clssjptabInnerAdp tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 63px;
background-color: #DAE2E7;
bottom: 65px;
margin: auto;
}

.clstableRowad td:nth-child(1) {
width: 263px !important;
}

.clstableRowad td:nth-child(2) {
width: 206px !important;
}

.clstableData {
display: block;
width: 1209px;
}

.W376 {
width: 374px;
}

.clsExpand td tr td:nth-child(1) {
width: 220px !important;
}

.clsExpand td tr td:nth-child(3) {
width: 374px !important;
}

.clsExpand td tr td:nth-child(4) {
width: 375px !important;
}

.clsExpand .clsaddPlancontainer td:first-child {
width: 247px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(4) {
width: 194px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(3) {
width: 416px !important;
}
}

/* Internet Explorer Code */
/* IE 11 */

@media screen and (-ms-high-contrast: none) {


.clsdivNotificationMessage {
justify-content:space-around;
}

.clsShowhidesection .clsHoldLinkWh > span {
box-shadow: inset 0 -3px 0px -1px white, inset 0 0px 0 #315a7b;
}

.clsShowhidesection .clsCollapsWh > span {
box-shadow: inset 0 -3px 0px -1px white, inset 0 0px 0 #315a7b;
}

.clsSuperindicators {
display: inline-block;
font-size: 12px;
margin-top: -5px;
padding: 0;
top: 0 !important;
vertical-align: top;
margin-left: 4px;
}

.clssjptabInnerAdp tr {
position: relative;
}

.clssjptabInnerAdp tr:nth-child(1) td {
position: absolute;
left: 23%;
float: left;
top: 12%;
margin-left: -174px;
}

.clssjptabInnerAdp tr:nth-child(1) td span + span {
top: 0px;
}

.clsRegTblTitle p {
position: relative;
left: 96px !important;
}

.clsforgotPwd {
padding-left: 99px;
cursor: pointer;
z-index: 1000;
position: relative;
margin-top: 30px;
position: relative;
float: left;
pointer-events: all;
}

.clsforgotPwd a {
padding-left:0px !important;
}

#imgSecurity {
background: url("../images/image1.3.1.png") no-repeat -351px -689px;
width: 50px;
height: 50px;
float: left;
padding-left: 36px !important;
color: #dae2e7;
}

#chartdiv1 svg desc {
position: relative;
top: 12px;
}

.imgeditWob {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1278px -231px;
height: 35px;
margin-left: -213px;
margin-top: 19px;
position: absolute;
width: 40px;
}

.clsVarioussection .clsPlanLabel {
color: #3d4850;
float: left;
font-family: Roboto-Regular;
font-size: 16px;
line-height: 50px;
padding: 0 25px 0 30px;
vertical-align: middle;
font-weight: bold;
width: 120px !important;
}

.clsConFormInner input.clsConBtnSubmit {
line-height: 40px;
}

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

.clsPlanDetails3 .clsPlanLabel {
color: #3d4850;
font-family: Roboto-Regular;
font-weight: bold;
font-size: 16px;
}

#tooltip {
box-shadow: 0px 0px 12px #909090;
}

#tooltip1, .arrow::after {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
box-shadow: 0px 0 18px #909090;
}

.legendWrap {
border-left: 1px solid #ced7de;
border-right: 1px solid #ced7de;
left: -1px;
}

.clsPlanDetails4 .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

.clsExpand td tr td:nth-child(1) {
width: 220px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(4) {
width: 193px !important;
}

.clsExpand .clsaddPlancontainer td:nth-child(3) {
width: 415px !important;
}

.clsExpand .clsaddPlancontainer td:first-child {
width: 245px !important;
}

.clsreadMore {
position: relative;
font-family: Roboto-Regular;
font-Size: 16px;
font-weight: bold;
}

.clsreadMore2 {
position: relative;
font-family: Roboto-Regular;
font-Size: 16px;
font-weight: bold;
}

.clsreadMore3 {
position: relative;
font-family: Roboto-Regular;
font-Size: 16px;
font-weight: bold;
}

.clssjptableChartTwo div {
position: relative;
right: 2px;
}

.clsPlanDetails2 .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

.clschangePos .clsNTxt {
text-decoration: none;
color: #172b49;
width: auto;
padding-left: 1px;
display: inline;
position: relative;
top: 0;
left: -2px;
}

.clschangePos .clsLnkTxt {
width: auto;
display: inline;
position: relative;
top: 0;
left: 0px;
}

.clstableData2 tr:first-child {
position: relative;
width: 805px !important;
font-family: Roboto-Regular;
font-size: 16px;
font-weight: normal;
}

.clstableData tr:first-child {
position: relative;
width: 805px !important;
font-family: Roboto-Regular;
font-size: 16px;
border-top: none;
font-weight: normal;
}

.clsGraphHeading2 {
min-width: 100px;
margin: auto;
font-family: Roboto-Regular;
font-size: 17px;
display: block;
margin: 48px auto;
text-align: center;
font-weight: bold;
}

.clsGraphHeading3 {
min-width: 100px;
margin: auto;
font-family: Roboto-Regular;
font-size: 17px;
display: block;
margin: 51px auto;
text-align: center;
margin-bottom: 46px;
font-weight: bold;
}

.clsGraphHeading4 {
min-width: 100px;
margin: auto;
font-family: Roboto-Regular;
font-size: 17px;
display: block;
margin: 51px auto;
text-align: center;
margin-bottom: 46px;
font-weight: bold;
}

.clstotalDate {
height: 66px;
width: 405px;
min-width: 405px;
display: block;
width: 670px;
}

.clsplanbody select {
overflow: hidden;
white-space: nowrap !important;
text-overflow: ellipsis;
display: inline-block !important;
word-wrap: normal !important;
width: 263px !important;
-ms-text-overflow: ellipsis;
padding-left: 4px !important;
padding-right: 32px;
text-align: left;
}

.clsrangebody select {
padding: 0 4px;
}

.clsIndicesbody select {
padding: 0 4px;
}

.clsrangebody select:nth-child(3) {
padding: 0 4px;
}

.clsrangebody select:nth-child(4) {
padding: 0 4px;
}

#ddlCSIPorShow {
padding: 0 4px;
}

.clsplanbody select option {
width: 260px;
}

.clsGraphHeading {
display: block;
font-family: Roboto-Regular;
font-weight: bold;
font-size: 17px;
margin: 40px auto;
min-width: 100px;
text-align: center;
}

.clsmainWrapper {
display: block;
}

.clsmainhomeWrapper {
display: block;
height: 1409px;
}

.clsSecurity {
border: 1px solid #172b49 !important;
display: block;
height: 101px;
margin-bottom: 90px;
margin-left: 99px;
position: relative;
margin-top: 35px;
width: 418px;
float: left;
}

.registerLogin {
margin-top: 30px;
margin-bottom: 40px;
width: 100%;
float: left;
}

.clscontactInfo {
margin-top: 32px;
}

.clsfooterLk {
padding: 30px 0px 0px 0px;
width: 1275px;
background: #fff;
height: 30px;
margin: auto;
}

.clssjptabInnerAd tr:nth-child(1)::before {
width: 348px;
height: 1px;
position: absolute;
right: 32px;
background-color: #DAE2E7;
bottom: 13px;
margin: auto;
top: -7px;
}

.clearfix_csip {
padding-left: 31px;
text-indent: 0px !important;
}

.blue_content_csip span {
font-family: Roboto-Regular;
font-size: 18px;
color: #FFF;
line-height: 50px;
}

.blue_content_csip div {
width: 10px;
position: relative;
height: 2px;
float: left;
line-height: 50px;
font-size: 26px;
color: #FFF;
text-align: left;
}

.blue_content_csip span:nth-child(4) {
float: left;
line-height: 50px;
padding: 0;
position: relative;
top: 0;
width: 105px;
}

.blue_content_csip span + span {
position: relative;
text-align: left;
text-indent: 0;
}

.blue_content_csip span:nth-child(3) {
position: relative;
text-align: center;
padding: 0px 12px 0px 0px;
}

.clsfootmsgupfirst {
width: 1200px;
}

.clsfirstContainer .clsGrid {
height: 375px;
}

.clsfirstContainer .clsGrid:nth-child(1) {
cursor: pointer;
}

.clsfirstContainer .clsGrid:nth-child(3) {
cursor: pointer;
}

.clssecondContainer .clsGrid:nth-child(3) {
cursor: pointer;
}

.clsthirdContainer .clsGrid:nth-child(3) {
cursor: pointer;
}

.clsfirstContainer {
margin-bottom: 42px;
}

.clshomeWrapper {
height: 96px;
}

.clsExpand td tr td:nth-child(2) {
width: 146px !important;
border-right: 1px solid #DAE2E7;
}

.clsExpand td tr td:nth-child(3) {
width: 376px !important;
}

.clsExpand td tr td:nth-child(4) {
width: 377px !important;
}

.clsExpand td tr td:nth-child(5) {
width: 125px !important;
}

.clsExpand td tr td table td:nth-child(1) {
width: 50% !important;
}

.clsExpand td tr td table td:nth-child(2) {
width: 50% !important;
border: none;
}

.clssjpTable td table td:nth-child(2) {
}

.clsExpand td tr td table tr:nth-child(1) {
border: none !important;
}

.clsExpand td tr {
border-collapse: collapse;
border-spacing: 0;
}

.clssjptabInner tr:nth-child(3) {
width: 312px !important;
}

.clscontactInfo p {
font-family: Roboto-Regular;
font-size: 15px;
color: #3d4850;
width: 460px;
}

.right span:nth-child(3) {
width: auto;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
}

.clssjptabInner {
position: relative;
}

.clssjptabInnerAd {
position: relative;
}

.clssjptabInner tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 14px;
background-color: #DAE2E7;
bottom: 50px;
margin: auto;
top: 35px;
}

.clssjptabInner tr:nth-child(1) {
position: static;
border: medium none !important;
}

.clsgridWrap figure {
width: 100%;
height: 79px;
margin-top: 54px;
margin-bottom: 45px;
}

.clstableRow td:nth-child(2) span {
width: 100% !important;
display: block;
}

.clstableRowad td:nth-child(3) span {
width: 100% !important;
display: block;
}

.clstableRowad td:nth-child(5) span {
width: 100% !important;
display: block;
}

.clssjptabInnerAdp tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
background-color: #DAE2E7;
bottom: 13px;
margin: auto;
bottom: 70px;
}

.clsreadMore {
}

.clschartalltitle3 .clstableData {
display: inline-block;
width: 1249px;
}

.clstableData {
width: 1209px;
}

.clsreadMore a {
top: -19px;
position: absolute;
right: 451px !important;
}

.clsreadMore2 a {
top: 2px;
position: absolute;
left: 189px !important;
width: 94px;
}

.clsreadMore3 a {
top: 46px;
position: absolute;
left: 759px !important;
width: 94px;
}

.blue_content_csip div {
width: 5px;
position: relative;
height: 2px;
float: left;
line-height: 50px;
font-size: 26px;
color: #FFF;
left: 0px;
text-align: left;
}

.blue_content_csip div {
left: 0px;
text-align: left;
}

.clssjptabInnerAdp tr:nth-child(1)::before {
content: "";
width: 348px;
height: 1px;
position: absolute;
right: 63px;
background-color: #DAE2E7;
bottom: 70px;
margin: auto;
}

.clstableRowad td:nth-child(1) {
width: 262px !important;
}

.clstableRowad td:nth-child(2) {
width: 207px !important;
}

.clstableRowad td:nth-child(3) {
width: 415px !important;
}

.clstableRowad td:nth-child(4) {
width: 210px !important;
}
}

@media only screen and (device-height: 767px) and (device-width: 1279px) {

html {
overflow-x: hidden;
}

#divTitlePrint {
width: 1280px;
margin-right: 18px;
}

*::-ms-backdrop, .clsfooterCnt {
padding: 0;
width: 1280px;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
margin: 0;
letter-spacing: -0.1px;
float: left;
}

*::-ms-backdrop, .clsfooterLk {
position: relative;
}

*::-ms-backdrop, .clsbottomLinks {
position: absolute;
}

*::-ms-backdrop, .clstitleTxtCR {
position: absolute;
right: 20px;
}

*::-ms-backdrop, #divTitlePrint {
margin-right: 18px;
}

_:-ms-fullscreen, :root #divTitlePrint {
margin-right: 18px;
}

.clsfooterCnt:not(*:root) {
padding: 0;
width: 1280px;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
margin: 0;
letter-spacing: -0.1px;
float: left;
}

.clsfooterLk {
position: relative;
}

.clsbottomLinks {
position: absolute;
}

.clstitleTxtCR {
position: absolute;
right: 20px;
}
}

@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {


.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}

.clsLoginBtndisable {
pointer-events: none;
background: #E8ECF0 !important;
border: 1px solid #E8ECF0 !important;
color: #959FA2 !important;
width: 154px;
height: 41px !important;
position: relative;
top: -1px;
cursor: default !important;
-webkit-appearance: none;
appearance: none;
border-radius:0px;
}

.clsLoginBtncontinue input[type=button]{
background: #128579;
width:154px;
height:40px;
outline:none;
border: none;
padding: 0;
-webkit-appearance: none;
appearance: none;
}

.clsLoginBtncontinue .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 45px;
left: 0;
top: 0px;
font-family: Roboto-Regular;
width: 0;
height:0;
cursor:pointer;
float:left; 
padding-top:40px;
}

.clsPWDToolTipLoginpop {
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 88px !important;
position: absolute;
}
}

@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {


.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}

.clsLoginBtndisable {
pointer-events: none;
background: #E8ECF0 !important;
border: 1px solid #E8ECF0 !important;
color: #959FA2 !important;
width: 154px;
height: 41px !important;
position: relative;
top: -1px;
cursor: default !important;
-webkit-appearance: none;
appearance: none;
border-radius:0px;
}

.clsLoginBtncontinue input[type=button]{
background: #128579;
width:154px;
height:40px;
outline:none;
border: none;
padding: 0;
-webkit-appearance: none;
appearance: none;
}

.clsLoginBtncontinue .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 45px;
left: 0;
top: 0px;
font-family: Roboto-Regular;
width: 0;
height:0;
cursor:pointer;
float:left; 
padding-top:40px;
}

.clsPWDToolTipLoginpop {
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 88px !important;
position: absolute;
}
}

@media only screen and (device-width: 767px) and (device-height: 1024px) and (orientation : landscape) {


    
.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}
}

@media only screen and (device-width: 767px) and (device-height: 1024px) and (orientation : portrait) {

    
.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

    
.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
     
.clsKeypad {
width: 100%;
margin: 10px auto;
margin-bottom: 10px;
margin-bottom: 10px;
height: 35px;
margin-bottom: 0;
position: relative;
}

.clskeypadholder{
width: 380px;
margin: auto;
height: 40px;
}

.clsKeypad input:first-child{
margin-left:35px;
}
}

@media only all and (max-device-height: 767px) and (max-device-width: 1279px) {

html {
overflow-x: visible;
}
}

/* IE 9 */

:root .clsmainWrapper {
display: block;
}

:root .clsmainfWrapper {
display: block;
}

:root .clsmainhomeWrapper {
display: block;
}

:root .clscontactInfo {
margin-top: 15px;
}

/*--Contact Partner--*/

.clsContactOuter {
background: #fff;
padding: 45px;
margin: 30px 0 84px;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
color: #3d4850;
height: 100%;
clear: both;
overflow: hidden;
position: relative;
bottom: 84px;
top: 30px;
display: inline-block;
}

.clsContactOuter ul {
float: left;
margin: 0;
list-style: none;
}

.clsContactOuter ul li {
line-height: 35px;
}

.clsContactOuter .clsOtherCon {
margin-left: 87px;
}

.clsConLeft {
width: 637px;
float: left;
}

.clsOtherCon li a {
background: url(../images/mail_icon.png) no-repeat left center;
display: inline-block;
padding-left: 35px;
}

.clsOtherCon li a.clsContactMap {
background-image: url(../images/location_icon.png);
background-position: 5px center;
}

.clsOtherCon li a.clsContactWeb {
background-image: url(../images/home_icon.png);
background-position: 2px center;
}

.clsOtherCon li a:hover {
color: #0E6A61 !important;
cursor: pointer;
}

.clsConRight {
float: left;
padding-left: 50px;
border-left: 1px solid #afb7b9;
width: 500px;
}

.clsPartner {
float: left;
}

.clsPartnerSummary {
margin-left: 176px;
font-family: "Merriweather", serif;
font-size: 18px;
color: #3d4850;
line-height: 29px;
font-weight: normal;
}

.clsName {
margin: 12px 0;
}

.clsName p {
padding-top: 8px;
}

/*--Contact st James--*/

.clscovidaddtxt{
padding-bottom: 18px;
font-weight:bold;
font-size: 15px !important;
}

.clsConListAdd {
padding-bottom: 33px;
}

.clsConListAdd .mar20t{
padding-top: 30px;
}

.clscontactInfo .mar20t{
padding-top: 30px;
}

.clsConListAdd .mar8t {
line-height: 26px;
padding-top: 10px;
}

.clscontactInfo .mar8t {
line-height: 26px;
padding-top: 10px;
}

.clschangewidth{
width:515px !important;
line-height:24px;
}

.clsConListAdd .lblTelephone {
font-weight: bold;
}

.clsConListAdd span {
line-height: 26px;
}

.clsConListAdd span + span {
padding-left:0px;
}

.clsConListAdd h5 {
padding-bottom: 20px;
}

.clsConListAdd h5, .clsConForm h5 {
Font-Family: Merriweather, serif;
font-weight: 400;
Font-Size: 20px;
Color: #3d4850;
line-height: 28px;
}

.clsConListAdd p {
line-height: 26px;
Color: #3d4850;
}

.clsConListAdd p:first-child {
color: #a6a6a6;
}

.clsConForm {
padding-left: 48px;
}

.clsConForm h5 {
padding-bottom: 33px;
}

.clsConFormInner {
overflow: hidden;
width: 390px;
padding-bottom: 37px;
}

.clsConFormInner input, .clsConFormInner textarea {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #3d4850;
width: 390px;
height: 36px;
line-height: 36px;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #dae2e7;
Border: 1px solid #dae2e7;
margin-bottom: 20px;
}

.clsConFormInner textarea {
height: 290px;
resize: initial;
}

.clsConFormInner p {
padding-bottom: 5px;
}

.clsConFormInner input.clsConBtnSubmit {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
width: 92px;
height: 40px;
vertical-align: middle;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
Border: 1px solid #128579;
display: inline-block;
cursor: pointer;
Color: #fff;
background: #128579;
float: right;
text-align: center;
margin-top: 20px;
}

/*=========================================================================*/
/* Registration Start */

.clsRegConTitl {
font-family: 'Merriweather', serif;
Font-Size: 30px;
Color: #172b48;
font-weight: 400;
line-height: 38px;
font-style: normal;
}

.clsRegOuter {
background: #fff;
margin: 31px 0 0px;
padding: 48px 0 0px 0;
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
color: #3d4850;
}

.clsRegSep {
height: 1px;
margin: 40px 56px;
overflow: hidden;
border-top: 1px solid #c1c1c1;
background: none;
}

.clsRegBtnBack {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
Color: #128579;
Border: 1px solid #128579;
width: 126px;
height: 41px;
line-height: 36px;
display: inline-block;
vertical-align: middle;
padding: 0 0 0 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff url("../images/image1.3.1.png") no-repeat -1315px -39px;
cursor: pointer;
margin-bottom: 31px;
margin-top: 46px;
}

.clsRegBtnBack:hover {
text-decoration: none;
Color: #315a7b;
}

.clsRegTbl {
margin: 0px;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}

.clsRegTbl td {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 15px;
color: #3d4850;
padding-bottom: 13px;
vertical-align: middle;
}

.clsRegTbldiv{
display: block;
width: 74%;
position: relative;
top: 45px;
padding-left: 72px;
}

.clsRegTbldiv p{
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 15px;
color: #3d4850;
padding-bottom: 13px;
vertical-align: middle;
padding:7px 0 45px 0;
text-align: left;
}

.clsRegTbldiv span {
white-space:nowrap;
width:90%;
line-height: 21px;
}

.clsRegTbl tr td:first-child {
padding-right: 30px;
text-align: right;
font-family: 'Roboto-Medium', Sans-Serif;
}

.clsRegTbl tr:last-child td {
padding-bottom: 0;
height: 0;
}

.clsRegTblTD220 {
width: 220px;
}

.clsRegTblTD350 {
width: 350px;
}

.clsRegTblTD1060 {
width: 1060px;
}

.clsRegTblTD668 {
width: 668px;
}

.clsRegTblTD502 {
/*width: 502px;*/
width: 520px;
}

.clsRegTbl tr td.clsRegTblTitle {
Font-Family: "Merriweather", serif;
Font-Size: 30px;
line-height: 37px;
Color: #172b48;
padding-bottom: 24px;
font-weight: normal;
}

.clsRegTblTitle p {
left: 0px;
}

.clsRegTbl td.clsRegReqTxt {
Font-Size: 13px;
}

.clsRegInputSelect, .clsRegInput {
width: 320px;
border: 1px solid #95ABBB;
color: #3d4850;
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
height: 36px;
line-height: 33px;
padding: 0 5px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon_2.png) no-repeat right center;
}

.clsDateRegistration .clsRegInput:nth-child(3){
margin-right:0;
}

.clsDateRegistration {
height: 58px;
padding: 0;
margin: 0;
float:left;
}

.clsDateRegistration input{
float:left;
width:98px;
margin-right: 13px;
}

.clsDateinput{
width:100%;
display:block;
height:36px;
}

.clsDateinputinfo{
width:100%;
display:block;
padding-top:6px;
height: 16px;
}

.clsDateinputinfo span{
font-size: 14px;
color: #6A7279;
letter-spacing: 0;
text-align:left;
}

.clsDateinputinfo span:nth-child(2){
padding-left:89px;
}

.clsDateinputinfo span:nth-child(3){
padding-left:83px;
}

.clsTextFieldChange .clsRegInput {
width: 152px;
height: 36px;
}

.clsRegTextAlign {
position: relative;
vertical-align: top !important;
top: 9px;
}

.clsInputSelect option {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
color: #3d4850;
}
.clsRegTbl select::-ms-value {
background-color: transparent;
color: #3d4850;
}

.clsRegInputSelect:focus, .clsRegInput:focus, .clsRegSubmitSec:focus .clsRegBtnBack:focus, .clsFndAdres:focus {
box-shadow: 0px 0px 2px rgba(0, 97, 244, .6);
outline: 0 none;
}
/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
.clsInputSelect {
background: fff;
padding: 0 5px;
}

.clsRegInputSelect:focus, .clsRegInput:focus, .clsRegSubmitSec:focus .clsRegBtnBack:focus, .clsFndAdres:focus {
box-shadow: 0px 0px 4px rgba(0, 97, 244, .9);
outline: 0 none;
}
}

.clsRegInput {
border-radius: 0;
background: #F2F5F7;
} 

@-moz-document url-prefix() {
.clsRegTbl select:focus {
color: #3d4850;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #3d4850;
}
}

.clsRegInput::-ms-clear {
display: none;
}

.clsInW147 {
width: 147px;
}

.clsInW152 {
width: 152px;
}

.clsM16{
margin-right:16px;
}
.clsInW154 {
width: 154px;
}

.clsInW90 {
width: 90px;
}

.clsInW96 {
width: 96px;
margin:0;
margin-right:13px;
}

.clsInW108 {
width: 108px;
}

.clsML2 {
margin-left: 2px;
}

.clsML72 {
margin-left: 72px;
}

.clsML10 {
margin-left: 10px;
}

.clsFndAdres {
background: #128579;
color: #fff;
height: 35px;
line-height: 35px;
text-align: center;
margin-left: 0;
vertical-align: middle;
display: inline-block;
cursor: pointer;
}

.clsFl{
float: left;
}

.clsRegTbl tr td.clsRegTL {
text-align: left;
}

.clsRegTbl tr td.clsRowSpn p {
margin: 6px 0 0px;
}

.clsRegTbl tr td.clsRegTblTr {
vertical-align: top;
line-height: 22px;
}

.clsRegRitCon {
width: 313px;
padding-top: 10px;
}

.clsRegRitCon p {
line-height: 26px;
}

.clsRegRitCon ul {
list-style: none;
margin: 16px 0 0 8px;
}

.clsRegRitCon li {
padding: 0 15px;
background: url(../images/list_icon.png)no-repeat left center;
line-height: 26px;
}

.clsRegTbl tr td.clsRegTitl2 {
padding: 24px 0 20px;
font-family: 'Roboto-Regular', Sans-Serif;
}

.clsRegTblSec {
margin: 42px 0 0px 0;
}

.clsRegPara p{
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
letter-spacing: 0;
}

.clsRegTblSec .clsRegRitCon {
padding-top: 0px;
}

.clsRegTblSec tr td.clsRegTitl2 {
padding: 7px 0 45px 0;
}

.clsRegTblSec td {
padding-bottom: 0;
}

.clsRegTblSec .clsRegTblSecTR td {
height: 70px;
vertical-align: top;
}

.clsRegTblSec .clsRegTblSecTR td:first-child {
padding-top: 10px;
}

.clsRegTblSecTR td{
width:428px;
}

.clsRegInSum {
padding-top: 6px;
font-size: 14px;
color: #95A0A3;
padding-bottom: 23px;
}

.clsRegSubmitSec {
margin: 0 auto;
text-align: center;
padding-top: 45px;
padding-bottom: 70px;
}

.clsRegSubmitSec span {
margin: 0 10px;
}

.clsRegSubmitSec .clsRegBtnBack {
width: 151px;
padding: 0 0 0 17px;
background-position: 21px 14px;
margin: 0 8px 0 0;
}

.clsRegBtnSave {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
Color: #fff;
width: 300px;
height: 41px;
line-height: 36px;
vertical-align: middle;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #128579;
Border: 1px solid #128579;
display: inline-block;
cursor: pointer;
margin-left: -25px;
}

.clsToolTip {
background: url("../images/image1.3.1.png") no-repeat -1235px -190px;
height: 22px;
width: 22px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}

.lblError {
color: #f00;
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 14px !important;
}

.clsConEmlEror .lblError {
display: inline-block;
vertical-align: middle;
}

#lblConfirmPINError {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
width: 300px;
padding: 0;
position: relative;
left: 190px;
margin-top: -32px;
}

/*Eror lbl vertical align*/
.clsRegTbl .clsRegTblTD502 {
width: 640px;
}

.clsRegTbl .lblError {
margin-left: 40px;
width: 302px;
text-align: justify;
}

.clsRegTbl .clsLblErrorM2 {
margin-left: 209px;
}

.clsRegTbl .clsLblErrorM3 {
margin-left: 17px;
}

.clsRegTbl .clsLblErrorM4 {
margin-left: 190px;
}

.clsRegTbl .clsLblErrorM5 {
margin-left: 14px;
}

.clsRegTblSec .clsConEmlEror .lblError {
width: 330px;
}

.clsNIP_InputContainer {
float: left;
}

.clsNIP_InputInner {
margin-bottom: 13px;
}

.clsNIP_InputTD .lblError {
padding-top: 10px;
display: inline-block;
}

#PaymentFrame {
border: medium none;
width: 1024px !important;
margin-top: 50px;
margin-bottom: 50px;
overflow: visible;
padding-left: 128px;
padding-right: 128px;
height: 840px !important;
display: block;
}

#ISATopupFrame {
border: medium none;
width: 1024px !important;
margin-top: 50px;
margin-bottom: 90px;
overflow: hidden;
padding-left: 128px;
padding-right: 128px;
height: 767px !important;
}

#ForgotFrame{
width: 100% !important;
margin-bottom: 90px;
overflow: hidden !important;
height: 790px !important;
margin: auto;
display: block;
float: left;
}

#ResetFrame{
width: 100% !important;
margin-bottom: 90px;
overflow: hidden !important;
height: 690px !important;
margin: auto;
display: block;
float: left;
}

.clsgridWrap p span {
white-space: nowrap;
}

.content-main-wrapper {
width: 1280px !important;
}

/*=========================================================================*/
/*--Registration Modal--*/

.clsRegModalOverlay {
background: #000;
opacity: 0.5;
position: fixed;
height: 100%;
width: 100%;
z-index: 999;
left: 0;
top: 0;
}

.clsRegModal {
width: 940px;
/*height: 910px;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 57px 64px 68px;
background: #DBE2E8;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
position: fixed;
left: 50%;
top: 3%;
margin-left: -470px;
z-index: 1000;
}

.clsRegTitleOuter {
overflow: hidden;
}

.clsRegModalClose {
background: url(../images/close_popup_icon.png) no-repeat 0 0;
width: 34px;
height: 34px;
float: right;
display: inline-block;
cursor: pointer;
}

.clsRegTitle1, .clsRegTitle2 {
Font-Family: 'Merriweather', serif;
Font-Size: 30px;
Color: #172b48;
line-height: 30px;
}

.clsRegTitle2 {
Font-Size: 20px;
margin-top: 54px;
}

.clsRegNote {
Font-Family: 'Roboto-Medium', sans-serif;
Font-Size: 16px;
Color: #3d4850;
margin-top: 22px;
}

.clsRegModalcontent {
background: #fff;
overflow-y: auto;
margin-top: 50px;
max-height: 244px;
}

.clsRegModalcontent ul {
list-style: none;
margin: 10px 45px 33px 16px;
}

.clsRegModalcontent li {
Font-Family: 'Roboto-Medium', sans-serif;
Font-Size: 18px;
line-height: 46px;
Color: #3d4850;
vertical-align: middle;
border-bottom: 1px solid #b7b7b7;
padding: 0 10px;
}

.clsRegModalcontent li:hover, .clsRegModalcontent li.Selected {
cursor: pointer;
background-color: #d4effc;
}

.clsRegModalFooter {
overflow: hidden;
padding-top: 54px;
}

.clsRegModalBtn {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #fff;
width: 150px;
height: 40px;
vertical-align: middle;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #149387;
Border: 1px solid #149387;
display: inline-block;
cursor: pointer;
float: right;
}

.clsToolTip .clsToolTipModel {
display: none;
background: #fff;
box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 21px;
padding: 20px 30px;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 12px;
line-height: 18px;
width: 288px;
min-height: 76px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
left: 49px;
border-radius: 10px;
top: -27px;
font-weight: normal;
color: #000;
}

.clsToolTip .clsToolTipModel i {
display: inline-block;
position: absolute;
left: -27px;
top: 50%;
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1228px -961px;
width: 27px;
height: 38px;
margin-top: -15px;
}

.clsToolTip .clsToolTipModel.MT_46 {
top: -46px;
}

.clsToolTip .clsToolTipModel.MT_53 {
top: -53px;
}

.clsToolTip .clsToolTipModel.MT_54 {
top: -54px;
}

@-moz-document url-prefix() {
.clsToolTip .clsToolTipModel {
box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 15px;
}
}

@media screen and (min-width: 0\0) {
.clsToolTip .clsToolTipModel {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
}
}

/*=========================================================================*/
/* Loader */

.loader {
display: none;
}

.loaderMfa{
display: none;
}

.clsOverly {
background: #000;
opacity: .5;
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -100px;
}

.clsLoader {
width: 200px;
height: 80px;
position: fixed;
top: 50%;
left: 50%;
text-align: center;
margin-left: -100px;
margin-top: -40px;
z-index: 100002;
background: #fff;
border-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 0px 0px 8px 2px #999;
}

.clsLoader img {
float: left;
margin-top: 15px;
margin-left: 10px;
width: 50px;
background: transparent;
}

.clsLoader span {
line-height: 80px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@ -webkit-keyframes rotateLod {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}

img.clsRotWebkit {
-webkit-animation-name: rotateLod;
-webkit-animation-duration: 3.5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
}

/*=========================================================================*/
/*--Activity Log--*/

.clsActivityLog {
margin-top: 31px;
width: 100%;
margin-bottom: 38px;
}

#emTRCurrency select {
right: 0px !important;
}

.clsActivityLog td {
padding: 7px 10px;
Font-Family: 'Roboto-Medium', sans-serif;
Font-Size: 16px;
color: #3d4850;
}

.clsInputSelect {
width: 100%;
border: 1px solid #ced7de;
color: #3d4850;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
height: 36px;
line-height: 36px;
padding: 0 5px;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #FFF url(../images/select_icon_2.png) no-repeat right center;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
.clsInputSelect {
background: #fff;
padding: 0 5px;
}
}

.clsActivityLog td.clsTdText {
text-align: right;
padding-left: 0;
padding-right: 0;
}

.W60 {
width: 60px;
}

.W263 {
width: 263px;
}

.clsActivityGrid {
border: 0 none;
width: 100%;
}

.clsActivityGrid th, .clsActivityGrid td {
background: #fff;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
color: #3d4850;
vertical-align: middle;
text-align: left;
padding: 0 20px;
height: 50px;
border-right: 1px solid #dae2e7;
border-bottom: 3px solid #dae2e7;
}

.clsActivityGrid th {
background: #315A7B;
Color: #fff;
Font-Family: 'Roboto-Medium', sans-serif;
border-bottom-width: 10px;
font-weight: normal;
}

.clsActivityGrid th:last-child, .clsActivityGrid td:last-child {
border-right: 0 none;
}

.clsW836 {
width: 796px;
}

.clsActivityGrid .clsDate, .clsActivityGrid .clsTime {
background: url(../images/date_icon.png) no-repeat left center;
padding-left: 35px;
display: inline-block;
line-height: 50px;
margin-right: 35px;
}

.clsActivityGrid .clsTime {
background-image: url(../images/time_icon.png);
}

.clsActivityGrid tr:last-child td p {
text-align: center;
}

.clsActivityGrid tr:last-child table {
margin: 15px auto;
background: transparent;
}

.clsActivityGrid tr:last-child table td {
border: 0 none;
padding: 0;
background: transparent;
}

.clsActivityGrid tr:last-child table td span, .clsActivityGrid tr:last-child table td a {
background: transparent none repeat scroll 0 0;
border: 1px solid #ccc;
color: #666;
display: block;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: middle;
width: 50px;
}

.clsActivityGrid tr:last-child table td a {
color: #0E6A61 !important;
text-decoration: underline;
}

.clsActivityGrid .txtleft {
text-align: left !important;
}

.clsShowMoreCont {
background: #fff none repeat scroll 0 0;
color: #3d4850;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
margin-bottom: 60px;
margin-left: 3px;
margin-top: 17px;
overflow: hidden;
padding: 17px 20px;
text-align: center;
width: 1237px;
}

.clsActivityGridAudit {
border: 0 none;
width: 100%;
margin-top: 16px;
}

.clsActivityGridAudit tr + tr:nth-child(even) {
background-color: #fff;
}

.clsActivityGridAudit tr + tr:nth-child(odd) {
background-color: #f4f3f4;
}

.clsActivityGridAudit th, .clsActivityGridAudit td {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px !important;
color: #3d4850;
vertical-align: middle;
text-align: left;
padding: 0 20px;
height: 60px;
border-bottom: 3px solid #dae2e7;
}

.clsActivityGridAudit th {
background: #315A7B;
Color: #fff;
Font-Family: 'Roboto-Medium', sans-serif;
font-weight: normal;
}

.clsNoActivityGridAudit {
background: #fff;
}

.clsActivityGridAudit td:nth-child(4) {
width: 200px;
word-break:break-all;
}

.clsActivityGridAudit td:nth-child(5) {
word-break: break-all;
width: 200px !important;
}

.clsActivityGridAudit th:nth-child(1) {
width: 150px;
}

.clsActivityGridAudit th:nth-child(2) {
width: 200px;
}

.clsActivityGridAudit th:nth-child(3) {
width: 200px;
}

.clsActivityGridAudit th:nth-child(4) {
width: 200px;
}

.clsActivityGridAudit th:nth-child(5) {
width: 200px;
}

.clsActivityGridAudit th:nth-child(6) {
width: 300px;
}

.clsActivityGridAudit th:last-child, .clsActivityGridAudit td:last-child {
border-right: 0 none;
}

.clsActivityGridAudit .clsDate, .clsActivityGridAudit .clsTime {
background: url(../images/date_icon.png) no-repeat left center;
padding-left: 35px;
display: inline-block;
line-height: 50px;
margin-right: 35px;
}

.clsActivityGridAudit .clsTime {
background-image: url(../images/time_icon.png);
}

.clsActivityGridAudit tr:last-child td p {
text-align: center;
}

.clsActivityGridAudit tr:last-child table {
margin: 15px auto;
background: transparent;
}

.clsActivityGridAudit tr:last-child table td {
border: 0 none;
padding: 0;
background: transparent;
}

.clsActivityGridAudit tr:last-child table td span, .clsActivityGridAudit tr:last-child table td a {
background: transparent none repeat scroll 0 0;
border: 1px solid #ccc;
color: #666;
display: block;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: middle;
width: 50px;
}

.clsActivityGridAudit tr:last-child table td a {
color: #0E6A61 !important;
text-decoration: underline;
}

.clsActivityGridAudit .txtleft {
text-align: left !important;
}

.clsListCount {
float: left;
line-height: 36px;
}

.clsShowMore {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #128579 !important;
Border: 1px solid #128579 !important;
width: 153px;
height: 36px;
line-height: 33px;
display: inline-block;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
cursor: pointer;
margin-left: -172px;
}

.clsShowMore i {
display: inline-block;
background: url("../images/image1.3.1.png") no-repeat -1311px -14px;
width: 24px;
height: 11px;
}

/*=========================================================================*/
/*--Forgot Password--*/

.clsForPaswd {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 99px;
min-height: inherit;
}

.clsForPaswdCon {
margin-top: 30px;
margin-bottom: 111px;
}

.clsForPaswdConSec {
padding: 25px 0 45px;
float: left;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 15px;
Color: #3d4850;
border-right: 2px solid #fff;
width: 523px;
}

.clsForPaswdConSec.clsPWDSec2 {
border-right: 0;
padding-left: 92px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.clsPwdInputLeft {
float: left;
}

.clsForPaswdInput {
width: 320px;
height: 36px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
background: #fff;
padding: 0 5px;
outline: inherit;
}

.clsPaswdSizeChange{
width: 111px;
height: 36px;
}

.clsForPaswdLbl {
margin-bottom: 5px;
}

.clsPin p {
margin: 15px 0 5px;
}

.clsForPaswdLftTxt {
width: 460px;
margin: 25px 0 0;
}

.clsForPaswdBtns input {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #fff;
width: 320px;
height: 40px;
vertical-align: middle;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #128579;
Border: 1px solid #128579;
display: inline-block;
cursor: pointer;
outline: none;
margin: 35px 15px 0 0;
padding: 0;
}

.clsForPaswdInput:focus, .clsForPaswdBtns input:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline: 0 none;
}

@media screen and (min-width: 0\0) {
.clsForPaswdInput:focus, .clsForPaswdBtns input:focus {
box-shadow: -1px -1px 8px rgba(0,97,244,.6);
outline: 0 none;
}
}

.clsForPaswdBtns input.clsFPBack {
Color: #128579;
background: #fff;
Border: 1px solid #128579;
}

.clsForPaswdRitTxt {
width: 406px;
margin-bottom: 25px;
}

.clsPWDSec2 a {
font-size: 16px;
font-family: 'Roboto-Medium', Sans-Serif;
Color: #0E6A61;
}

.clsPWDSec2 a:hover {
color: #149588;
}

.clsForPaswdSecurity #imgSecurity {
margin-right: 20px;
}

.clsForPaswdSecurity {
border: 1px solid #172b49 !important;
display: block;
height: 101px;
margin-bottom: 90px;
position: relative;
margin-top: 35px;
width: 418px;
float: left;
}

.clsForPaswdSecurity .left {
float: left;
width: 10%;
}

.clsForPaswdSecurity .right {
float: left;
width: 83%;
padding-left: 27px;
position: relative;
}

.clsForPaswdSecurity img {
width: 100%;
vertical-align: middle;
display: table-cell;
height: 40px;
margin-top: 21px;
margin-left: 23px;
}

.clsForPaswdSecurity span {
width: 100%;
height: 20px;
font-size: 12px;
}

.clsForPaswdSecurity strong {
font-size: 12px;
}

.clsForPaswdSecurity span:nth-child(3) {
width: auto;
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
}

.clsForPaswdSecurity span + span {
font-family: Roboto-Regular;
font-size: 13px;
color: #3d4850;
color: #172b49;
text-align: left;
}

.clsForPaswdSecurity .clsPWDSecTitl {
font-weight: bold;
}

.clsForPaswdSecurity a {
font-size: 13px;
color: #0E6A61;
Font-Family: 'Roboto-Regular', sans-serif;
}

#EmailPasswordMsg a {
text-decoration: underline;
}

.clsForPaswdSecurity a span {
text-decoration: underline;
}

.clsForPaswdSecurity i {
color: #172b49;
}

.clsForPaswdSecurity a:hover, .clsForPaswdSecurity a:hover i, .clsForPaswdSecurity a i:hover {
text-decoration: none;
}

.clsForPaswdSecurity a:hover span {
text-decoration: underline;
font-weight: normal;
}

.clsPWDToolTip {
background: url("../images/image1.3.1.png") no-repeat -1235px -190px;
height: 22px;
width: 22px;
display: inline-block;
vertical-align: middle;
margin: 30px 0 0 10px;
cursor: pointer;
}

.clsForPaswdConSec .clsPin span.clsPWDToolTip {
margin: 45px 0 0 10px;
}

.clsPWDToolTip span {
background: url("../images/image1.3.1.png") no-repeat -425px -642px;
display: none;
padding: 30px 44px;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 12px;
line-height: 18px;
width: 325px;
height: 157px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
left: 23px;
top: -65px;
font-weight: normal;
color: #000;
z-index: 100;
}

.clsCloseCrsBtn {
background: url("../images/image1.3.1.png") no-repeat -1264px -547px;
display: block;
width: 18px;
height: 23px;
position: relative;
float: right;
top: -12px;
right: -20px;
cursor: pointer;
}

/*.clsPWDToolTip:hover span {
display: block;
}*/

.clsPWDToolTip .clsPWDTolTipHed {
color: #3d4850;
display: block;
font-family: Roboto-Bold;
font-size: 16px;
margin-bottom: 8px;
}

.clsPWDToolTip .clsPWDTolTipHed i {
color: #000000;
display: block;
font-family: Roboto-Regular;
font-size: 12px;
margin-bottom: 8px;
}

.clsEmailConfirmBox {
min-height: 265px;
display: none;
}

.clsEmailContactSection {
display: none;
}

.clsEmailConfirmBox p {
margin-top: 0;
}

.clsPWDResetSec .clsForPaswdSecurity {
margin-top: 117px;
}

.clsForPaswdConSec b {
Font-Family: 'Roboto-Bold', sans-serif;
}

/*=========================================================================*/

.clsmainfWrapper {
background: #dae2e7;
width: 100% !important;
border-top: 1px solid #ccc;
min-width: 1280px;
min-height: 552px;
height: 556px;
}

.clsSecurity .clschangePos a {
text-decoration: none;
}

/*--Profile Your Details--*/

.clsProfileDelailOuter {
background: #fff none repeat scroll 0 0;
margin-top: 28px;
height: 100%;
}

.clsViewMode {
/*padding-bottom: 14px;*/
}

.ViewMode {
    padding-top: 1px;
}

.clsEditMode {
height: auto;
padding-bottom: 60px;
}

.clsProfileOuter {
margin: 0 50px;
}

.clsProfileEmailDisplay {
width: 1280px;
height: 37px;
background: #DA3532;
}

.clsProfileEmailDisplayValidation {
width: 1280px;
height: 37px;
background: #EC6F16;
}

.clsProfileOnlinePaymentsValidation{
width: 1280px;
height: 44px;
background: #6A7279;
}

.clsProfileEmailDisplayThanks {
width: 1280px;
height: 37px;
background: #128579;
}

.clsProfilePreferencesDisplayThanks {
width: 1280px;
height: 37px;
background: #128579;
}

.clsProfileEmailInner {
width: 450px;
margin: auto;
height: 37px;
}

.clsProfileEmailInnerLarge {
width: 850px;
margin: auto;
height: 37px;
}

.clsErrorEmailOTP {
height: 37px;
background: #DA3532;
position: relative;
left: -50px;
width: 502px;
}

.clsPopupInner {
width: 45%;
height: 37px;
margin: 20px auto 28px;
}
.clsPaperPopupInner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    margin: auto;
    height: 30px;
    padding: 0;
/*margin: 10px auto 18px;*/
}
.clsPaperPopupInner  img{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0px;
    align-content: center;
    flex-wrap: wrap;
}

.clsPaperPopupInner  p{
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    top: 0 !important;
    line-height: 36px;
    padding: 0 !important;
}



.clsPopupInnerFailed {
width: 27%;
height: 37px;
margin: 20px auto 28px;
}

.clsFailedContent {
width: 382px !important;
float: left;
margin-bottom: 20px;
padding-top: 28px !important;
}

.clsFailedContent span {
overflow: hidden;
float: left;
margin-bottom: 20px;
}

.clsErrorEmailOTP p {
font-family: 'Roboto-Bold', sans-serif;
Font-Size: 19px;
color: #fff;
text-align: center;
position: relative;
top: -23px;
width: auto;
float: left;
margin-left: 10px;
}

.clsErrorEmailOTP img {
float: left;
margin-top: 8px;
width: 20px;
height: 20px;
display: inline;
position: relative;
margin-left: 5px;
}

.clsProfileEmailDisplay img {
float: left;
margin-right: 20px;
margin-top: 7px;
}

.clsProfileEmailDisplay p {
Font-Family: 'Roboto-Bold', sans-serif;
Font-Size: 19px;
color: #fff;
text-align: center;
line-height: 37px;
float: left;
}

.clsProfileEmailDisplayValidation p {
Font-Family: 'Roboto-Bold', sans-serif;
Font-Size: 19px;
color: #fff;
text-align: center;
line-height: 37px;
}

.clsProfileOnlinePaymentsValidation p {
Font-Family: 'Roboto-Bold', sans-serif;
Font-Size: 19px;
color: #fff;
text-align: center;
line-height: 37px;
}

.clsProfileEmailDisplayThanks p {
Font-Family: 'Roboto-Bold';
Font-Size: 19px;
color: #fff;
text-align: center;
line-height: 37px;
}

.clsProfilePreferencesDisplayThanks p {
Font-Family: 'Roboto-Bold';
Font-Size: 19px;
color: #fff;
text-align: center;
line-height: 37px;
}

.clsProfileDetail {
width: 100%;
}

.trJisaNewDocumentNotifications{
float:left;
width:25%;
margin-top:40px;
height: auto;
margin-top: 40px;
position: relative;
}

.trJisaNewDocumentNotifications td {
width:315px !important;
}

.trNewDocumentNotificationstatus{
float:left;
width:25%;
margin-top:40px;
height: auto;
margin-top: 40px;
position: relative;
}

.trNewDocumentNotificationstatus td {
width:315px !important;
}

.trNewDocumentNotificationstatus td:nth-child(2) {
padding:0px !important;
text-indent: -30px;
}

.clsJisaTableSection{
width:100%;
height:130px;
}

.clsSetpreferChange tr{
text-align:left;
}

.clsJisaTablepreference{
padding-bottom:50px;
}

.clsSetpreferChange tr td{
text-align:left !important;
width: 23% !important;
font-family: 'Roboto-Medium', sans-serif;
}

.clsSetpreferChange tr td:nth-child(2) {
padding: 0px !important;
}

.clsSetpreferChange tr + tr td {
font-family: 'Roboto-Regular', sans-serif !important;
}

.clsProfileDetail td {
background: #fff;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
font-weight: 400;
color: #3d4850;
vertical-align: middle;
/* padding: 0 0px 36px 0px; */
height: auto;
}

#tdUpdateTracker {
cursor: pointer;
width: 238px;
height: 10px;
top: 25px;
position: relative;
left: 120px;
}

.clsProfileDetail td:first-child:not([style*="display:none"]) {
width: 394px;
float: left;
}

.clsProfileDetail td:nth-child(2):not([style*="display:none"]) {
width: 347px;
float: left;
padding-left: 30px !important;
}

.clsProfileOuter .clsProfileDetail td:last-child:not([style*="display:none"]) {
padding-right: 0 !important;
width: 408px;
float: left;
}

.clsProfileDetail tr td ~ span:first-child {
text-align: right;
padding-left: 0;
font-family: 'Roboto-Medium', Sans-Serif;
}

.clsProfileDetail td ~ span.clsTxtBold {
font-weight: 500;
}

.clsProfileDetail td ~ span {
background: #fff;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
font-weight: 400;
color: #3d4850;
vertical-align: middle;
padding: 0 0px 36px 0px;
height: auto;
}

.hidden {
display: none;
}

.clsProfileDetail td:nth-child(3) {
display: block;
position: relative;
text-align: left;
width: 459px;
float: left;
}

.clsaddressCol {
width: 135px;
position: relative;
top: -3px;
}

.clsaddressCol span {
white-space: nowrap;
display: block;
white-space: nowrap;
width: 135px;
line-height: 25px;
}

.clstabfirstChild {
padding: 28px 0px 32px 0px !important;
vertical-align: middle;
}

.clstabfirstChild > span:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clstabnextChild {
padding: 28px 0px 32px 0px !important;
vertical-align: middle;
}

.clsemailAdminSecLabel {
line-height: 35px;
padding-top: 80px;
}

.clsemailAdminSecLabelMob {
line-height: 35px;
padding-top: 80px;
padding-right: 130px;
}

.clsemailAdminSecLabelSel {
width: 108px;
text-align: left;
padding-left: 5px;
background: #fff url(../images/select_iconcuntry.png) no-repeat right top;
border: 1px solid #c1c1c1;
height: 37px;
display: block;
vertical-align: middle;
font-family: Roboto-Regular;
font-size: 15px;
color: #686969;
line-height: 37px;
position: absolute;
top: -36px;
right: -272px;
z-index: 1000000;
}

.clsemailAdminSecLabelin {
position: absolute !important;
right: -480px !important;
top: 2px !important;
left: inherit !important;
}

.clsemailAdminSecInput {
line-height: 35px;
margin-top: 10px;
position: relative;
top: 20px;
}

#lblMobile {
position: relative;
top: -3px;
}

.clstabnextChildsameHt {
padding: 28px 0px 0px 0px !important;
}

.trConfirmemailaddress {
position: relative;
top: 10px;
float: left;
}

.clsregularRadio {
display: none !important;
width: 35px !important;
height: 35px !important;
margin-right: 112px;
}

.clsHeight85 {
height: 85px !important;
}

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

.clsPendingEmailMsg p {
font-family: Roboto-Regular;
font-size: 14px !important;
color: #CB4F11 !important;
position: relative !important;
width: 80%;
}

.clsPendingEmailMsg {
display: none;
float: left;
width: 145px;
}

.clsPendingEmailMsgViewMode {
display: block;
float: left;
width: 145px;
height: 50px;
position: relative;
z-index: 100;
left: -20px;
}

.clsPendingEmailMsgViewMode p {
font-family: Roboto-Regular;
font-size: 14px !important;
color: #ec6f16 !important;
position: absolute !important;
width: 80%;
height: 50px;
}

.clsCurrencyTotalIn {
}

.clsPendingMobileMsgViewMode {
display: block;
float: left;
width: 145px;
height: 50px;
position: relative;
z-index: 100;
left: -20px;
}

.clsPendingMobileMsgViewMode p {
font-family: Roboto-Regular;
font-size: 14px !important;
color: #ec6f16 !important;
position: absolute !important;
width: 80%;
height: 50px;
}

.divPendingCNPByTextMsg {
float: left;
}

.clsPendingMobileMsg {
display: none;
float: right;
width: 145px;
right: 14px;
position: absolute;
top: 34px;
}

.clsPendingMobileMsg p {
font-family: Roboto-Regular;
font-size: 14px !important;
color: #CB4F11 !important;
position: relative !important;
width: 80%;
}

.clsCurrencydd span {
float: left;
width: 220px;
height: 30px;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsPendingEmailMsg span {
line-height: 18px;
}

.clsPendingMobileMsg span {
line-height: 20px;
}

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

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

.clsregularRadiove {
display: none;
width: 35px !important;
height: 35px !important;
margin: 0 !important;
}

.clsdefaultSizehr input[type=radio] {
border: 0px;
height: 2em;
width: 35px;
}

.clsdefaultSize input[type=radio] {
border: 0px;
height: 2em;
width: 35px;
}

.clsradioHolder {
float: left;
width: 300px !important;
position: relative;
height: 35px;
}

.clsradioHolderemp {
float: left;
width: 300px !important;
position: relative;
height: auto;
}

.clsradiodisabled {
pointer-events: none;
opacity: 0.5;
}

.clsregularRadio + label {
background-color: #fafafa;
border: 1px solid #cacece;
border-radius: 50px;
/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 -15px 10px -12px rgba(0,0,0,0.05) inset;*/
display: inline-block;
padding: 13px;
position: relative;
float: left;
top: -2px;
}

#radioRRPByPost label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#radioRRPOnline label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#radioCPByPost label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#radioCPOnline label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#emRadioEnableCurrencyYes label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

#emRadioEnableCurrencyNo label:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsaddressCol select:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsregularRadio + label:before {
/*background:none repeat scroll 0 0 #fdfdfd;*/
border-radius: 50px;
/*box-shadow: 0 0px 10px rgba(0,0,0,03) inset;*/
content: "";
font-size: 36px;
height: 16px;
left: 7px;
top: 7px;
width: 16px;
position: absolute;
}

.clsregularRadiove + label {
background-color: #fafafa;
border: 1px solid #cacece;
border-radius: 50px;
/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 -15px 10px -12px rgba(0,0,0,0.05) inset;*/
display: inline-block;
padding: 13px;
position: relative;
float: left;
}

.clsregularRadiove + label:before {
/*background:none repeat scroll 0 0 #fdfdfd;*/
border-radius: 50px;
/*box-shadow: 0 0px 10px rgba(0,0,0,03) inset;*/
content: "";
font-size: 36px;
height: 16px;
left: 7px;
top: 7px;
width: 16px;
position: absolute;
}

/*.clsregularRadio + lable:after{
background:none repeat scroll 0 0 #94e325;
border-radius:50px;
box-shadow: 0 0px 10px rgba(0,0,0,03) inset;
content: "";
font-size:36px;
height:8px;
left:7px;
top:7px;
position:absolute;
width:8px;
}*/

.clsregularRadio:checked + label {
background-color: #fff;
border: 1px solid #adb8c0;
color: #99a1a7;
padding: 13px;
float: left;
position: relative;
top: -2px;
}

.clsregularRadiove:checked + label {
background-color: #e9ecee;
border: 1px solid #adb8c0;
color: #99a1a7;
padding: 13px;
float: left;
}

.spanOnlinePayments label {
position: relative;
top: -5px !important
}

.clsDocConfirm span.clsdefaultSize {
cursor: default !important;
width: 140px;
height: 35px;
float: left;
}

.clsDocConfirm span.clsdefaultSize p {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
left: 17px;
top: 2px;
float: left;
}

.clsDocConfirm span.clsdefaultSize span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
top: 1px;
float: left;
font-weight: normal;
}

.paddingtp28 {
padding-top: 28px;
}

.margintp77 {
margin-top: 77px;
}

.paddingbt28 {
padding-bottom: 28px;
}

.clsTrPrefer p {
/* position: relative;
top: 28px;*/
}

.clsTrNewPrefer {
float: left;
height: auto;
margin-bottom: 28px;
position: relative;
}

.clsReceiveRegularReports {
width: 100%;
float: left;
height: 176px;
margin-bottom: 28px;
position: relative;
border-bottom: 1px solid #ccc;
}

.clsEditOnlinePayments {
width: 100%;
float: left;
height: 100px;
margin-bottom: 28px;
position: relative;
}

.clsReceivecorrespndancetp {
position: relative;
top: -3px;
}

.clsReceiveRegularFirstTd {
position: relative;
padding: 0 !important;
top: 28px;
}

.clsReceiveRegularSecondTd {
position: relative;
top: 24px;
}

.clsReceiveRegularSecondTd {
position: relative;
top: 24px;
}

.clsEnableCurrencySecondTd {
position: relative;
top: 28px;
padding-bottom: 0;
}

.clsReceiveRegularThirdTdsn {
float: left;
margin-bottom: 28px;
}

.clsDocConfirm span.clsdefaultSizehr {
cursor: default !important;
width: 140px;
height: 35px;
float: none;
margin-top: 15px;
}

.clsDocConfirm .clsdefaultSizeve {
cursor: default !important;
width: 125px;
height: 35px;
float: left;
}

.clsDocConfirm .clsdefaultSizeve:nth-child(2) {
cursor: default !important;
width: 125px;
height: 35px;
float: left;
margin-left: 15px;
}

.clsDocConfirm span.clsdefaultSizehr p {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
left: 17px;
top: 6px;
}

.clsDocConfirm span.clsdefaultSizeve p {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
left: 18px;
float: left;
}

.clsDocConfirm span.clsdefaultSizeve h2 {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
left: 17px;
float: left;
font-weight: normal;
top: 1px;
}

.clsregularRadio:checked + label::after {
background: none repeat scroll 0 0 #128579;
border-radius: 50px;
content: " ";
font-size: 36px;
height: 16px;
left: 5px;
position: absolute;
top: 5px;
width: 16px;
}

.clsregularRadio + label:active, .clsregularRadio:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 1px 3px rsgba(0, 0, 0, 0.1) inset;
}

.clsregularRadiove:checked + label::after {
background: none repeat scroll 0 0 #128579;
border-radius: 50px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset;
content: " ";
font-size: 36px;
height: 16px;
left: 7px;
position: absolute;
top: 7px;
width: 16px;
}

.clsregularRadiove + label:active, .clsregularRadio:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 1px 3px rsgba(0, 0, 0, 0.1) inset;
}

.clsProfileDetail td.clsTxtBold {
font-weight: 500;
}

.errorEditEmailText {
color: #DA3532;
}

.paddingbtm {
padding-bottom: 28px;
}

.paddingtp5px {
padding-top: 5px;
}

.clsProfileDetail tr:first-child td {
/*padding: 0 15px 0px;*/
}

.clsProfileDetail input {
height: 35px;
border: 1px solid #c1c1c1;
width: 310px;
text-indent: 10px;
}

.align-v {
vertical-align: middle;
line-height: 36px;
}

.clsProfileDetail input.clsMandError {
border-color: #e53935;
background-color: #fad7d7;
}

.clsOnEdit {
margin: -10px auto;
width: 1162px;
}

.clsProNotifications {
width: 100%;
height: 35px;
color: #fff;
background: #e53935;
}

.clsProNotifications p {
font-family: Roboto-Regular !important;
font-size: 16px;
line-height: 35px;
color: #fff !important;
padding-left: 10px;
}

.clsProNotifications img {
float: left;
height: 22px;
margin-left: 10px;
margin-right: 10px;
margin-top: 7px;
width: 22px;
}

.clsBorderBottom {
border-bottom: 1px solid #c1c1c1;
padding: 34px 0 54px;
}

.clsBorderBottom td:first-child {
/* padding:0 15px 34px !important; */
padding: 0 0px 15px 0px !important;
}

.clsBorderBottom td:nth-child(2) {
/* padding:0 15px 34px !important; */
padding: 0 0px 15px 30px !important;
}

.clsBorderBottom td:nth-child(3) {
/* padding:0 15px 34px !important; */
padding: 0 0px 15px 22px !important;
}

.clsProfileDetail tr:last-child td {
padding: 0px 0 28px 0px;
}

.clsprofiletextcommentName {
margin-top: 0 !important;
}

.clsprofiletextcommentNote {
width: 1157px !important;
margin: auto;
background: #e8ecf0 !important;
height: 72px !important;
margin-bottom: 28px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
padding: 0px 22px 0px 22px !important;
}

.clsprofiletextcommentNote span {
position: relative;
}

.clsprofiletextcomment span {
position: relative;
top: 16px;
left: 16px;
white-space: nowrap;
}

.clsprofiletextcomment ~ hr {
margin-bottom: 56px;
}

.clsprofiletextcomment {
width: 1162px;
margin: auto;
background: #e8ecf0;
height: 72px;
margin-top: 18px;
margin-bottom: 46px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

.clsProfileDetail tr td:first-child {
text-align: right;
padding-left: 0;
font-family: 'Roboto-Medium', Sans-Serif;
}

.clsProfileDetail tr td:last-child {
padding-right: 0;
}

.W270 {
width: 270px;
}

.W352 {
width: 352px;
}

.H80 {
height: 80px;
}

.H85 {
height: 85px;
}

.H124 {
height: 124px;
}

.clsTR_AT td {
vertical-align: top;
padding-top: 30px;
height: 94px;
}

.imgedit {
background: rgba(0, 0, 0, 0) url("../images/image1.3.1.png") no-repeat scroll -1284px -231px;
height: 29px;
margin-left: -80px;
margin-top: 20px;
position: absolute;
width: 17px;
}

.clsBtnEdit {
display: block;
border: 1px solid #315a7b;
box-sizing: border-box;
color: #315a7b;
cursor: pointer;
display: inline-block;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
height: 35px;
line-height: 34px;
margin-top: 23px;
padding: 0 0 0 44px;
vertical-align: middle;
width: 100px;
}

.btnEditWob {
background: #fff url("../images/") no-repeat scroll 1px center;
box-sizing: border-box;
color: #315a7b;
cursor: pointer;
display: inline-block;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
height: 35px;
line-height: 34px;
margin-top: 23px;
vertical-align: middle;
width: auto;
}

.btnEditWob img {
float: left;
position: relative;
left: -15px;
}

.btnEditWob p {
box-sizing: border-box;
color: #315a7b;
display: inline-block;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
height: 35px;
line-height: 34px;
margin-top: -2px;
vertical-align: middle;
float: left;
}

.clsVmEmailEdit input {
width: 250px;
border: 1px solid #b7b7b7;
margin-bottom: 16px;
height: 35px;
outline: none;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
position: relative;
top: -8px;
}

.clsVmEmailEdit input:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}

.clsVmMobile input {
width: 250px;
border: 1px solid #b7b7b7;
margin-bottom: 16px;
height: 35px;
outline: none;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
position: relative;
top: -8px;
}

.clsBtnEdit:hover {
text-decoration: none;
Color: #315A7B;
}

.clsEmailInput {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #3d4850;
width: 250px;
height: 35px;
line-height: 34px;
vertical-align: middle;
padding: 0 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #DAE2E7;
Border: 1px solid #b7b7b7;
}

.clsEmailInput:disabled {
background: #fff;
Border: 1px solid #fff;
Color: #3d4850;
}

.clsEmailInputReadonly {
background: #fff;
Border: 1px solid #fff;
Color: #3d4850;
}

.clsDocConfirm .clsYes, .clsDocConfirm .clsNo {
width: 30px;
height: 35px;
line-height: 33px;
vertical-align: middle;
text-align: center;
box-sizing: border-box;
background: #fff;
float: left;
}

.clsDocConfirm span.clsYes {
}

.clsDocConfirm span.clsNo {
margin-left: -4px;
}

.clsDocConfirm span.clsOn {
color: #FFFFFF;
}

.clsDocConfirm span + span {
Border-left: none !important;
}

.clsDocConfirm span.clsOn {
color: #ffffff;
cursor: pointer !important;
}

.clsDocConfirm span.clsDefaultCursor {
cursor: default !important;
}

.clsDefaultCursor {
cursor: default !important;
}

.clsDocConfirm span.clsNo {
margin-left: -4px;
}

.clsDocConfirm .clsEmail, .clsDocConfirm .clsText, .clsDocConfirm .clsBoth, .clsDocConfirm .clsNone {
background: #fff none repeat scroll 0 0;
border: 1px solid #b7b7b7;
box-sizing: border-box;
color: #727272;
cursor: default;
display: inline-block;
float: left;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
height: 35px;
line-height: 33px;
text-align: center;
vertical-align: middle;
width: 100px;
}

.clsBtnCancel, .clsBtnSave {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579 !important;
box-sizing: border-box;
color: #128579 !important;
cursor: pointer;
display: inline-block;
float: left;
font-family: "Roboto-Regular", sans-serif;
font-size: 16px;
height: 50px;
margin: 0;
padding: 0;
position: relative;
text-align: center;
top: -20px;
vertical-align: top;
width: 157px;
}

.clsBtnSave {
Color: #fff;
background: #149387;
float: right;
}

.clsProfileDetail span.TNW {
white-space: nowrap;
}

.clsInvPerConfirm {
float: left;
}

.clsBtnInvPer {
float: left;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #727272;
width: 138px;
height: 60px;
vertical-align: middle;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
Border: 1px solid #B7B7B7;
display: inline-block;
cursor: default;
font-weight: normal;
border-right: 0 none;
padding: 7px 0 0;
line-height: 22px;
}

.clsBtnInvPer:first-child {
border-left: 1px solid #B7B7B7;
}

.clsBtnInvPer:last-child {
border-right: 1px solid #B7B7B7;
padding: 17px 0 0;
}

.clsBtnInvPer.clsSelected + .clsBtnInvPer {
border-left: 0 none;
}

.clsBtnInvPer.clsSelected {
background: #149387;
color: #FFFFFF;
Border: 1px solid #149387;
}

.clsProfileDetail td .clsInvPer_P {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #3d4850;
line-height: 22px;
width: 260px;
margin-left: 85px;
float: left;
margin-top: -4px;
}

.clsProfileDetail td .clsRecDoc_P {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #3d4850;
line-height: 22px;
margin-top: -4px;
}

.clsDocConfirm .clsYes.clsDisabled, .clsDocConfirm .clsNo.clsDisabled {
color: #bebebe;
border-color: #dedede;
}

.clsDocConfirm .clsYes.clsOn.clsDisabled, .clsDocConfirm .clsNo.clsOn.clsDisabled {
color: #fff;
Background: #95cec8;
border: 1px solid #95cec8;
}

.clsTrPrefer td {
/* padding-bottom: 9px; */
}

.clsTarError p {
padding-left: 20px;
background: url("../images/icon_error.png") no-repeat 0 9px;
display: block;
padding-top: 7px;
height: 50px;
width: 300px;
line-height: 18px;
}

/*=========================================================================*/
/*--Modal Confirm--*/

.clsModalConfirm {
position: absolute;
top: 50%;
left: 50%;
background: #fff;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
width: 602px;
margin-left: -300px;
margin-top: -150px;
padding: 18px 18px 38px 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}

.clsModalConfirm .clsMHead {
height: 70px;
line-height: 70px;
vertical-align: middle;
width: 100%;
text-align: center;
background: #dae2e7;
font-family: 'Merriweather', serif;
Font-Size: 30px;
Color: #172b48;
margin-bottom: 29px;
outline:none;
}

.clsModalConfirm .clsMContent {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 20px;
line-height: 28px;
Color: #172b48;
text-align: center;
padding-bottom: 29px;
outline:none;
}

.clsModalSession .clsMButton {
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 20px;
line-height: 40px;
Color: #fff;
text-align: center;
background: #128579 !important;
height: 40px;
width: 256px;
border: 0 none;
vertical-align: middle;
outline: 0 none;
}

/*=========================================================================*/
/*--Cookies--*/

.clsCookies {
background: #182b49;
display: table;
width: 100%;
}

.clsCookiesInner {
width: 1280px;
margin: 0 auto;
color: #fff;
padding: 34px 0;
}

.clsCookiesInner h3 {
font-family: 'Roboto-Regular', sans-serif;
font-weight: normal;
font-size: 28px;
margin-bottom: 15px;
}

.clsCookiesInner p {
Font-Family: 'Roboto-Regular', sans-serif;
font-weight: normal;
Font-Size: 16px;
line-height: 20px;
}

.clsCookiesInner p a {
color: #1A9CE2;
text-decoration: underline;
}

.clsBtnCookieclose {
float: right;
margin-right: 15px;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
Color: #fff;
Border: 1px solid #fff;
width: 121px;
height: 36px;
line-height: 34px;
display: inline-block;
vertical-align: middle;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
margin-top: 10px;
text-align: center;
background: transparent;
}

.clsBtnCookieclose:hover {
color: #fff;
text-decoration: none;
}

/*--Error Page--*/

.clsErorPag .clsContent {
/*min-height: inherit;*/
}

.clsErorPag .clsRegOuter {
text-align: center;
margin: 100px 0 100px;
background: none;
}

.clsErorImg {
width: 65px;
height: 65px;
}
/*Modified date: 23 / 01 / 2024 for jira CP-3717:Change 'No Current Holdings' wording*/  
.clsErorMsg {
display: block;
text-align: center;
Font-Family: 'Merriweather', serif;
font-weight: normal;
Font-Size: 20px;
Color: #182b48;
margin-top: 46px;
line-height:25px;
}

/*--Protection Page start--
.clsProtectionHeightIncrease {
}*/

.clsProtectionGrid {
border: 0 none;
width: 100%;
}

.clsProtectionGridOuter{
table-layout: fixed;
width: 1279px;
height:800px;
}

.clsErorImg {
width: 65px;
height: 65px;
background: url("../images/image1.3.1.png") no-repeat -1053px -318px;
}

.clsProtectionGrid th, .clsProtectionGrid td {
background: #fff;
Font-Family: 'Roboto-Regular', sans-serif;
Font-Size: 16px;
font-weight: 400;
color: #3d4850;
vertical-align: middle;
text-align: left;
padding: 0 20px;
height: 60px;
border-right: 1px solid #dae2e7;
border-bottom: 1px solid #dae2e7;
}

.clsProtectionGrid th {
background: #315A7B;
Color: #fff;
font-weight: 400;
border-bottom-width: 1px;
text-align: center;
}

.clsProtectionGrid th:first-child {
text-align: left;
}

.clsProtectionGrid th:last-child, .clsProtectionGrid td:last-child {
border-right: 0 none;
}

.clsProtectionGrid td {
height: 80px;
}

.clsProtectionGrid td:last-child {
text-align: right;
}

/*--Protection Page end--*/


/*--Session Expired Modal start--*/
.clsModalOverly {
position: fixed;
background: #000;
opacity: 0.98;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-indent: -1000px;
z-index: 2000044;
display: none;
}

.clsModalSession {
position: fixed;
top: 50%;
left: 50%;
background: #fff;
box-shadow: 0 0 6px rgba(0,0,0,0.8);
width: 600px;
margin-left: -300px;
margin-top: -254px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
padding-bottom: 66px;
z-index: 2000044;
height: 509px;
border:none !important;
outline:none!important;
}

.clsModalSession h2 {
color: #182B48;
font-size: 20px;
line-height: 25px;
font-family: 'Merriweather', serif;
font-weight: normal;
margin-top: 66px;
outline:none;
border:none !important;
outline:none!important;
}

.clsModalSession .clsTimeCount {
font-family: 'Roboto-Regular', sans-serif;
color: #3D4850;
font-size: 16px;
line-height: 40px;
margin-top: 32px;
font-weight: normal;
}

.clsModalSession.clsSLogout .clsTimeCount {
font-family: 'Roboto-Medium', sans-serif;
margin-top: 40px;
line-height: 22px;
outline:none;
}

.clsModalSession .clsTimeCount span:nth-child(2){
background: #128579 !important;
width: 40px;
height: 40px;
border-radius: 25px;
color: #fff;
display: inline-block;
margin: 0 5px;
}

.clsModalSession .clsDisTimeCount {
margin: 34px 75px 0;
font-family: 'Roboto-Regular', sans-serif;
font-size: 16px;
color: #3D4850;
line-height: 22px;
outline:none;
border:none !important;
outline:none!important;
}

.clsModalSession .clsDisTimeCountafter {
margin: 34px 75px 0;
font-family: 'Roboto-Regular', sans-serif;
font-size: 16px;
color: #3D4850;
line-height: 22px;
}

.clsModalSession.clsSLogout .clsDisTimeCount {
margin: 34px 99px 0;
outline:none;
border:none !important;
outline:none!important;
}

.clsModalSession .clsWhyInfo {
background: #E8ECF0;
padding: 12px 8px 15px;
font-family: 'Roboto-Medium', sans-serif;
font-size: 16px;
color: #3D4850;
line-height: 22px;
margin: 34px 66px 0;
outline:none;
}

.clsModalSession .clsDisWhyInfo {
font-family: 'Roboto-Regular', sans-serif;
color: #001E20;
font-weight: normal;
}

.clsModalSession .clsMButton {
font-family: 'Roboto-Regular', sans-serif;
font-size: 16px;
color: #fff;
text-align: center;
background: #128579;
height: 40px;
width: 197px !important;
border: 0 none;
vertical-align: middle;
font-weight: normal;
float: left;
margin: 34px auto;
margin-left: 201px;
cursor: pointer;
}

.clsModalSession.clsSLogout .clsMButton {
width: 163px;
}

/*--Below 1280--*/
@media screen and (max-width: 1279px) {

.clsModalSession {
width: 547px;
margin-left: -274px;
padding-bottom: 40px;
margin-top: -215px;
}

.clsModalSession h2 {
margin-top: 40px;
border:none !important;
outline:none!important;
}

.clsModalSession .clsTimeCount {
font-size: 13px;
line-height: 34px;
margin-top: 41px;
}

.clsModalSession .clsTimeCount span {
width: 34px;
height: 34px;
}

.clsModalSession .clsDisTimeCount {
margin: 31px 75px 0;
font-size: 13px;
line-height: 19px;
border:none !important;
outline:none!important;
}

.clsModalSession .clsWhyInfo {
padding: 10px 18px 13px;
font-size: 13px;
line-height: 19px;
margin: 33px 40px 0;
}

.clsModalSession .clsMButton {
font-size: 13px;
height: 34px;
width: 160px;
}

.clsModalSession.clsSLogout .clsTimeCount {
font-size: 16px;
}

.clsModalSession.clsSLogout .clsDisTimeCount {
margin: 43px 48px 0;
border:none !important;
outline:none!important;
}

.clsModalSession.clsSLogout .clsMButton {
width: 147px;
font-size: 13px;
}
}

/*--Session Expired Modal End--*/

/* Profile Page Mobile Country */

.mobiletxtbx {
width: 176px !important;
}

.clsContryCode {
float: left;
position: relative;
margin-right: 19px;
width: 115px;
}

.clsContryCodeAdmin {
width: 134px;
position: absolute;
top: 107px;
left: 288px;
z-index: 100;
}

.clsLblCountryCode {
width: 108px;
text-align: left;
padding-left: 5px;
background: #fff url(../images/select_iconcuntry.png) no-repeat right top;
border: 1px solid #c1c1c1;
height: 37px;
display: block;
vertical-align: middle;
font-family: Roboto-Regular;
font-size: 15px;
color: #686969;
line-height: 37px;
}

.clsCountryList {
position: absolute;
left: 0;
top: 37px;
list-style: none;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
background: #fff;
border: 1px solid #c1c1c1;
z-index: 999;
min-width: 380px;
display: none;
text-align: left;
height:250px;
}

.clsCountryList li {
line-height: 35px;
padding: 0 5px;
vertical-align: middle;
font-family: Roboto-Regular;
font-size: 15px;
color: #686969;
height:35px;
}

.clsCountryList li:nth-child(6) {
border-bottom: dashed 1px #c1c1c1;
padding-bottom: 5px;
margin-bottom: 5px;
}

.clsCountryList li:hover, .clsCountryList li.selected {
background: #1e90ff;
color: #fff;
cursor: pointer;
}

/*Flagstone changes */

#lblHubaccountnotification {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

#lblFlagstoneHubaccount {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

#lblSDAaccount {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

#lblSDAaccountLiability {
font-size: 12px;
vertical-align: top;
display: inline;
position: relative;
top: -4px;
}

#divhubaccountactive {
margin-top: 15px;
}

#divhubaccountactive strong {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
}

/*--Second level Grid Expand start--*/
a.clsAcoDDLink:hover {
color: #149487;
}

.clsExpand td .clsSndDD td, .clsExpand td tr.clsSndDD td table td {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.clsExpand td tr.clsSndDD td:nth-child(1) {
width: 237px !important;
border-right: 1px solid #DBE3E7;
}

.clsExpand td tr.clsSndDD td:nth-child(2) {
width: 164px !important;
}

.clsExpand td tr.clsSndDD td:nth-child(3), .clsExpand td tr.clsSndDD td:nth-child(4) {
width: 376px !important;
}

.clsExpand td tr.clsSndDD td table td:nth-child(1), .clsExpand td tr.clsSndDD td table td:nth-child(2) {
width: 50% !important;
}

.clsExpand td tr.clsSndDD td:nth-child(5) {
width: 125px !important;
}

.clssjpTable .clsExpand td tr.clsSndDD td table tr td:nth-child(2) {
width: inherit !important;
}

.clsExpand td table tr.clsSndDD td span {
float: inherit;
width: auto;
padding-left: 0 !important;
}

.clsExpand td table tr.clsSndDD td span a {
width: auto;
}

.clsTrigExp a {
Color: #149487;
background: rgba(0, 0, 0, 0) url(../images/image1.3.1.png) no-repeat scroll -1220px -678px;
padding-left: 24px;
cursor: pointer;
display: inline-block;
margin-left: 30px;
}

.clsTrigExp a.clsCollaps {
background-position: -1220px -739px;
}

.clssjpTable .clsExpand .clsSndDDExp td {
padding: 0;
height: inherit;
width: inherit !important;
margin: 0;
font-family: Roboto-Regular;
border-collapse: collapse;
text-align: right;
vertical-align: middle;
position: relative;
background-color: #EAEDEF;
}

.clssjpTable .clsExpand .clsSndDDExp td table td {
padding: 0px 17px 0px 0px;
height: 75px;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: inherit;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(1) {
width: 237px !important;
text-align: left !important;
font-family: Roboto-Regular;
font-size: 14px;
text-indent: 10px;
color: #3d4850;
padding-left: 58px;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(1) span a {
width: 155px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(2) {
width: 164px !important;
border-right: 1px solid #DBE3E7;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(3), .clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) {
width: 376px !important;
padding-right: 0;
border-right: 0 none;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(3) table td:first-child, .clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) table td:first-child {
width: 50% !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) table td:first-child {
width: 187px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(3) table td:last-child, .clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) table td:last-child {
width: inherit !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:last-child {
width: 125px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td span {
width: auto;
padding-left: 0 !important;
float: inherit;
}

.clssjpTable .clsExpand .clsSndDDExp td:not(:last-child) {
border-right: #DBE3E7 solid 1px;
}

.clssjpTable .clsExpand .clsSndDDExp td table tr {
border-bottom: 2px solid #DBE3E7 !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table tr:last-child, .clssjpTable .clsExpand .clsSndDDExp td table tr table tr {
border-bottom: none !important;
}

.clssjpTable .clsExpand .clsSndDDExp .clsBankingwrap span, .clssjpTable .clsExpand .clsSndDDExp .clsMoneyMgmt span {
left: 0;
/*max-width: 160px !important;*/
width: 160px !important;
}

@media screen and (-ms-high-contrast:none) {

.clsExpand td tr.clsSndDD td:nth-child(3) {
width: 375px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(3) {
width: 376px !important;
}

.clsExpand td tr.clsSndDD td:nth-child(4) {
width: 377px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) {
width: 377px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:last-child {
width: 125px !important;
}

.clssjpTable .clsExpand .clsSndDDExp td table td:nth-child(4) table td:first-child {
width: 50% !important;
}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

.clsExpand td tr.clsSndDD td:nth-child(3), .clsExpand td tr.clsSndDD td:nth-child(4) {
width: 375px !important;
}

.clsExpand td tr.clsSndDD td:nth-child(5) {
width: 126px !important;
}
}

/*--Second level Grid Expand end--*/

/*Flagstone changes end*/

/* Media Queries for print */

/* Target Safari */

img {
border: none !important;
outline: none !important;
display: inline-block;
}
_::-webkit-:host:not(:root:root), .imgLogo {
color:#fff;
outline:none;
border:none;
display:inline-block;
height:0px;
padding-bottom:80px;
padding-top:80px;
}

_::-webkit-:host:not(:root:root), .clssjpTable tr + tr td table td:nth-child(1) a span::before{
content: '';
display: block;
}


@media not all and (min-resolution:.001dpcm) { @media {

.clsLoginBtncontinue .clssubmitcode {
top: 0px !important;
cursor:default;
}
}}

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {
    
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {

::i-block-chrome, .clssjpTable tr + tr td table td:nth-child(1) a span::before{
content: '';
display: block;
}

::i-block-chrome, .imgLogo {
color:#fff;
outline:none;
border:none;
display:inline-block;
height:0px;
padding-top:80px;
padding-bottom:80px;
}
}

_::-webkit-full-page-media, _:future, :root .clssjpTable tr + tr td table td:nth-child(1) a span::before{
content: '';
display: block;
}

_::-webkit-full-page-media, _:future, :root .imgLogo {
color:#fff;
outline:none;
border:none;
display:inline-block;
height:0px;
padding-top:80px;
padding-bottom:80px;
}

@media not all and (min-resolution:.001dpcm) {
@media {

.clssjpTable tr + tr td table td:nth-child(1) a span::before{
content: '';
display: block;
}

.imgLogo {
color:#fff;
outline:none;
border:none;
display:inline-block;
height:0px;
padding-top:80px;
padding-bottom:80px;
}

.clsErorImg {
display:inline-block;
text-align: center;
outline:none;
border:none;
height:0px;
padding-top:40px;
padding-bottom:20px;
}
}
}

/* Target Edge */

_:-ms-lang(x), .imgLogo {
color: #fff;
}

_:-ms-lang(x), .clsRegTblTD502{
     width:640px;
 }


_:-ms-lang(x), .clsforgotPwd a {
display:block;
padding-left:17px;
}

_:-ms-lang(x), .clsforgotPwd a:before {
display:block;
position:absolute;
height:100%;
width:100%;
content:' ';
}

_:-ms-lang(x), .clsProfilePopupAlert input[type='submit']{
padding:0 !important;
}

@supports (-ms-ime-align: auto) {
 .clsProfilePopupAlert .clssubmitcode {
    left: 1px;
}
 .clsRegTblTD502{
     width:640px;
 }
}

@supports (-ms-ime-align: auto) {
 .clsLoginBtncontinue .clssubmitcode {
    top: 0px !important;
}
}

.TrancheDynamicSummary {
height: 105px;
width: 1279px;
background: #fff;
padding: 20px 0 20px 0;
border: 1px solid #CCC;
}

/*CR-355 Added new class for tranche back button by Sivaranjani*/
.clsTrancheBtnBack {
font-family: 'Roboto-Regular', Sans-Serif;
Font-Size: 16px;
Color: #fff;
Border: 1px solid #149487;
width: 190px;
height: 36px;
line-height: 34px;
display: inline-block;
vertical-align: middle;
padding: 0 20px 0 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background:#149487 none repeat scroll 0 0;
cursor: pointer;
margin-top: 30px;
margin-bottom: 80px;
float: left;
text-decoration: none !important;
color: #fff !important;
display: -ms-box;
}
.clsTrancheBtnBack:hover {
text-decoration: none;
Color: #149487;
}

/* CR-355 Added for View tranche details and View income payment buttons by Sivaranjani*/
.clsViewBtn {
width:auto;
float: left;
height: 37px;
margin-bottom:20px;
margin-top:20px;
text-align:center;
}

.clsViewBtnText{
float: left;
margin-bottom:20px;
margin-top:20px;
text-align:left; 
}

/*CR-355 Removed right padding and added left padding by Sivaranjani*/
.clssjpTranchetableChartTwo {
float: left;
height: 60px;
line-height: 60px;
padding-left: 50px;
width: 90px;
}

/*CR-355 added new classes for dynamic header section by Sivaranjani*/
.clsTrancheDetails2 {
background: #fff none repeat scroll 0 0;
border: none;
width: 375px;
float: left;
height: 125px;
border-right: 1px solid #ced7de;
padding: 20px 25px 22px 30px;
height: 60px;
}

.clsTrancheDetails2 table {
width: 375px;
float: left;
}

.clsTrancheDetails2 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsTrancheDetails2 .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

.clsTrancheDetails3 {
background: #fff none repeat scroll 0 0;
float: left;
height: 125px;
padding: 0 0 22px;
width: 375px;
border: none;
border-right: 1px solid #ced7de;
padding: 20px 25px 22px 25px;
height: 60px;
}

.clsTrancheDetails3 table {
width: 375px;
float: left;
}

.clsTrancheDetails3 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsTrancheDetails3 .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

.clsTrancheDetails4 {
background: #fff none repeat scroll 0 0;
float: left;
height: 125px;
padding: 0 0 22px;
width: 375px;
border: none;
border: none;
padding: 20px 20px 22px 25px;
height: 60px;
}

.clsTrancheDetails4 table {
width: 375px;
float: left;
}

.clsTrancheDetails4 tr {
width: 375px;
margin-bottom: -1px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
margin-right: 29px;
height: 40px;
border: none;
}

.clsTrancheDetails4 .clsPlanLabel {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
font-weight: bold;
}

 /* CR-355 & CR-327 for Tranche Details Ends*/
 /* Outer */
.popup {
width:100%;
height:100%;
display:none;
position:fixed;
top:0px;
left:0px;
background:rgba(0,0,0,0.75);
}

/*CR-377 Added new classes for income payment by Kesavan on 28/04/2017*/
.clsincomePaymentPopupbk {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
left: 0;
}

.clsincomePaymentPopup {
background: #fff none repeat scroll 0 0;
height: 515px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 924px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.incHeader {
margin-left: 1cm;
margin-right: 1cm;
text-align: center;
padding: 4px;
font-size: 26px;
font-family: Merriweather;
margin-top:52px;
color: #182B49;
height:32px;
}

.incErrorMsgHeader {
margin-left: 1cm;
margin-right: 1cm;
text-align: center;
padding: 4px;
font-size: 26px;
font-family: Merriweather;
margin-top:39px;
color: #182B49;
height:32px;
}

.incDist {
font-size: 16px;
font-family: Roboto-Regular !important;
height: 48px;
width: 215px;
color: #3D4850;
line-height: 24px;
}

.incDistSubaccount {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
height:24px;
width:182px;
}

.incDistPlandropdown {
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
background: #FFFFFF;
border: 1px solid #95A0A3;
width:399.7px;
height:34px;
padding-left:5px;
}

.intDistError {
background: #ff0000;
width:100%;
height:13px;
}

.incDayFrom {
background: #FFFFFF;
border: 1px solid #95A0A3;
height:34px;
padding:5px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
}

.incDistAnd {
height:24px;
width:29px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
}

.incDistErrorMsg {
height:44px;
width:420.8px;
font-family: Roboto-Regular;
font-size: 16px;
color: #E53935;
line-height: 22px;
}

.incDistBtnCancel {
border: 1px solid #149487;
width:176.6px;
height:40px;
line-height: 40px;
font-family: Roboto-Regular;
font-size: 16px;
color: #149487;
text-align:center;
}

.incDistBtnPrint {
width: 176.6px;
height: 40px;
background: #149487;
text-align: center;
}

.incDistBtnPrint a {
font-family: Roboto-Regular;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 40px;
text-align: center;
text-decoration: none;
}
.incDistBtnClose {
width: 176.6px;
height: 40px;
background: #149487;
text-align: center;
}

.incDistBtnClose a {
font-family: Roboto-Regular;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 40px;
text-align: center;
text-decoration: none;
}

.customtd {
max-width: 250px;
padding-right: 20px;
font-family:Perpetua;
font-size:14px;
padding-left:1em;
font-weight:bold;
}

.customtable {
margin-left: 1cm;
padding-top: 20px;
}

.DropDownS { 
border: solid 1px #B1BCC5; 
font-family: Arial; 
font-size: 11px; 
height: 20px; 
width: 100px; 
}

.clsincomePaymentEmptyPopupbk {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
left: 0;
}

.clsincomePaymentEmptyPopup {
background: #fff none repeat scroll 0 0;
height: 433px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 761px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.planDetailspopBold {
font-family: Roboto-Bold;
font-size: 16px;
color: #182B49;
line-height: 24px;
height:24px;
}

.planDetailspop{
font-family: Roboto-Regular;
font-size: 16px;
color: #0C001F;
line-height: 24px;
height:24px;
width:416px;
}

.planDetailsLinkInc{
font-family: Roboto-Regular;
font-size: 16px;
color: #149387;
height:19px;
width:265px;
}

.incDistFailHeader{
height:32px;
width:473px;
font-family: Merriweather;
font-size: 26px;
color: #182B49;
padding-left:114px;
text-align:center;
}

.incDistFailMsg{
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
height:48px;
width:521px;
padding-left:90px;
text-align:center;
}

.clsincomePaymentPopupFail {
background: #fff none repeat scroll 0 0;
height: 460px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 700px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsImageFail {
background: rgba(0, 0, 0, 0) url("../Images/IconEX.png") no-repeat scroll 0px 0px;
color: #149387;
cursor: pointer;
display: inline-block;
float: left;
font-family: "Roboto-Regular",sans-serif;
font-size: 16px;
font-weight: 400;
height: 50px;
line-height: 28px;
margin-left: 0;
margin-top: -2px;
padding-left: 47px;
width: auto !important;
}

.c-dropdownlist-selection {
background: url("../images/dropDown_Arrow.png") no-repeat right #ddd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #95A0A3;
padding:5px;
height:34px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
background-color:White;
}

.c-dropdownlist-planselection {
background: url("../images/dropDown_Arrow.png") no-repeat right #ddd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #95A0A3;
padding:5px;
height:34px;
font-family: Roboto-Regular;
font-size: 16px;
color: #3D4850;
line-height: 24px;
background-color:White;
}

/* CAUTION: IE hackery ahead */
.c-dropdownlist-selection::-ms-expand {
display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
select {
background:none\9;
padding: 5px\9;
}
}

/* Code changes for registration */

.clsLoginPopupbk {
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0px;
width: 100%;
z-index: 10000;
left: 0;
right: 0;
overflow: hidden !important;
}

.clsLoginPopup {
background: #fff none repeat scroll 0 0;
height: 595px;
left: 50%;
margin-left: -316px;
margin-top: -297.5px;
position: absolute;
top: 50%;
width: 632px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsLoginCont {
margin: 40px auto;
width: 452px;
height: 686px;
}

.clsLogoContainer{
width:100%;
height:156px;
}

.clsLogincontInner {
position: relative;
width: 100%;
height: 68px;
margin: 0;
padding: 0;
}

.clsLogincontInnerLstdiv {
background: #128579;
}

.clsLoginPopup h1 {
font-family: Merriweather;
font-size: 24px;
color: #182B49;
text-align: center;
font-weight: normal;
margin-top: 30px;
margin-bottom: 25px;
outline: none;
line-height:38px;
}

.clsAlreadyRegistered h1 {
margin-top: 50px;
font-size: 20px;
}

.clsServiceUnavailable h1 {
font-family: Merriweather;
font-size: 20px;
color: #182B49;
text-align: center;
font-weight: normal;
margin-top: 50px;
margin-bottom: 25px;
outline: none;
line-height: 30px;
width: 394px;
height: 60px;
margin: 50px auto;
}

.clsServiceUnavailable h1 span {
white-space:nowrap;
}

.clsMoreInformation h1 {
font-family: Merriweather;
font-size: 20px;
color: #182B49;
text-align: center;
font-weight: normal;
margin-top: 50px;
margin-bottom: 25px;
outline: none;
line-height:30px;
width:632px;
height:25px;
margin-left:0;
margin-right:0;
left: -90px;
position: relative;
}

.clsServiceUnavailableMsg{
width: 576px;
height: 162px;
background: #fff;
margin: auto;
margin-bottom: 58px;
border-top: 2px solid #DBE3E8;
border-bottom: 2px solid #DBE3E8;
margin-left: 28px;
margin-right: 28px;
position: relative;
left: -90px;
}

.clsServiceUnavailableMsg p{
width: 300px;
height: 120px;
padding-top: 25px;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 22.5px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-left: -150px;
margin-top: -60px;
}

.clsMoreInformationMsg{
width: 398px;
height: 214px;
background: #fff;
margin: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
margin-bottom: 48px;
margin-left: 89px;
margin-right: 89px;
position: relative;
}

.clsMoreInformationdiv{
width: 576px;
height: 214px;
border-top: 2px solid #DBE3E8;
border-bottom: 2px solid #DBE3E8;
margin-left: 28px;
margin-right: 28px;
position: relative;
left: -90px;
margin-bottom: 38px;
}

.clsAlreadyRegisteredMsg{
width: 576px;
height: 162px;
background: #fff;
margin: auto;
margin-bottom: 48px;
border-top: 2px solid #DBE3E8;
border-bottom: 2px solid #DBE3E8;
margin-left: 28px;
margin-right: 28px;
position: relative;
left: -90px;
}

.clsMoreInformationMsg p{
width: 418px;
padding-top: 25px;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 22.5px;
text-align: center;
padding-bottom: 25px;
}

.clsMoreInformationMsg p:nth-child(2){
position:relative;
top:-22px;
left:30px;
width:358px;
}

.clsMoreInformationMsg p:nth-child(3){
position:relative;
top:-20px;
left:30px;
width:362px;
}

.clsAlreadyRegisteredMsg p{
width: 300px;
padding: 25px 138px;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 22.5px;
text-align: center;
padding-bottom:22.5px;
}

.clsAlreadyRegisteredMsg span{
width: auto;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 22.5px;
text-align: center;
padding-bottom:22.5px;
}

.clsAlreadyRegisteredMsg span a{
text-decoration:underline;
}

.clsMoreInformationMsg p + p{
padding-top:0px;
}

.clsAlreadyRegisteredMsg p + p{
padding-top:0px;
max-width:285px;
}

.clsLoginPopupInner h1 {
font-family: Merriweather;
font-size: 20px;
color: #182B49;
text-align: center;
font-weight: normal;
padding-top: 15px;
margin-bottom: 15px;
outline: none;
height: 38px;
line-height: 38px;
}

.clsLoginPopupInner h1 + h1 {
color: #fff;
}

.clsLoginParaText{
font-family: Roboto-Regular;
font-Size: 15px;
color: #3D4850;
text-align: center !important;
margin: auto;
line-height: 21px;
width: 452px;
outline: none;
height: 63px;
}

.clsLoginParaText span{
font-family: Roboto-Bold;
font-Size: 15px;
color: #3D4850;
text-align: center !important;
margin: auto;
line-height: 21px;
width: 452px;
outline: none;
}

.clsLoginParaText span + span{
font-family: Roboto-Regular;
}

.clscontainerpop{
margin: 20px auto 40px auto;
}

.clsValuationscontainerpop{
margin: 3px auto 40px auto;
}

.clsLoginhvCodesubmit {
background: #128579 none repeat scroll 0 0;
height: 40px;
margin: 0px 133px 0px 134px;
width: 185px;
cursor: pointer;
outline:none;
}

.clsLoginhvCodesubmit input{
font-family: Roboto-Regular;
font-Size: 16px !important;
color: #fff;
text-align: center !important;
margin: auto;
line-height: 40px;
-webkit-appearance: none;
border: none;
background: none;
display: block;
width: 145px;
padding-right: 15px;
padding-left: 15px;
outline: none;
box-sizing:border-box;
}

.clsLogindthvCodesubmit input{
font-family: Roboto-Regular;
font-Size: 16px !important;
color: #128579;
text-align: center !important;
margin: auto;
line-height: 40px;
-webkit-appearance: none;
border: none;
background: none;
width: 185px;
display: block;
padding-right: 15px;
padding-left: 15px;
height: 40px;
}

.clsmb60{
margin-bottom:60px;
}

.clsLogindthvCodesubmit {
background: #fff none repeat scroll 0 0;
border:1px solid #128579;
height: 40px;
margin: 0px 133px 0px 134px;
width: 185px;
cursor: pointer;
color:#128579;
}

.clsLoginPopup h3 {
background: url("../images/image1.3.1.png") no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 23px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 23px;
outline: none;
cursor: pointer;
top: 11px;
float: right;
text-indent: -9999px;
position: absolute;
right: 11px;
}

.clsLoginPopupInner h3 {
background: url("../images/image1.3.1.png") no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 23px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 23px;
outline: none;
cursor: pointer;
top: 11px;
float: right;
text-indent: -9999px;
position: absolute;
right: 11px;
}

.clsLoginPopupInner {
background: #fff none repeat scroll 0 0;
height: 595px;
left: 50%;
margin-left: -316px;
margin-top: -297.5px;
position: absolute;
top: 50%;
width: 632px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsSjpRegLogo{
background: rgba(0, 0, 0, 0) url(../images/image1.3.1.png) no-repeat scroll -520px -44px;
cursor: pointer;
width: 204px;
height: 156px;
margin: 0px 106px 0px 107px;
display: block;
pointer-events: none;
}

.clsNavBreadcrumb{
width:100%;
height:45px;
margin-bottom: 20px;
background: #DBE3E8;
}

.clsLogindetailsrti {
margin-top: 1px;
}

.clsLogindetailsrtiabt {
margin-top: 1px;
}

.clsLogindetailsrtipwd {
margin-top: 1px;
}

.clsNavAboutYou{
width: 228px;
height: 45px;
float: left;
position:relative;
}

.clsNavAboutYoult{
width: 203px;
height: 45px;
background: #F3F5F7;
float: left;
display: inline;
}

.clsNavAboutYoultPwd{
width: 200px;
height: 45px;
background: #DBE3E8;
float: left;
display: inline;
}


.clsNavAboutYoultPwd p{
font-family: Roboto-Medium;
font-size: 15px;
color: #0E6A61;
line-height:45px;
padding-left:21px;
float:left;
}

.clsNavAboutYoult p{
font-family: Roboto-Medium;
font-size: 15px;
color: #3D4850;
line-height:45px;
padding-left:21px;
float:left;
}

.clsNavAboutYoult img{
float: right;
position:absolute;
right:34px;
top: 50%;
margin-top: -12.5px;
}

.clsNavAboutYoultPwd img{
float: right;
position:absolute;
right:47px;
top: 50%;
margin-top: -12.5px;
}

.clsLogindetailsltConfirm img{
float: right;
position:absolute;
right:42px;
top: 50%;
margin-top: -12.5px;
}

.clsLogindetailsMidConfirm img{
float: right;
position:absolute;
right:18px;
top: 50%;
margin-top: -12.5px;
}

.clsConfirmation img{
float: right;
position:absolute;
right:24px;
top: 50%;
margin-top: -12.5px;
}

.clsConfirmationlast img{
float: right;
position:absolute;
right:24px;
top: 50%;
margin-top: -12.5px;
}

.clsNavAboutYourt{
height: 0;
display: inline;
float: right;
right: -20px;
top: -46px;
position: relative;
}

.clsNavAboutYourtPwd{
height: 0;
display: inline;
float: left;
right: 6px;
position: absolute;
width: 20px;
top: -1px;
}

.clsLogindetails{
width: 223px;
height: 45px;
float: left;
}

.clsLogindetailsPwd{
width: 223px;
height: 45px;
float: left;
display: block;
position: relative;
opacity: 0;
}

.clsLogindetailsPwd p{
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height:45px;
padding-left:21px;
}

.animatedshow{
transition: opacity 0.6s ease-in-out;
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
opacity: 1 !important;
}

.animatedshowlast{
transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
opacity: 1 !important;
}

.clsLogindetailsltPwd p{
padding-left:17px;
}

.clsLogindetailslt{
float: left;
width: 198px;
}

.clsLogindetailsltConfirm{
float: left;
width: 190px;
}

.clsLogindetailsltPwd{
width: 204px;
float: left;
display: inline;
height: 45px;
background: #F3F5F7;
position: absolute;
left: -6px;
}

.clsLogindetailsltConfirm{
width: 201px;
float: left;
display: inline;
height: 45px;
background: #DBE3E8;
}

.clsLogindetailsltConfirm p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height: 45px;
text-indent: 18px;
position: relative;
}

.clsLogindetailsMidConfirm{
width: 198px;
float: left;
display: inline;
height: 45px;
background: #DBE3E8;
position: relative;
}

.clsLogindetailsMidConfirm p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height: 45px;
text-indent: 8px;
position: relative;
}

.clsNavAboutYourtConfirm{
float:left;
width: 25px;
}

.clsLogindetailsltConfirmti:after,
.clsLogindetailsltConfirmti:before {
content: '';
display: block;
position: relative;
width: 0;
border-style: solid;
border-width: 24px;
}

.clsLogindetailsltConfirmti:after {
top: -46px;
border-color: transparent transparent transparent #DBE3E8;
left: -2px;
border-bottom: 22px solid transparent;
border-left: 20px solid #DBE3E8 !important;
border-top: -1px solid #fff !important;
}

.clsLogindetailsltConfirmti:before {
border-color: transparent transparent transparent #fff;
top: 0px;
left: 0px;
border-left: 20px solid #fff !important;
border-bottom: 22px solid transparent;
border-top: -1px solid #000 !important;
}

.clsLogindetailsrtiPwd:after,
.clsLogindetailsrtiPwd:before {
content: '';
display: block;
position: relative;
width: 0;
border-style: solid;
border-width: 21px;
}

.clsLogindetailsrtiPwd:after {
top: -45px;
border-color: transparent transparent transparent #F3F5F7;
left: -5px;
border-bottom: 25px solid transparent;
border-left: 20px solid #DBE3E8 !important;
border-top: -1px solid #fff !important;
height: 0px;
}

.clsLogindetailsrtiPwd:before {
border-color: #F3F5F7 transparent transparent transparent;
left: 1px;
border-bottom: 24px solid #F3F5F7 !important;
border-top: 21px solid #F3F5F7 !important;
top: 0px;
left: -3px;
border-left: 20px solid #fff !important;
border-bottom: 23px solid transparent;
height: 0;
}

.clsLogindetailslt p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height: 45px;
text-indent: 8px;
position: relative;
}

.clsLogindetailsrt{
height: 0;
display: inline;
float: left;
width: 25px;
height: 45px;
}

.clsLogindetailsrtPwd{
height: 0;
display: inline;
float: left;
width: 23px;
height: 45px;
position: relative;
left: -23px;
}

.clsLogindetailsrti:after,
.clsLogindetailsrti:before {
content: '';
display: block;
position: relative;
width: 0;
border-style: solid;
border-width: 24px;
}

.clsLogindetailsrti:after {
top: -47px;
border-color: transparent transparent transparent #DBE3E8;
left: -5px;
border-bottom: 22px solid transparent;
border-left: 20px solid #DBE3E8 !important;
border-top: -1px solid #fff !important;
}

.clsLogindetailsrti:before {
border-color: transparent transparent transparent #fff;
top: -1px;
left: -3px;
border-left: 20px solid #fff !important;
border-bottom: 22px solid transparent;
border-top: -1px solid #000 !important;
}


.clsLogindetailsrtiabt:after,
.clsLogindetailsrtiabt:before {
content: '';
display: block;
position: relative;
width: 0;
border-style: solid;
border-width: 24px;
}

.clsLogindetailsrtiabt:after {
top: -48px;
border-color: transparent transparent transparent #F3F5F7;
left: -4px;
border-bottom: 23px solid transparent;
border-left: 20px solid #F3F5F7 !important;
border-top: -1px solid #fff !important;
height: 0px;
}

.clsLogindetailsrtiabt:before {
border-color: transparent transparent transparent #fff;
top: -1px;
left: -2px;
border-left: 20px solid #fff !important;
border-bottom: 23px solid transparent;
border-top: -1px solid #000 !important;
height: 0;
}

.clsConfirmation p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height:45px;
text-indent: 8px;
}

.clsConfirmationlast p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height:45px;
text-indent: 8px;
}

.clsConfirmationPwd p{
font-family: Roboto-Regular;
font-size: 15px;
color: #0E6A61;
line-height: 45px;
text-indent: 11px;
}

.clsConfirmation{
width: 181px;
height: 45px;
float: left;
position:relative;
}

.clsConfirmationlast{
width: 181px;
height: 45px;
float: left;
position:relative;
opacity:0;
}

.clsActivationBlock{
 width: 576px;
height: 50px;
background: #fff;
margin: auto;
margin-bottom: auto;
margin-bottom: 20px;
border-top: 2px solid #DBE3E8;
border-bottom: 2px solid #DBE3E8;
}

.clsActiveBlockContainer{
width: 370px;
margin: 0px 103px 0px 103px;
height: 35px;
position: relative;
top: 50%;
margin-top: -16px;
height: 35px;
}

.clsActivationParaText{
width: 105px;
height: 18px;
margin-right: 15px;
float: left;
line-height: 35px;
}

.clsActivationParaText p{
font-family: Roboto-Medium !important;
font-Size: 15px !important;
color: #3D4850;
padding: 0 !important;
}

.clsActivationCodeinput{
height:35px;
margin:0px auto;
margin-bottom:0px;
width: 250px;
float: left;
}

.clsActivationCodeinput input{
width: 70px;
height: 33px;
background: #FFFFFF;
border: 1px solid #AFB7B9;
float: left;
font-family: Roboto-Regular;
font-Size: 15px !important;
color: #3D4850;
text-align: center;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.clsActivationCodeinput input:focus{
outline: none;
border:1px solid #128579;
}

.clsActivationCodeinput input:last-child{
margin-right:0;
}

.clsActivationseperator{
width: 10px;
height: 2px;
background: #128579;
margin: 17px 5px 0px 5px;
float: left;
}

.clsLoginInformationDetails{
width:100%;
}

.clsLoginInformationDetailslist{
width:100%;
}

.clsLoginInformationDetailsPwd{
width:100%;
}

.clsLoginInformationDetailsPwd p{
font-family: Roboto-Medium;
font-Size: 15px !important;
color: #3D4850;
padding: 0px 52px 0px 52px;
margin-bottom: 30px;
}

.clsLoginInformationDetailsComplete{
width:100%;
}

.clsLoginInformationDetailsComplete p{
font-family: Roboto-Medium;
font-Size: 15px !important;
color: #3D4850;
padding: 0px 153.5px 0px 153.5px;
margin-bottom: 30px;
padding-top:10px;
width: 325px;
height: 18px;
}

.clsLoginInformationDetails p{
font-family: Roboto-Medium;
font-Size: 15px !important;
color: #3D4850;
padding:0px 52px 0px 50px;
margin-bottom:20px;
height: 18px;
}

.clsLoginInformationDetailslist p{
font-family: Roboto-Medium;
font-Size: 14px !important;
color: #3D4850;
padding:0px 52px 0px 50px;
margin-bottom:20px;
height: 18px;
text-align: justify;
position: relative;
top: 15px;
}

.clsActivationErrnotify{
width: 100%;
height: 35px;
display: block;
}

.clsActivationErrnotify img{
margin:-3px 8px 20px 52px;
float:left;
}

.clsActivationErrnotify p{
font-family: Roboto-Regular;
font-Size: 15px !important;
color: #3D4850;
padding:1px 52px 20px 85px;
margin-bottom:20px;
height: 18px;
}

.clsLoginInformationTable{
width:100%;
height:156px;
}

.clsLoginInformationTablepwd{
width:100%;
height:233px;
}

.clsLoginInformationSurname,.clsLoginInformationInNumber,.clsLoginInformationEmail{
width: 100%;
height: 35px;
margin-bottom: 20px;
position: relative;
}

.clsLoginInformationEmail,.clsLoginInformationEmailConfirm,.clsLoginPinNumber,.clsLoginPinNumberConfirm{
width: 100%;
height: 35px;
margin-bottom: 31px;
position: relative;
}

.clsLoginInformationTitle{
text-align: right;
width: 236px;
float: left;
margin-right: 15px;
display: table;
}

.clsLoginInfoContainer{
margin: 0;
margin-right: 131px;
float: left;
width: 250px;
}

.clsLoginInformationTitle p{
padding: 0px;
margin-bottom: 0px;
vertical-align: middle;
display: table-cell;
height: 35px;
}

.clsLoginInformationText{
background: #FFFFFF;
border: 1px solid #AFB7B9;
width:246px;
float:left;
margin-right: 7px;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
letter-spacing: 0;
text-indent: 10px;
min-height: 31px;
}

.clsMisMatchRecord{
background: #FFFFFF !important;
border: 1px solid #EC6F16 !important; 
}

.clsLoginInformationErr{
border: 1px solid #A94442 !important;
background: #FAE8E8 !important;
}

.clsLoginAuthenticateErr{
color:#EC6F16;
background: #FFFFFF;
border: 1px solid #EC6F16;
}

.clsLoginInformationPin{
background: #FFFFFF;
border: 1px solid #AFB7B9;
width: 137px;
height: 33px;
float:left;
margin-right: 7px;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
letter-spacing: 0;
text-indent: 10px;
}

.clsLoginInformationTextErr{
background: #FAE8E8;
border: 1px solid #A94442;
}

.clsLoginInputHolder{
width:250px;
height:35px;
float: left;
position:relative;
margin:0;
margin-right: 131px;
}

.clsLoginInputHolderSm{
width:139px;
height:35px;
float: left;
position:relative;
margin:0;
margin-right: 242px;
}

.clsSucVadidateImage{
background: url("../images/tick icon.png") no-repeat;
width: 12px;
height: 12px;
position: absolute;
right: 8px;
top: 50%;
margin-top: -6px;
}

.clsErrVadidateImage{
background: url("../images/Error icon.png") no-repeat;
width: 16px;
height: 12px;
position: absolute;
right: 11px;
top: 50%;
margin-top: -6px;
}

.clsErrVadidateMsg{
width: 250px;
height: 15px;
float: left;
}

.clsSucessVadidateMsg{
width: 250px;
height: 15px;
float: left;
}

.clsErrVadidateMsgPin{
width: 250px;
height: 15px;
float: left;
}

.clsErrVadidateMsg p{
font-family: Roboto-Regular;
font-size: 14px !important;
color: #A94442;
letter-spacing: 0;
padding:1px 0;
}

.clsSucessVadidateMsg p{
font-family: Roboto-Regular;
font-size: 14px !important;
color: #128579;
letter-spacing: 0;
padding:5px 0;
}

.clsErrVadidateMsgpwd{
width: 250px;
height: 15px;
float: left;
}

.clsErrVadidateMsgpwd p{
font-family: Roboto-Regular;
font-size: 14px;
color: #3D4850;
letter-spacing: 0;
padding:5px 0;
}

.clsErrVadidateMsgPin p{
font-family: Roboto-Regular;
font-size: 14px !important;
color: #3D4850;
letter-spacing: 0;
padding:5px 0;
}

.clsPWDToolTipContainer{
height:33px;
}

.clsPWDToolTipLoginpop {
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 103px !important;
position: absolute;
}

.clsPWDToolTipContainer {

}

.clsPWDToolTippopup{
width: 335px;
height: 80px;
border-left: 5px solid #EC6F16;
background: #fff;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.50);
position: absolute;
top: -100px;
left: -323px;
cursor: default;
}

.clsPWDToolTippopup p{
width: 283px !important;
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 20px;
position: relative;
padding: 20px 27px 20px 25px;
}

.clsPWDToolTippopup img{
position: absolute;
right: 10px;
top: 10px;
cursor:pointer;
border-width:thin;
width:9px;
height:9px;
}

.clscontainerServicePopup {
width: 270px;
position: relative;
float: left;
margin-left: 181px;
margin-right: 181px;
height: 40px;
margin-bottom: 40px;
margin-top: 0px;
left: -90px;
}

.clsErrorCode{
position: absolute;
width: 100%;
height: 18px;
left: 77px;
padding-right: 0px;
margin-left: -1px;
}

.clsErrorCode p{
position: absolute;
right: 0;
top: 47px;
font-family: Roboto-Regular;
font-size: 15px;
color: #6A7279;
}

.clscontainerMoreInformationPopup {
width: 130px;
position: relative;
float: left;
margin-left: 251px;
margin-right: 251px;
height: 40px;
margin-bottom: 40px;
margin-top: 0px;
left: -90px;
z-index: 1000;
}

.clscontainerAlreadyRegisteredPopup {
width: 130px;
position: relative;
float: left;
margin-left: 251px;
margin-right: 251px;
height: 40px;
margin-bottom: 40px;
margin-top: 45px;
left: -90px;
}

.clsLoginBtnConinueService{
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 128px;
cursor: pointer;
float: left;
border: 1px solid #128579;
color: white;
}

.clsLoginBtnAlreadyRegistered{
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 128px;
cursor: pointer;
float: left;
border: 1px solid #128579;
color: white;
}

.clsLoginBtnConinueService .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 33px;
display: block;
}

.clsLoginBtnAlreadyRegistered .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 25px;
display: block;
}

.clscontainerLoginPopup {
width: 322px;
position: relative;
float: left;
margin-left: 155px;
margin-right: 155px;
height: 40px;
margin-bottom: 40px;
margin-top: 78px;
}

.clscontainerLoginPopupPwd {
width: 322px;
position: relative;
float: left;
margin-left: 155px;
margin-right: 155px;
height: 40px;
margin-bottom: 40px;
margin-top: 83px;
}

.clscontainerLoginPopupConfirm{
width:100%;
height:40px;
}

.clsLoginBtnLogin{
width:156px;
height:40px;
background: #128579;
margin:49px 238px 40px 238px;
}

.clsLoginBtnLogin p{
font-family: Roboto-Regular;
font-size: 16px;
color: #FFFFFF;
line-height:40px;
text-align:center;
cursor:pointer;
}

.clsLoginBtnclose {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579;
height: 40px;
width: 154px;
cursor: pointer;
float: left;
margin-right: 10px;
margin: 0;
margin-right: 10px;
padding: 0;
box-sizing: border-box;
}

.clsLoginBtnTryLater {
background: #fff none repeat scroll 0 0;
border: 1px solid #128579;
height: 40px;
width: 128px;
cursor: pointer;
float: left;
margin: 0;
margin-right: 10px;
padding: 0;
}

.clsLoginBtnclose p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 40px;
width: 156px;
margin: auto;
padding: 0;
text-align: center;
}

.clsLoginBtnTryLater p {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 40px;
width: 130px;
margin: auto;
padding: 0;
text-align: center;
}

.clsLoginBtncontinue {
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 154px;
float: left;
}

.clsLoginBtncontinue input[type=button]{
background: #128579;
width:154px;
height:40px;
outline:none;
border: none;
padding: 0;
}

.clsLoginBtnRegister {
background: #128579 none repeat scroll 0 0;
height: 40px;
width: 128px;
cursor: pointer;
float: left;
border: 1px solid #128579;
color: white;
}

.clsLoginBtncolor{
color:white !important;
}

.clsLoginBtncontinue .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 45px;
left: 0;
top: 0px;
font-family: Roboto-Regular;
width: 0;
height:0;
cursor:pointer;
float:left; 
}

.clsNoCursor{
cursor:default !important;
pointer-events: none !important;
}

.clsLoginBtnRegister .clssubmitcode {
font-size: 16px;
position: relative;
line-height: 40px;
text-indent: 39px;
display: block;
}

.clsLoginBtndisable {
pointer-events: none;
background: #E8ECF0 !important;
border: 1px solid #E8ECF0 !important;
color: #959FA2 !important;
width: 154px;
height: 41px !important;
position: relative;
top: -1px;
cursor: default !important;
}

.clsInputBtndisable{
pointer-events: none;
background: #E8ECF0;
border: 1px solid #999 !important;
color: #959FA2 !important;
opacity: 0.5;
}

.clsInputBtntxtdisable p{
font-family: Roboto-Medium;
font-size: 15px;
color: #959FA2 !important;
}

.clsLoaderNewpge{
background-color: rgba(255,255,255,0.9);
height: 595px;
left: 50%;
margin-left: -316px;
margin-top: -297.5px;
position: absolute;
top: 50%;
width: 632px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsLoaderContainer{
width:294px;
height:129px;
position:absolute;
margin-top:-64.5px;
margin-left:-147px;
top:50%;
left:50%;
border-radius:11px;
border:2px solid #ccc;
}

.clsLoaderContainer img{
float:left;
width:53px;
height:53px;
margin:37px 21px 39px 61px;
float:left;
}

.clsLoaderContainer p{
font-family: HelveticaNeue;
font-size: 15px;
color: #182B49;
padding:54px 67px 58px 0px;
float:left;
height:17px;
width:92px;
}

.clsLoginClientIdContainer{
width:576px;
height:136px;
margin:0px 28px 30px 28px;
border-top: 2px solid #DBE3E8;
border-bottom: 2px solid #DBE3E8;
}

.clsLoginClientIdContainer P{
font-family: Roboto-Medium;
font-size: 15px;
color: #3D4850;
width:98px;
height:18px;
padding:30px 242px 20px 242px;
}

.clsLoginClientIdContainer P + p{
font-family: Roboto-Light;
font-size: 34px;
color: #182B49;
letter-spacing: 1px;
line-height: 38px;
width:452px;
height:38px;
padding:0px 62px 30px 62px;
text-align:center;
}

.clsLoginClientInformationId{
width:528px;
height:105px;
margin:0px 52px 30px 52px;
}

.clsLoginClientInformationId P{
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 21px;
}

.clsLoginClientInformationId P + p{
font-family: Roboto-Regular;
font-size: 15px;
color: #3D4850;
line-height: 21px;
padding-top: 21px;
}

@media all and (-ms-high-contrast:none) {
.clsLoginInformationDetails p{
font-Size: 1.24em !important;
}

.clsLoginClientIdContainer p{
width:93px;
}

.clsPWDToolTipLoginpop{
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 103px !important;
position: absolute;
}
}

/* Code for Popup Sliding Event */

.slideshow-container{
width:632px;
margin:0 auto;
overflow:hidden;
height: 482px;
}

#divSecondNavTab{
overflow:hidden;
}

#divThirdNavTab{
overflow:hidden;
}

#divSecondNavTabslide{
 position: relative;
width: 632px;
height: 482px;
overflow:hidden;
opacity:0;
}

#divThirdNavTabslide{
position: relative;
width: 632px;
height: 482px;
opacity:0;
overflow:hidden;
}

.slide-in {
animation: slide-in 0.5s forwards;
-webkit-animation: slide-in 0.5s forwards;
-moz-animation: slide-out 0.5s forwards;
-ms-animation: slide-out 0.8s forwards;
}

.slide-out {
animation: slide-out 0.5s forwards;
-webkit-animation: slide-out 0.5s forwards;
-moz-animation: slide-out 0.5s forwards;
-ms-animation: slide-out 0.8s forwards;
}
    
@keyframes slide-in {
0% { left:00%;position:relative;opacity:1; }
50% { left:50%;position:relative;opacity:1; }
100% { left:100%;position:absolute; opacity:0;}
}

@-webkit-keyframes slide-in {
0% { left:00%;position:relative;opacity:1; }
50% { left:50%;position:relative;opacity:1; }
100% { left:100%;position:absolute; opacity:0;}
}

@keyframes slide-out {
0% { left:100%;position:absolute;opacity:0; }
50% { left:100%;position:relative;opacity:0; }
100% { left:00%;position:relative; opacity:1;}
}

@-ms-keyframes slide-out {
0% { left:100%;position:absolute;opacity:0; }
50% { left:100%;position:relative;opacity:0; }
100% { left:00%;position:relative; opacity:1;}
}

@-moz-keyframes slide-out {
0% { left:100%;position:absolute;opacity:0; }
50% { left:100%;position:relative;opacity:0; }
100% { left:00%;position:relative; opacity:1;}
}

@-webkit-keyframes slide-out {
0% { left:100%;position:absolute;opacity:0; }
50% { left:100%;position:relative;opacity:0; }
100% { left:00%;position:relative; opacity:1;}
}

.slide-inth {
animation: slide-in 0.2s forwards;
-webkit-animation: slide-in 0.5s forwards;
}

.slide-outth {
animation: slide-out 0.2s forwards;
-webkit-animation: slide-out 0.5s forwards;
}
    
@keyframes slide-inth {
from { left:0%;position:absolute;opacity:1; }
to { left:100%;position:relative; opacity:0;}
}

@-webkit-keyframes slide-inth {
from { left:0%;position:absolute;opacity:1; }
to { left:100%;position:relative; opacity:0;}
}

@keyframes slide-outth {
from { left:100%;position:absolute;opacity:0; }
to { left:00%;position:relative; opacity:1;}
}

@-webkit-keyframes slide-outth {
from { left:100%;position:absolute;opacity:0; }
to { left:00%;position:relative; opacity:1;}
}

/*
.clsFirstNavTab, .clsSecondNavTab, .clsThirdNavTab{
width: 632px;
height: auto;
display: inline;
font-size: 15px;
text-align: center;
float: left;
position:relative;
}

.clsFirstNavTab{
height:527px;
}

.clsSecondNavTab{
height:527px;
left:1000px;
}

.clsThirdNavTab{
height:527px;
}

@keyframes slide{

0% {
 transform:translateX(0%);
}

12.5%{
 transform:translateX(0%);
}

25%{
 transform:translateX(-25%);
}

37.5%{
 transform:translateX(-25%);
}

50%{
 transform:translateX(-50%);
}

62.5%{
 transform:translateX(-50%);
}

75%{
 transform:translateX(-75%);
}

87.5%{
 transform:translateX(-75%);
}

99%{
 transform:translateX(-75%);
}

100%{
 transform:translateX(0%);
}
}

*/


#clsCloseLogoContainer h3:focus,#clsCloseLogoContainer h3:active{
outline: dotted 1px blue;
}

#clsCloseLogoContainerLogin h3:focus,#clsCloseLogoContainerLogin h3:active{
outline: dotted 1px blue;
}

#btnAboutYouContinue:focus{
 outline: dotted 1px blue;
}

#btnGoToLogin:focus{
  outline: dotted 1px blue;
}

#btnAboutYouClose:focus{
outline: dotted 1px blue;
}

#btnLogInContinue:focus{
outline: dotted 1px blue;
}

#btnLogInClose:focus{
outline: dotted 1px blue;
}

#btnLoginhvCodesubmit:focus{
outline: dotted 1px blue;
}

#btnLogindthvCodesubmit:focus{
outline: dotted 1px blue;
}

#btnFullRegister:focus{
outline: dotted 1px blue;
}

#btnMoreInfoContinue:focus{
outline: dotted 1px blue;
}

#btnGotoLoginAlreadyRegistered:focus{
outline: dotted 1px blue;
}

.blinking-cursor {
font-weight: 100;
font-size: 16px;
color: #2E3D48;
-webkit-animation: 1s blink step-end infinite;
-moz-animation: 1s blink step-end infinite;
-ms-animation: 1s blink step-end infinite;
-o-animation: 1s blink step-end infinite;
animation: 1s blink step-end infinite;
}

div.cursor {
background: #111;
-webkit-animation: 1.2s blink step-end infinite;
-moz-animation: 1.2s blink step-end infinite;
-ms-animation: 1.2s blink step-end infinite;
-o-animation: 1.2s blink step-end infinite;
animation: 1.2s blink step-end infinite;
width: 1px;
height: 20.4px;
z-index: 10000000000000000000;
position: absolute;
left: 12px;
float: left;
top: 7.4px;
opacity: 1;
margin-top: 1px;
}

div.logincursor {
background: #111;
-webkit-animation: 1.2s blink step-end infinite;
-moz-animation: 1.2s blink step-end infinite;
-ms-animation: 1.2s blink step-end infinite;
-o-animation: 1.2s blink step-end infinite;
animation: 1.2s blink step-end infinite;
width: 1px;
height: 20.4px;
z-index: 10000000000000000000;
position: absolute;
left: 4px;
float: left;
top: 14px;
opacity: 1;
margin-top: 1px;
}

div.fgtlogincursor {
background: #111;
-webkit-animation: 1.2s blink step-end infinite;
-moz-animation: 1.2s blink step-end infinite;
-ms-animation: 1.2s blink step-end infinite;
-o-animation: 1.2s blink step-end infinite;
animation: 1.2s blink step-end infinite;
width: 1px;
height: 20.4px;
z-index: 10000000000000000000;
position: absolute;
left: 4px;
float: left;
top: 8px;
opacity: 1;
margin-top: 1px;
}

@-webkit-keyframes blink {
  0%   { background: #fff }
  50%  { background: #000 }
  100% { background: #090 }
}

@-moz-keyframes blink {
  0%   { background: #fff }
  50%  { background: #000 }
  100% { background: #090 }
}

@-ms-keyframes blink {
  0%   { background: #fff }
  50%  { background: #000 }
  100% { background: #090 }
}

@-o-keyframes blink {
  0%   { background: #FAE8E8}
  50%  { background: #000 }
  100% { background: #090 }
}
 
@-webkit-keyframes blinkred {
  0%   { background: #FAE8E8 }
  50%  { background: #000 }
  100% { background: #090 }
}

@-moz-keyframes blinkred {
  0%   { background: #FAE8E8 }
  50%  { background: #000 }
  100% { background: #090 }
}

@-ms-keyframes blinkred {
  0%   { background: #FAE8E8 }
  50%  { background: #000 }
  100% { background: #090 }
}

@-o-keyframes blinkred {
  0%   { background: #FAE8E8 }
  50%  { background: #000 }
  100% { background: #090 }
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

.clsPWDToolTipLoginpop {
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 88px !important;
position: absolute;
}

.clsLoginBtncontinue .clssubmitcode {
top: -40px !important;
cursor:default;
}

.clstableRowpf {
border-collapse: seperate;
min-width: 1280px;
}

.clstableRowpf td{
border-spacing: 0;
outline:1px solid #315A7B;
border-collapse: seperate;
}

.clssjpTablepd{
display: table;
height:50px !important;
}

.clssjpTablepd .clstableRowpf {
background-color: #315A7B;
height:60px !important;
border-bottom:1px solid #1F180B;
}

.clssjpTablepd .clstableRowpf  td{
display: table-cell;
background-color: #315A7B;
border-right: 1px solid rgba(31, 24, 11,1) !important;
overflow:hidden;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

.clsPWDToolTipLoginpop {
background: url("../images/Icon_help.png") no-repeat;
height: 21px;
width: 21px;
display: inline-block;
vertical-align: middle;
margin: 7px 0 7px 7px;
cursor: pointer;
right: 88px !important;
position: absolute;
}
.clsLoginBtncontinue .clssubmitcode {
top: -40px !important;
cursor:default;
}

.clstableRowpf {
border-collapse: seperate;
min-width: 1280px;
border:none !important;
}

.clstableRowpf td{
border-spacing: 0;
outline:1px solid #315A7B;
border-collapse: seperate;
}

.clstblChart{
margin-top: 35px;
background: #fff;
border: 1px solid #C7D3DB;
width: 613px;
position: relative;
right: 0px !important;
float: left;
}

.legendWrap {
width: 614px;
top: -1px;
padding-top: 19px;
padding-bottom: 19px;
border-right:1px solid #ccc;
}

.clssjpTablepd{
display: table;
height:50px !important;
}

.clssjpTablepd .clstableRowpf {
background-color: #315A7B;
height:60px !important;
border-bottom:1px solid #1F180B;
}

.clssjpTablepd .clstableRowpf  td{
display: table-cell;
background-color: #315A7B;
border-right: 1px solid rgba(31, 24, 11,1) !important;
overflow:hidden;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#divEmailHelpIcon:focus{
outline:1px dotted #000;
outline-style: dotted;
}
}

@supports (-ms-ime-align: auto) {
.clsActiveBlockContainer{
width: 374px;
}

.clsActivationParaText {
width: 106px;
margin-right: 14px;
}
}


@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) and (min-width: 1500px) and (max-width : 2750px) {
@-ms-viewport {
.clsActiveBlockContainer{
width: 374px;
}

.clsActivationParaText {
width: 106px;
margin-right: 14px;
}

.clsActivationCodeinput input{
width: 69px;
}
}
}

/*Forgotten Password Changes*/

.clsforgotclientid{
position: relative;
right: -20px;
width: 180px;
height: 35px;
margin-top: 18px;
word-wrap: break-word;
text-align: left;
line-height: 15px;
float: left;
}

.clsforgotclientid a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotclientid a:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsforgotchangepin{
position: relative;
right: -20px;
width: 180px;
height: 35px;
margin-top: 17px;
word-wrap: break-word;
text-align: left;
line-height: 15px;
float: left;
}

.clsforgotchangepin a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotchangepin a:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsforgotchangepass{
position: relative;
right: -20px;
width: 180px;
height: 35px;
margin-top: 17px;
word-wrap: break-word;
text-align: left;
line-height: 15px;
float: left;
}

.clsforgotchangepass a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotchangepass a:focus{
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsforgotpinprofile{
position: relative;
width: 180px;
height: 35px;
margin-top: 20px;
word-wrap: break-word;
text-align: left;
line-height: 15px;
}

.clsforgotpinprofile a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotpinprofile a:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsforgotpasswordprofile{
position: relative;
width: 180px;
height: 35px;
margin-top: 5px;
word-wrap: break-word;
text-align: left;
line-height: 15px;
}

.clsforgotpasswordprofile a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsforgotpasswordprofile a:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
font-family: Roboto-Regular;
font-size: 16px;
}

.clsforgotdetailsdisable{
color: #3d4850 !important;
pointer-events: none !important;
opacity: 0.5;
display:block;
}

/* Target Edge */

_:-ms-lang(x), .clsRegTblTD502{
     width:720px;
 }

_:-ms-lang(x),  .clsRegTblSecTR td {
    width: 528px;
}

@supports (-ms-ime-align: auto) {
 .clsRegTbl tr + tr td:nth-child(1){
     width:200px;
 }

 .clsRegTbl tr + tr td:nth-child(2){
     width:720px;
 }

 #divRegisterInfo .clsRegTblSecTR td:nth-child(1){
    width: 528px;
}

 .clsRegTbl td.clsRegReqTxt{
     font-size:13px;
 }
}

/*New Functionality of OLWA Popup Starts*/

.clsprofilepaperlesslogosec{
width: 25%;
height: 45px;
margin-bottom: 15px;
text-align: center;
vertical-align: middle;
}

.clsprofilepaperlesslogosec img{
margin: 44px auto;
}

.clsprofilepaperless img{
margin: 0px auto;
float: none;
}

.clsprofilepaperless h1 span{
color:#1A2C49;
}

.clsprofilepaperlessheading{
width:100%;
height:76px !important;
margin-bottom:23px;
}

.clsprofilepaperlessheading h1 span + span{
top:-2px !important;
padding-top: 0px;
}

.clsprofilepaperlessheading h1{
height:76px  !important;
}


.clsprofilepaperlessheading h1 span{
white-space: nowrap;
display: block;
}

.clsmgbottom_78{
margin-bottom:78px;
}

.clsmgbottom_16{
margin-bottom:16px;
}

.clsmgbottom_10{
margin-bottom:10px;
}

.clsprofilepaperlessp span{
white-space:nowrap;
display:block;
font-weight: normal;
text-align: center;
padding-bottom:10px;
line-height: 23px;
}


.clsprofilepaperlessp span + span{
width:100%;
font-weight:normal;
}

.clsprofilepaperlessp span:nth-child(3){
height:25px;
}

.clsprofilepaperlessp span:nth-child(4){
text-indent:-3px;
}

.clsprofilepaperlessp span:nth-child(4)::before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 0px;
background-color: #fff;
top: -3px;
position: relative;
left: -5px;
}

.clsprofilepaperlesspin{
text-align:center;
}

.clsprofilepaperless h1 {
font-family: Merriweather;
font-size: 24px;
color: #1A2C49;
text-align: center;
font-weight: normal;
margin-bottom: 15px;
outline: none;
padding: 0;
margin: 0 0 19px 0;
height: 20px;
//line-height: 38px;
border:none !important;
}

.clsprofilepaperless {
position: relative;
}

.clsprofilepaperlessp{
width: 100% !important;
top: 5px !important;
position: relative;
}

.clsprofilepaperlesspin{
font-family: Roboto-Regular;
font-Size: 16px;
color: #182b48;
margin:auto;
width: 100% !important;
display:block;
height:62px;
margin-bottom:18px;
}

.clsprofilepaperlessspan{
font-family: Roboto-Regular;
font-Size: 16px;
color: #182b48;
width: 100%;
height: 165px;
margin-bottom: 28px;
}

.clsprofilepaperlessspanl{
float:left;
width:600px;
}

.clsprofilepaperlessspanr{
float:left;
width:150px;
height:165px;
position:relative;
}

.clsprofilepaperlessspanr img{
position: absolute;
bottom: 0;
margin: auto;
width: 68px;
left: 50px;
top: -50px;
height:105px;
}

.clsprofilepaperlessspan span{
text-align:left !important;
line-height: 22px;
}

.clsprofilepaperlessselect{
width:328px;
height:166px;
margin: auto;
}

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

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

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

.clspaperlesspfirst  span + span{
text-align:left;
text-indent: 10px;
}

.clspaperlesspthird  span + span{
text-align:left;
text-indent: 10px;
}

.clspaperlesspfirst{
color: #3d4850;
text-align: left !important;
padding-bottom: 5px !important;
margin: 0px !important;
}

.clspaperlesspsec{
color: #3d4850;
text-align: left !important;
padding-bottom: 5px !important;
margin: 0px !important;
}

.clspaperlesspsec  span + span{
text-align:left;
text-indent: 10px;
}

.clspaperlesspthird{
color: #3d4850;
text-align: left !important;
padding-bottom: 5px !important;
margin: 0px !important;
}

.clspaperlesscontainer{
top:20px;
width:100%;
margin:0px auto;
position:relative;
}

.clsProfilePopupModified {
margin-top: -300px;
}

.clsProfileCont {
margin: 36px auto;
width: 950px;
height: 277px;
}

.clsPaperlater{
color: #128579 !important;
text-align: left !important;
padding: 0 !important;
width: 100% !important;
font-size: 15px !important;
cursor:pointer;
padding-top: 3px !important;
padding-left: 3px !important;
}

.clsPaperuserdetails{
width: 100%;
height: 95px;
font-weight: normal;
margin: auto;
}

.clsPaperusermob{
float:left;
width: 365px;
height: 40px;
}

.clsPaperlesssubmit{
background: #128579 none repeat scroll 0 0;
bottom: 72px;
height: 40px;
margin: 0px auto 0;
width: 329px;
cursor: pointer;
border-radius: 0px;
}
.clsPaperlessRemain{
border:1px solid #128579;
bottom: 72px;
height: 40px;
margin: 0px auto 0;
width: 329px;
cursor: pointer;
border-radius: 0px;
}
.clsPaperlessRemain input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 40px;
width: 329px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
}

.clsPaperlesssubmit input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 329px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
}

.clsPaperusermob p {
font-weight: normal;
}

.clsPaperusermob p span {
white-space:nowrap;
}

.clsPaperusermob p span + span{
top: 0px !important;
}

.clsPaperuseremail{
float:right;
width: 365px;
height: 40px;
}

.clsPaperuseremail p {
font-weight: normal;
width:auto;
height: 30px;
padding: 10px 0px 0px 0px !important;
margin: auto;
display: flex;
justify-content: center;
}

.clsPaperuseremail p span:first-child{
white-space: nowrap;
text-align: center;
display: block;
width: auto;
}

.clsPaperuseremail p span{
white-space:nowrap;
float:left;
}

.clsPaperuseremail p span + span{
top: 0px !important;
float:left;
}

.clsprofilepaperlessmobilemain h1{
line-height:30px;
padding-bottom: 20px;
}

.clsprofilepaperlessmobilemain{
width: 60%;
height: 180px;
margin: 42px auto;
}

.clsprofilepaperlessmobilemain h1 span{
white-space:normal !important;
}

.clsprofilepaperlessmobilemain p span{
font-weight:normal !important;
text-align: center;
}

.clsprofilepaperlessmobilemain span:nth-child(2)::before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 0px;
background-color: #fff;
top: -3px;
position: relative;
left: -5px;
text-align:center;
}

.clsprofilepaperlessmobilemain span:nth-child(3)::before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 0px;
background-color: #fff;
top: -3px;
position: relative;
left: -5px;
text-align:center;
}

.clsprofilepaperlesspmob{
padding-bottom:30px !important;
width: 87% !important;
top: 10px !important;
position: relative;
}

.clsprofilepaperlessdetails{
padding-bottom:30px !important;
width: 90% !important;
top: 10px !important;
position: relative;
}

.clsPaperlessEmailntverified{
background: #fff none repeat scroll 0 0;
border:1px solid #128579;
bottom: 72px;
height: 40px;
margin: 20px auto 0;
width: 230px;
cursor: pointer;
border-radius: 4px;
}

.clsPaperlessMobilentverified{
background: #fff none repeat scroll 0 0;
border:1px solid #128579;
bottom: 72px;
height: 40px;
margin: 20px auto 0;
width: 230px;
cursor: pointer;
border-radius: 4px;
}

.clsPaperlessEmailntverified input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 40px;
width: 230px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
}

.clsPaperlessMobilentverified input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #128579;
line-height: 40px;
width: 230px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
}

.clspaperlessssection input[type=button]:focus {
outline:0;
border:none;
}

#lblEmail{
overflow:hidden;
white-space: nowrap; 
width: auto;
cursor:pointer;
padding-left:4px;
position:relative;
}

#lblEmail2{
overflow: visible;
width: auto;
position: absolute;
padding: 10px;
border-radius: 5px;
background: #fff;
box-shadow: 0px 0px 10px #999;
border: 1px solid #999;
top: -10px !important;
right: 65px;
}

.clsPaperlatersection{
background: #fff none repeat scroll 0 0;
height: 400px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsprofilepaperlesssection {
background: #fff none repeat scroll 0 0;
height: 400px;
left: 50%;
margin-left: -416.5px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 833px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsPaperlatersection h1 {
font-family: Merriweather;
font-Size: 24px;
color: #128579;
font-weight: bold;
padding: 10px 0px 0px 0px !important;
width: 80%;
text-align: center;
margin: auto;
}

.clsprofilepaperlesssection h1 {
font-family: Merriweather;
font-Size: 24px;
color: #128579;
font-weight: normal;
padding: 10px 0px 0px 0px !important;
width: 80%;
text-align: center;
margin: auto;
}

.clsprofilepaperlessmobilemain p{
text-align: center;
width: 80% !important;
margin: 15px auto;
}

.clsprofilepaperlesspmob span{
font-weight: bold !important;
text-align: center;
font-family: roboto-regular;
font-size: 16px;
white-space: nowrap;
line-height: 30px;
}

.clsprofilepaperlessemailmain p{
text-align: center;
width: 80% !important;
margin: 15px auto;
}

.clsprofilepaperlesspmob span {
font-weight: bold !important;
text-align: center;
font-family: roboto-regular;
font-size: 16px;
white-space: nowrap;
line-height: 30px;
}

#lblEmail[title]:hover:after {
content: attr(title);
position: absolute;
top: 15px !important;
right: -20px;
border: 1px solid #128579;
width: auto;
height: 30px;
background: #fff;
border-radius: 5px;
padding: 10px;
box-shadow: 0 0 4px 3px #ccc;
}

.clsaskmelater{
padding-top:20px;
}

#clsPaperlessProfilecloselater{
position: relative;
top: -55px;
}

#lblEmail2 .arrow{
margin-top:0px;
}

#lblEmail2 .arrow::after {
box-shadow: -1px -1px 10px -2px #909090;
content: "";
height: 25px;
left: 15px;
position: absolute;
top: -23px;
transform: rotate(45deg);
width: 30px;
border: 1px solid #999;
}

.clsCloseLogo {
background: url(../images/image1.3.1.png) no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 23px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 23px;
outline: none;
cursor: pointer;
top: 11px;
float: right;
text-indent: -9999px;
position: absolute;
right: 11px;
}

.clsCloseMaybelater {
background: url(../images/image1.3.1.png) no-repeat -1282px -345px;
color: #E5EFF4;
display: inline-block;
font-size: 1px;
height: 23px;
overflow: hidden;
text-transform: capitalize;
vertical-align: middle;
white-space: nowrap;
width: 23px;
outline: none;
cursor: pointer;
top: 11px;
float: right;
text-indent: -9999px;
position: absolute;
right: 11px;
}

.clspaperlessDocConfirm{

}

.clspaperlessHolder {
float: left;
width: 328px !important;
position: relative;
height: 35px;
}

.clspaperlessdefaultSize {
cursor: default !important;
width: 100%;
height: 98px;
display:block;
}

.clspaperlessdefaultSize span {
font-family: Roboto-Regular;
font-size: 16px;
color: #3d4850;
position: relative;
top: 1px;
font-weight: normal;
width: 100%;
line-height: 25px;
white-space: nowrap;
display: block;
}

.clspaperlessdefaultSize .clsregularRadio + label {
background-color: #fafafa;
border: 1px solid #108579;
top: 1px !important;
}

.clspaperlessdefaultSizemob .clsregularRadio + label {
background-color: #fafafa;
border: 1px solid #108579;
top: 1px !important;
}

.clspaperlessdefaultSizemob .clsregularRadio:checked + label{
top: 1px !important;
}

.clspaperlessdefaultSizemob .clsregularradioChange{
text-indent:-12px;
}
 
.clspaperlessradiosize{
width: 115px;
height:31px;
margin:auto;
margin-bottom:6px;
}

.clspaperlessdefaultSizemob{
cursor: default !important;
width: 100%;
height: 68px;
display:block;
margin-bottom:36px;
}

.clsemailaddress , .clsmobilenumber{
width:328px;
}

.clsemailaddress p , .clsmobilenumber p {
font-family: Roboto-Regular;
font-size: 16px;
color: #36414A;
letter-spacing: 0.1px;
text-align: center;
line-height: 31px;
padding-bottom: 0px;
width: 100%;
white-space: nowrap;
}

.clsemailaddress p span , .clsmobilenumber p span {
white-space:nowrap;
display: inline;
}

.clsemailaddress p span +  span span{
font-weight:bold;
}

.clsemailaddress p span +  span , .clsmobilenumber p span +  span{
font-weight:bold;
}

.clsPaperlessusrsubmit{
background: #128579 none repeat scroll 0 0;
bottom: 72px;
height: 40px;
margin: 0px auto 0;
width: 329px;
cursor: pointer;
border-radius: 0px;
margin-bottom:5px;
}

.clsPaperlessusrsubmit input[type='button'] {
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 329px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
}

.clsPaperlesschangedetails{
width:34%;
height:31px;
cursor:pointer;
padding-top:10px;
margin:auto;
}

.clsPaperlesschangedetails p{
font-family: Roboto-Regular;
font-size: 16px;
color: #108579;
letter-spacing: 0.1px;
text-align: center;
line-height: 31px;
padding-bottom:0px;
}

.clspaperlessdefaultSize .clsregularradioChange , .clspaperlessdefaultSizemob .clsregularradioChange{
font-family: Roboto-Medium;
font-size: 16px;
color: #108579;
letter-spacing: 0.1px;
line-height: 31px;
}

.clsmobilesectiontext , .clsemailsectiontext , .clsgeneralsectiontext_1 , .clsgeneralsectiontext_2  {
width: 750px;
height: 62px;
margin: auto;
margin-bottom:85px;
}

.clsgeneralsectiontext_1{
display: flex;
justify-content: center;
height: 31px;
margin-bottom:31px;
}

.clsgeneralsectiontext_1 span{
padding-left:2px;
padding-right:2px;
}

.clsgeneralsectiontext_2 {
height: 124px;
margin-bottom:33px;
}

.clsgeneralsectiontext_2 p{
padding-bottom:33px;
}

.clsmobilesectiontext span , .clsemailsectiontext span , .clsgeneralsectiontext_1 span , .clsgeneralsectiontext_2 span {
font-family: Roboto-Regular;
font-size: 16px;
color: #36414A;
line-height: 31px;
white-space:nowrap;
display:block;
text-align:center;
}

.clsemailsectiontext{
display: grid;
place-items: center;
}

.clsemailsectiontext span + span , .clsmobilesectiontext span + span {
font-weight:bold;
}

.clspaperlessprofilesection{
width:1274px;
height:175px;
background:#ECF9F7;
color:#1A2C49;
margin-top:28px;
border:2px solid #108579;
}

.clspaperlesssectioncontent{
margin: auto !important;
margin-bottom: auto;
font-family: Roboto-Regular !important;
font-size: 16px;
color: #3d4850;
padding: 10px 0px 0px 22px !important;
line-height: 20px;
width: 1153px;
height: 144px;
margin-bottom: 38px !important;
position: relative;
top: 24px;
}

.clspaperlessprofileheading{
width: 1030px;
height: 38px;
margin:auto;
margin-bottom:10px;
}

.clspaperlessprofileheading h1 span{
font-family: Merriweather;
font-size: 24px;
color: #1A2C49;
letter-spacing: 0;
line-height: 40px;
}

.clspaperlessprofilebody{
font-family: Roboto-Regular;
font-size: 16px;
color: #36414A;
letter-spacing: 0.1px;
line-height: 20px;
margin: 45px auto;
width: 1030px;
}

.clspaperlessprofilebody p{
padding-bottom:24px;
line-height: 26px;
margin-top: -35px;
}

.clspaperlessprofilebody span{
white-space:nowrap;
display:block;
}

.clspaperlessprofilesectionlogo{
float: left;
margin-top: 30px;
margin-right: 47px;
margin-left: 55px;
}

.clsprofilepaperlesslogosec span {
background: url("../images/image1.3.1.png") no-repeat -325px -881px;
width: 45px;
height: 45px;
display: inline-block;
margin: auto;
}

.clspaperlessprofilesectionlogo span {
background: url("../images/image1.3.1.png") no-repeat -298px -751px;
width: 114px;
height: 116px;
display: inline-block;
margin: auto;
}

.clscurrencypreferencesection {
    width: 1175px;
    height: 150px;
    background: #FFF0E5;
    color: #1A2C49;
    margin-top: 28px;
    border: 2px solid #FC9955;
    margin-left: 50px;
}

.clscurrencypreferencecontent {
    margin: auto !important;
    margin-bottom: auto;
    font-family: Roboto-Regular !important;
    font-size: 16px;
    color: #3d4850;
    padding: 10px 0px 0px 22px !important;
    line-height: 20px;
    width: 1153px;
    height: 144px;
    margin-bottom: 38px !important;
    position: relative;
    top: 21px;
}

.clscurrencypreferenceheading {
    width: 1030px;
    height: 38px;
    margin: -10px;
    margin-bottom: 10px;
}

    .clscurrencypreferenceheading h1 span {
        font-family: Merriweather;
        font-size: 24px;
        color: #1A2C49;
        letter-spacing: 0;
        line-height: 40px;
    }

.clscurrencypreferencebody {
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #36414A;
    letter-spacing: 0.1px;
    line-height: 20px;
    margin: 45px auto;
    width: 1030px;
}

    .clscurrencypreferencebody p {
        padding-bottom: 24px;
        line-height: 26px;
        margin-top: -35px;
    }

    .clscurrencypreferencebody span {
        white-space: nowrap;
        display: block;
    }

.clscurrencypreferencelogo {
    float: left;
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 55px;
    padding-top: 5px;
}

.clscurrencypreferencelogosec span {
    background: url("../images/icon-warning.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: auto;
}

.clscurrencypreferencelogo span {
    background: url("../images/icon-warning.png");
    background-size: 55% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 114px;
    height: 80px;
    display: inline-block;
    margin: auto;
    margin-left: -25px;
}

#btnMaybelater:focus{
border:5px dotted rgba(0,97,244,.6);
outline:5px dotted rgba(0,97,244,.6);
outline-style: dotted;
}

#btnPaperless:focus{
border:5px dotted rgba(0,97,244,.6);
outline:5px dotted rgba(0,97,244,.6);
outline-style: dotted;
}

#imgSecurity{
width: 50px;
height: 50px;
float: left;
margin-left: 15px;
padding:0px;
}

/*New Functionality of OLWA Popup Ends*/

/*New Functionality for MFA Starts*/

.clsContentAuthentication {
width: 1280px;
margin: 0 auto;
min-height: 750px;
}

.clsContentverification {
width: 1280px;
margin: 0 auto;
min-height: 750px;
}

.clsAuthenticationSection{
width: 640px;
margin: 55px auto 175px auto;
background: #fff;
padding-bottom: 30px;
height: auto;
}

.clsVerificationSection{
width: 640px;
margin: 55px auto 175px auto;
height: 740px;
background: #fff;
padding-bottom: 30px;
}

.clsVerificationSection_sm{
width: 640px;
margin: 55px auto 175px auto;
background: #fff;
padding-bottom: 30px;
height: auto;

}

.clsAuthwrapper{
margin: auto;
width: 560px;
height: auto;
position: relative;
padding-top: 46px;
}

.clsverifywrapper{
margin: auto;
width: 560px;
height: 460px;
position: relative;
top: 46px;
}

.clsAuthwrapper h1{
background-color: transparent;
color: rgba(24,43,72,1.0);
font-family: 'Merriweather', Helvetica, Arial, serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
height: auto;
letter-spacing: -0.50px;
line-height: 38px;
position: relative;
text-align: left;
white-space: nowrap;
width: 560px;
}

.clsverifywrapper h1{
background-color: transparent;
color: rgba(24,43,72,1.0);
font-family: 'Merriweather', Helvetica, Arial, serif;
font-size: 30px;
font-style: normal;
font-weight: 400;
height: auto;
letter-spacing: -0.50px;
line-height: 38px;
position: relative;
text-align: left;
white-space: nowrap;
width: 560px;
}

.clsAuthInputDetails{
margin-top: 20px;
background: rgba(217,226,230,1.0);
width: 560px;
height: auto;
padding-bottom: 30px;
}

.clsAuthEmailDetails{
margin-top: 20px;
width: 100%;
height: auto;
padding-bottom: 30px;
}

.clsAuthInputDetails p{
color: var(--limed-spruce);
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
font-style: normal;
background-color: transparent;
font-weight: 400;
height: 18px;
letter-spacing: 0.00px;
text-align: left;
width: 560px;
padding-top:20px;
padding-left:40px;
}

.clsAuthEmailDetails p{
color: var(--limed-spruce);
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
font-style: normal;
background-color: transparent;
font-weight: 400;
height: 18px;
letter-spacing: 0.00px;
text-align: left;
width: 560px;
padding-top:20px;
}

.clsAuthInputDetails p > span:nth-child(3){
color:#128579;
text-decoration:underline;
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
}

.clsAuthInputDetails p > span:nth-child(4) {
color: #000;
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
text-decoration: none;
position: relative;
left: -3px;
}

.clsAuthEmailDetails p > span:nth-child(3){
color:#128579;
text-decoration:underline;
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
}

.clsauthinput{
height: 40px;
width: 480px;
margin-left: 40px;
margin-top: 20px;
display: block;
}

.clsauthinputtxt{
height: auto;
width: 480px;
margin-top: 20px;
display: block;
}

.clsautherrmsg img{
float:left;
}

.clsauthinputtxt p {
font-size: 13px;
font-family:'Roboto-regular', Helvetica, Arial, serif !important;
padding-top: 10px;
overflow: hidden;
width: 550px;
height: 37px;
}

.clsautherrmsgEmailntVerified{
padding-bottom:10px;
width: 560px;
}

.clsVerifyInputRight  .clsautherrmsgEmailntVerified p{
float: left;
width: 530px;
padding-top: 7px;
color: #DA3532;
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 13px;
font-style: normal;
background-color: transparent;
height: auto;
letter-spacing: 0.00px;
text-align: left;
font-weight: 400;
display: block;
white-space: nowrap;
padding-left: 10px !important;
}

.clsVerifyInputRight  .clsautherrmsgEmailntVerified img{
float: left;
width: 13px;
margin-top: 10px;
}

.clsautherrmsgMobilentVerified{
padding-bottom: 10px;
width: 560px;
}

.clsVerifyInputRight .clsautherrmsgMobilentVerified p{
float: left;
width: 530px;
padding-top: 7px;
color: #DA3532;
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 13px;
font-style: normal;
background-color: transparent;
height: auto;
letter-spacing: 0.00px;
text-align: left;
font-weight: 400;
display: block;
white-space: nowrap;
padding-left: 10px !important;
}

.clsVerifyInputRight .clsautherrmsgMobilentVerified img {
float: left;
width: 13px;
margin-top: 10px;
}

.clsautherrmsgMobile{
width: 100%;
margin-left: 20px;
margin-top: 0;
padding-top: 0;
}

.clsautherrmsgMobile p{
float: left;
width: 400px;
padding-top: 0px;
color: #DA3532;
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
font-size: 13px;
font-style: normal;
background-color: transparent;
height: auto;
letter-spacing: 0.00px;
text-align: left;
font-weight: 400;
display: block;
white-space: nowrap;
padding-left: 10px !important;
}

#btnChangeNumber:hover{
cursor:pointer;
}

#btnResendCode:hover{
cursor:pointer;
}

.clsautherrmsgMobile img{
float: left;
width: 13px;
margin-top: 2px;
}

.clsauthinputtxt p + p{
color: var(--limed-spruce);
padding-top:10px;
overflow:hidden;
}

.clsAuthInputDetails p span + span{
font-family: 'Roboto-medium', Helvetica, Arial, serif;
}

.clserrortxt{
color: #cc2727 !important;
position: relative;
top: -2px;
left:5px;
}

.clsAuthInputDetails input[type="text"]{
background-color: #fff;
border: 1px solid #c5c6c7;
height: 36px;
width: 96px;
font-size: 14px;
text-indent: 10px;
letter-spacing: 4px;
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
}

.clsauthcoderesend{
position: relative;
text-decoration: underline;
margin-top: 28px;
height:auto;
width: 100%;
}

.clsauthcoderesend p{
background-color: transparent;
color: #128579;
font-family: 'Roboto-Regular', Helvetica, Arial, serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
height: 15px !important;
letter-spacing: 0.00px;
line-height: 14px;
text-decoration: underline;
white-space: nowrap;
width: auto;
padding-top:0px;
position:relative;
}

.clsauthcoderesend p + p{
padding-top:14px;
}

.clsauthcoderesend p span{
font-family:'Roboto-Regular', Helvetica, Arial, serif !important;
height: 16px !important;
cursor:pointer;
position:absolute;
text-decoration:underline;
}

.clsAuthsubmitDetails{
height: 40px;
margin-top: 20px;
width: 100%;
position: relative;
}

.clsAuthsubmitDetails a:hover {
color: #fff;
text-decoration: none;
cursor:default;
outline: none;
}

.clsAuthAlignRight{
position:absolute;
right:0;
display: flex;
}

.clsAuthAlignRight p{
float:left;
color: #128579;
border: medium none;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration:underline;
align-items: center;
display: flex;
padding-right:40px;
cursor:pointer;
}

.clsAuthloginBtn {
background: #128579 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
line-height: 40px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 186px;
}

.clsAuthemailBtn {
background: #128579 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
line-height: 40px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 194px;
cursor: pointer !important;
}

.clsAuthloginBtnChwid {
background: #128579 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: inline-block;
float: right;
font-family: Roboto-Regular;
font-size: 16px;
height: 40px;
line-height: 40px;
padding-bottom: 5px;
text-align: center;
text-decoration: none;
width: 162px;
}

.clsAuthdetailshelp{
background-color: transparent;
height: auto;
position: relative;
margin-top: 20px;
width: 560px;
border-top: 1px solid #dcdcdc;
}

.clsAuthdetailshelp > p{
font-family: 'Roboto-regular', Helvetica, Arial, serif !important;
font-size: 16px;
font-style: normal;
background-color: transparent;
font-weight: 400;
left: 1px;
letter-spacing: 0.00px;
line-height: 22px;
text-align: left;
margin-top: 21px;
width: 560px;
}

.clsAuthdetailshelp p span {
display:block;
}

.clsAuthdetailshelp .clsCallContact{
margin-top: 29px;
}

.clsAuthdetailshelp .clsCallContact p{
font-family: 'Roboto-regular', Helvetica, Arial, serif !important;
font-size: 16px;
font-style: normal;
background-color: transparent;
font-weight: 400;
}

.clsAuthdetailshelp .clsCallContact p + p {
margin-top:3px;
}

#divFormSection {
border:0;
outline:0;
}


.clsVerifywrappertxt{
font-family: 'Roboto-regular', Helvetica, Arial, serif !important;
font-size: 16px;
font-style: normal;
background-color: transparent;
font-weight: 400;
}

.clsVerifywrappertxt p{
padding-top:20px;
}

.clsVerifywrappertxt p + p{
font-weight:700;
}

.clsVerifyInputDetails {
background: #e7ecf0;
width: 560px;
padding-bottom: 20px;
}

.htauto{
height: auto;
display: flex;
}

.mar30{
margin-top:30px;
}

.ht108{
height:108px;
}

.mar20{
margin-top:20px;
}


.clsVerifyInputDetails p{
color: var(--limed-spruce);
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 16px;
font-style: normal;
background-color: transparent;
height: auto;
letter-spacing: 0.00px;
text-align: left;
padding-left: 20px;
font-weight: 700;
float: left;
}

.clsVerifyInputRight p span{
color: var(--limed-spruce);
font-family: Roboto-Regular, Helvetica, Arial, serif;
font-size: 13px;
font-style: normal;
background-color: transparent;
height: auto;
letter-spacing: 0.00px;
text-align: left;
padding-top: 12px;
font-weight: 400;
display: block;
white-space: nowrap;
}

.clsVerifyInputRight p span + span {
padding-top: 2px;
}

.clsVerifyInputRight p {
padding-left: 0px !important;
}

.clsVerifyInputDetails p + p {
font-weight:normal;
padding-top: 5px;
}

.clsVerifyInputDetails input {
height: 35px;
border: 1px solid #c1c1c1;
width: 310px;
text-indent: 10px;
}

.clsEmailField input{
width:500px;
}

.clsVerifyInputLeft{
float:left;
width:162px;
padding-top:29px;
}

.clsVerifyInputRight{
float:left;
width:320px;
padding-top:20px;
}

.clsVerifyInputRight input{
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
font-size: 14px !important;
color: #3D4850;
}

.clsVerifynextChild {
padding: 0px !important;
vertical-align: middle;
}

.clsValidBorder {
border-color: #DA3532 !important;
border-width:1px;
border-style: solid;
}

.clscodeResent{
width:100%;
height:auto;
display:block;
}

.clscodeResent p{
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
font-size: 14px !important;
color: #3D4850;
font-weight:700;
}

.ClsMfaErrorSection{
background:#ec6f16;
width:100%;
height:50px;
}

.ClsMfaErrorSection p {
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
font-size: 14px !important;
color: #fff;
font-weight: 700;
line-height: 50px;
padding-left: 0px;
padding-top: 0;
text-align: center;
width: 560px !important;
}



/*New Functionality for MFA Ends*/

/*New Functionality for Remember Me Starts*/

.clsremembermesection {
width: 100%;
height: 25px;
float: left;
margin-top:5px;
}

.clsremembermesection input {
float:left;
width: 20px;
height: 20px;
display:none;
}

.clsremembermesection label {
float: left;
width: 16px;
height: 14px;
background: #ffffff;
border: 1px solid #128579;
margin-top: 1px;
position: relative;
border-radius: 2px;
}
//Jira ID CP-3036 Changes
.clsremembermesection label:focus {
border:1px solid rgba(0,97,244,.6);
}

.clsremembermesection input:focus + label {
border:1px solid rgba(0,97,244,.6);
}
//End Jira ID CP-3036 Changes

.clsremembermesection p {
padding-left:25px;
}

.clsremembermesection p span {
font-family: Roboto-Bold, Helvetica, Arial, serif !important;
font-size: 15px !important;
color: #3D4850;
}

.clsremembermesection p span + span{
font-family: Roboto-Regular, Helvetica, Arial, serif !important;
font-size: 15px !important;
color: #3D4850;
}
/*

.clsremembermesection input[type=checkbox]:checked + label:after {
background: url(../Images/ticknew5.png) no-repeat;
height: 12px;
width: 12px;
position: absolute;
content: '';
display: inline-block;
top: 1px !important;
left: 1px !important;
}
*/

.clsremembermesection input[type=checkbox]:checked + label:after {
background: url('../Images/ticknew7.png') no-repeat;
height: 14px;
width: 14px;
position: absolute;
content: '';
display: inline-block;
top: -1px !important;
left: 0px !important;
}
.clsCsipCurrencyDiv {
    margin-top: 20px;
    margin-right: 166px;
    max-width:270px
}

.clscsipCurrencySpan {
    margin-top: 20px;
}

/*New Functionality for Remember Me Ends*/

/*Code changes for the CB-185 fix starts*/

#divRetFundAsset table tr td {
width: 250px;
height: auto;
padding-top: 15px;
line-height: 25px;
padding-bottom: 15px;
}

#divPOFundAsset table tr td {
width: 250px;
height: auto;
padding-top: 15px;
line-height: 25px;
padding-bottom: 15px;
}

#divITFundAsset table tr td {
width: 250px;
height: auto;
padding-top: 15px;
line-height: 25px;
padding-bottom: 15px;
}

#divPOFundAsset table tr td{
white-space: normal !important; 
}

#divRetFundAsset table tr td{
white-space: normal !important;
}

#divITFundAsset table tr td{
white-space: normal !important; 
}
.clsAccountOwner{
    line-height: 24px !important;
    padding-top: 22px;
    min-width:0px;
    max-width:83%;
    text-indent: initial;
}

/*Code changes for the CB-185 fix ends*/

/* MFA new changes starts */
/* Modified date: 9/02/2024 for jira CP-3717:Change 'No Current Holdings' wording*/
.clsMFAErrorPopup{
background: #fff none repeat scroll 0 0;
height:auto;
left: 50%;
margin-left: -301px;
margin-top: -225px;
position: absolute;
top: 50%;
width: 602px;
z-index: 100000;
box-shadow: 0 0 10px #414141;
}

.clsMFAErrorPopup span{
Font-Family: Roboto-Medium, sans-serif;
Font-Size: 15px;
line-height: 28px;
Color: #172b48;
text-align: center;
outline: none;
}

.clsMFACont{
width:100%;
height:auto;
padding-bottom: 30px;
padding-top: 30px;
}

.clsMFAmainheading{
width:100%;
background-color: #dbe3e8 !important;
height: 38px;
}

.clsMFAmainheading h1{
font-size: 30px;
font-family: Merriweather;
color: #182b49;
line-height: 38px;
text-align:center;
font-weight: normal;
}

.clsMFAmainsec{
position: relative;
top: 50%;
left: 50%;
width: 500px;
height: auto;
margin-left: -250px;
}

.clsMFAcontainer{
width: 100%;
margin: 0px auto;
position: relative;
}

.clsMFApin{
width: 100% !important;
display: block;
height:auto;
margin: 40px auto;
margin-bottom: 20px;
text-align: center;
}
/* End jira CP-3717 */
.clsmgbottom_16_top_20 {
margin-bottom: 16px;
margin-top: 70px;
}

.clsMFAsubmit{
font-family: Roboto-Regular;
font-Size: 16px;
color: #fff;
line-height: 40px;
width: 256px;
margin: auto;
padding: 0;
text-align: center;
background: none;
border: none;
display: block;
background: #128579;
cursor:pointer;
}

.clsMFAsubmit input[type="button"]{
background: #128579 !important;
border: none;
color: #ffffff;
cursor:pointer;
}

/* MFA new changes ends */

/* Target Safari */

_::-webkit-:host:not(:root:root), .imgLogoMFA {
border-color:transparent;
border-color:initial;
width: 0 !important;
height: 0 !important;
border: none !important;
outline: none !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-left:102px !important;
padding-right: 51px !important;
}

@media not all and (min-resolution:.001dpcm) { @media {

.imgLogoMFA{
border-color:transparent;
border-color:initial;
width: 0 !important;
height: 0 !important;
border: none !important;
outline: none !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-left:102px !important;
padding-right: 51px !important;
}

}}

_::-webkit-:host:not(:root:root), #imgSecurity {
border-color:transparent;
border-color:initial;
width: 0 !important;
height: 0 !important;
border: none !important;
outline: none !important;
padding-top: 41px !important;
padding-bottom: 10px !important;
padding-left: 50px !important;
padding-right: 30px !important;
}

@media not all and (min-resolution:.001dpcm) { @media {

#imgSecurity{
border-color:transparent;
border-color:initial;
width: 0 !important;
height: 0 !important;
border: none !important;
outline: none !important;
padding-top: 41px !important;
padding-bottom: 10px !important;
padding-left: 50px !important;
padding-right: 30px !important;
}

}}

_::-webkit-full-page-media, _:future, :root .imgLogoMFA{
border-color:transparent;
border-color:initial;
}

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {

.imgLogoMFA{
border-color:transparent;
border-color:initial;
}
  
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {

::i-block-chrome, .imgLogoMFA{
border-color:transparent;
border-color:initial;
}
}

_::-webkit-:host:not(:root:root), .imgLogo {
border-color:transparent;
border-color:initial;
}

@media not all and (min-resolution:.001dpcm) { @media {

.imgLogo{
border-color:transparent;
border-color:initial;
}

}}

_::-webkit-full-page-media, _:future, :root .imgLogo{
border-color:transparent;
border-color:initial;
}

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {

.imgLogo{
border-color:transparent;
border-color:initial;
}
  
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {

::i-block-chrome, .imgLogo{
border-color:transparent;
border-color:initial;
}
}

_::-webkit-:host:not(:root:root), #imgSecurity {
border-color:transparent;
border-color:initial;
}

@media not all and (min-resolution:.001dpcm) { @media {

#imgSecurity{
border-color:transparent;
border-color:initial;
}

}}

_::-webkit-full-page-media, _:future, :root #imgSecurity{
border-color:transparent;
border-color:initial;
}

@media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) {

#imgSecurity{
border-color:transparent;
border-color:initial;
}
  
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) {

::i-block-chrome, #imgSecurity{
border-color:transparent;
border-color:initial;
}
}

/* Logo Issue Fix Ends */

.selected {
background: #1e90ff;
color: #fff;
cursor: pointer;
width:380px;
height:50px;
border:none !important;
outline:none !important;
}

.overley{
overscroll-behavior:contain;
}

:focus{
    border:1px solid #ccc;
}

/*Code for the NGCX Requirement Starts*/

.clsloginNgcxHeader{
width:100%;
height:368px;
margin-top: -196px;
background: #fff;
position:relative;
}

.clsclmNgcxwrap{
position:relative;
bottom:0;
width:100%;
height:100%;
}

.clsNgcxLtSection{
width:568px;
height:362px;
float:left;
margin-left:99px;
}

.clsloginNgcxLogo{
height: 100%;
border: 0px;
padding: 0px;
margin: 0px auto;
width: 1280px;
background: #fff;
}

.clsNgcxLtScContant{

}

.clsNgcxNewSjp{
position: relative;
margin-top: 53px;
width: 355px;
height: 90px;
}

.clsNgcxNewInfogallery{
margin-top: 20px;
width: 100%;
height: 100px;
overflow: hidden;
display: flex;
}

.clsNgcxNewSjp P{
font-family:'Noe Display SJP';
font-weight:normal;
color:#0A1428;
font-size:48px;
line-height:58px;
}

.clsNgcxNewSjp P + p{
font-family: 'SJPSouthCoast';
font-weight: normal;
color: #3fdcc8;
font-size: 96px;
line-height: 113px;
position: absolute;
top: -7px;
right: 24px;
}

.clsNgcxNewInfo{
width:100%;
height:38px;
margin-top: 15px;
}

.clsNgcxNewInfo p{
font-family:'Poppins-Medium';
font-weight:normal;
color:#0A1428;
font-size:16px;
}

.clsNgcxNewInfo p span {
white-space:nowrap;
display:block;
line-height:22px;
}

.clsNgcxNewInfoTwo{
width:100%;
height:32px;
margin-top: 8px;
margin-bottom: 12px;
}


.clsNgcxNewInfoTwo p{
font-family:'Poppins-Regular';
font-weight:normal;
color:#0A1428;
font-size:12px;
}

.clsNgcxNewInfoTwo p span{
white-space:nowrap;
display:block;
line-height:18px;
}

.clsApp_store{
background-image: url(../Images/App_store.svg);
background-repeat: no-repeat;
width: 100px;
height:100px;
}

.clsApp_storeIcon{
background-image: url(../Images/App-Store.svg);
background-repeat: no-repeat;
width: 120px;
height: 40px;
align-self:flex-end;
margin-left: 4px;
margin-bottom: 10px;
}

.clsGoogle_Play{
background-image: url('../Images/Google_Play.svg');
background-repeat:no-repeat;
width:100px;
height:100px;
margin-left: 72px;
}
.clsGoogle_PlayIcon{
background-image: url(../Images/google-play-badge.svg);
background-repeat:no-repeat;
width:135px;
height:40px;
margin-left:4px;
align-self:flex-end;
margin-bottom: 10px;
margin-right: 32px;
}

.clsNgcxRtSection{
width:478px;
height:368px;
float:left;
}

.clsNgcxRtSecbanner{
background-image: url('../Images/hero-image-banner-V2@2x.png');
background-repeat:no-repeat;
width:626px;
height:368px;
background-size: contain;
}

/*.clsNgcxPopupbk{
height: 100%;
position: fixed;
bottom: 0px;
}*/

.clsNgcxPopupbk {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 0;
height: 100%;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
left: 0;
}

.clsNgcxOverlayLtStructure{
margin-left:32px;
}

.clsNgcxPopupwidth{
width:100%;
height:100%;
position:relative;
}

.clsloginNgcxOverlay{
width: 980px;
height: 560px;
background: RGBA(255,255,255,1);
border-radius: 15px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -280px;
margin-left:-490px;
}

.clsNgcxLtOverlay{
width: 490px;
height: 100%;
float: left;
}

.clsNgcxRtOverlay{
width: 490px;
height: 100%;
float: left;
}

.clsNgcxOverlayclose{
width: 28px;
height: 28px;
margin: 20px 20px 0px 0px;
right: 0px;
position: absolute;
cursor: pointer;
}

.clsNgcxOverlaybanner{
width: 470px;
height: 512px;
margin: 48px 20px 0px 0px;
background: url(../Images/hero-image-overlay@2x.png);
background-repeat: no-repeat;
background-size: 98% 100%;
right: 0;
position: absolute;
}

.clsNgcxOverlayLtScContant {
left: 0px;
position: relative;
}

.clsNgcxOverlayNewSjp {
position: relative;
margin-top: 66px;
width: 355px;
height: 90px;
}

.clsNgcxOverlayNewSjp P{
font-family:'Noe Display SJP';
font-weight:normal;
color:#0A1428;
font-size:48px;
line-height:58px;
}

.clsNgcxOverlayNewSjp P + p{
font-family: 'SJPSouthCoast';
font-weight: normal;
color: #3fdcc8;
font-size: 96px;
line-height: 113px;
position: absolute;
top: -7px;
right: 24px;
}

.clsNgcxNewOverlayInfo {
width: 100%;
height: 43px;
margin-top: 15px;
}

.clsNgcxNewOverlayInfo p{
font-family:'Poppins-Medium';
font-weight:normal;
color:#0A1428;
font-size:16px;
}

.clsNgcxNewOverlayInfo p span {
white-space:nowrap;
display:block;
line-height:22px;
}

.clsNgcxOverlayheader{
margin-top:24px;
}

.clsNgcxOverlayheader h1{
font-family:'Poppins-Medium';
font-weight:normal;
color:#0A1428;
font-size:16px;
margin-left:8px;
}

.clsNgcxNewOverlayInfogallery {
margin-top: 4px;
width: 100%;
height: 157px;
overflow: hidden;
display: flex;
}

.clsNgcxNewOverlayGalleryLt {
align-content: flex-start;
width: 120px;
height: 144px;
}

.clsNgcxNewOverlayGalleryRt{
align-content: flex-end;
width: 120px;
height: 144px;
margin: 0px 47px 0px 170px;
}

.clsNgcxApp_storeIcon {
background-image: url(../Images/App-Store.svg);
background-repeat: no-repeat;
width: 120px;
height: 40px;
align-self: flex-end;
margin-top: 4px;
}

.clsNgcxGoogle_PlayIcon {
background-image: url(../Images/google-play-badge.svg);
background-repeat: no-repeat;
width: 135px;
height: 40px;
align-self: flex-end;
margin-top: 4px;
}

.clsNgcxGoogle_Play {
background-image: url(../Images/Google_Play.svg);
background-repeat: no-repeat;
width: 100px;
height: 100px;
}

.clsNgcxOverlayNewInfoTwo {
width: 100%;
height: 36px;
margin-top: 12px;
margin-bottom: 35px;
}

.clsNgcxOverlayNewInfoTwo p{
font-family:'Poppins-Regular';
font-weight:normal;
color:#0A1428;
font-size:12px;
}

.clsNgcxOverlayNewInfoTwo p span {
white-space:nowrap;
display:block;
line-height:18px;
}

.clsNgcxOverlayCheck{
width:100%;
height:28px;
margin-bottom:32px;
display:table;
}

.clsNgcxOverlayCheck input {
float: left;
width: 20px;
height: 20px;
display: none;
}
/*Modified date 21/5/2024 for jira CP-4670 OLWA - Login Page Banner Change.CP-4671 OLWA - Client App Popup Image Change*/
.clsNGCXPop{
position: relative;
background-image: url(../Images/client-app-popup@2x.png);
background-repeat: no-repeat;
bottom: 0;
width: 100%;
height: 100%;
background-size: contain;
}
.clsclmNgcxsingleimg{
position: relative;
background-image: url(../Images/olwa-hero-banner@2x.png);
background-repeat: no-repeat;
bottom: 0;
width: 85.5%;
height: 100%;
background-size: contain;
margin:auto;
display:block;
}
.clsclmNgcxsingleimg:focus{
    border:none;
}
.clsNgcxOverlayCheck label {
float: left;
width: 26px;
height: 26px;
background: RGB(63,220,200);
border: 2px solid #000;
margin-top: 495px;
margin-left: 43px;
position: relative;
border-radius: 2px;
}

.clsNgcxOverlayCheck p{
vertical-align: middle;
display: table-cell;
float: left;
padding-left: 12px;
line-height: 28px;
}

.clsNgcxOverlayCheck p span {
font-family: Poppins-Regular, serif !important;
font-size: 14px !important;
color:#0A1428;
}

.clsNgcxOverlayCheck input[type=checkbox]:checked + label:after {
background: url(../Images/Tick-ngcx.png) no-repeat;
height: 14px;
width: 18px;
position: absolute;
content: '';
display: inline-block;
top: 6px !important;
left: 4px !important;
}
.clsNgcxTiltleLogo{
background-image: url(../Images/title@3x.png);
background-repeat: no-repeat;
width: 260px;
height: 110px;
align-self:flex-end;
margin-left: 4px;
margin-bottom: 10px;
}

/* Target Safari for Mac New Code */

_::-webkit-full-page-media, _:future, :root .imgLogoMFA { 
border:none !important;
outline:none!important; 
}

@supports (-webkit-backdrop-filter: blur(1px)) {
.imgLogoMFA { 
border:none !important;
outline:none!important; 
}
}

@supports (-webkit-overflow-scrolling: touch) {
.imgLogoMFA { 
border:none !important;
outline:none!important; 
}
}


html.regions .imgLogoMFA { 
border:none !important;
outline:none!important; 
}

.clsvid {
padding-left: 95px;
cursor: pointer;
z-index: 1000;
position: relative;
margin-top: 5px;
position: relative;
float: left;
line-height:25px;
}

.clsvid a{
color: #0E6A61;
text-align: left;
font-family: Roboto-Regular;
font-size: 16px;
text-decoration: underline;
pointer-events: visible;
}

.clsvid a:focus {
box-shadow: 0px 0px 4px rgba(0,97,244,.6);
outline-style: none;
}
.clsvidicon{
    background: url("../images/icon_vid.png") no-repeat;
    background-size:30px 30px;
    height: 30px;
    width: 30px;
    float: left;
    margin-left:-3px;
    margin-top:-1px;
}