@charset "utf-8";
/* CSS Document */
body{
	font:normal 1.4rem/2rem Open Sans, sans-serif;
	color:#505050;
}
.cportal-content{
	background-color:#f2f3f9;	
}
.cportal-content ul li{
	padding:0 0 10px 20px;
	background:url(../images/bullet.png) 0 7px no-repeat;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block
}
.cportal-content h1, .cportal-content h2, .cportal-content h3, .cportal-content h4, .cportal-content h5, .cportal-content h6{
	font-weight:600;
	font-family:'Open Sans', sans-serif;
}
.cportal-content h1{
	font-weight:bold;
	font-size:2.4rem;
	line-height:3.2rem;
	margin:0 0 14px;
	color:#192f59;
}
.cportal-content h2{
	font-size:1.5rem;
	line-height:2.4rem;
	margin:0 0 12px;
	color:#192f59;
}
.cportal-content h3{
	font-size:1.5rem;
	line-height:2.3rem;
	color:#333;
	margin:0 0 10px;
	text-decoration:underline;
}
.cportal-content h4{
	font-size:1.8rem;
	line-height:2.6rem;
	color:#333;
	margin:0 0 8px;
}
.cportal-content h5{
	font-size:1.8rem;
	line-height:2.6rem;
	text-decoration:underline;
	color:#333;
	margin:0 0 6px;
}
.cportal-content a{
	color:#337ab7;
}
.cportal-content .txt-color-red{
	color:#d40000;
	font-style:normal;
}
.cportal-content .error{
	font-size:1.3rem;
	line-height:1.7rem;
	font-style:italic;
	color:#D8000C;
	font-weight:normal;
	display:none;	
}
.no-bot-mar{
	margin-bottom:0 !important;	
}
/*table*/
.cportal-content table{
	font-size:13px;
	line-height:17px;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:16px auto 16px auto;
	background:#fff;
	box-shadow:0 0 5px 0px #aec2ca;
	position:relative;	
}
.cportal-content .table-striped>tbody>tr:nth-of-type(even){
    background-color:#f2f5f9;
}
.cportal-content .table-bordered td{
	border-right:1px solid #d0d9e8;
	border-bottom:1px solid #d0d9e8;	
}
.cportal-content table thead th, .cportal-content table th{
    background:#fff;
    color:#294c77;
    padding:10px 12px;
	border:none !important;
	border-right:1px solid #d0d9e8 !important;
	font-size:13px !important;
    line-height:17px !important;
	font-family:'Open Sans', sans-serif !important;
    font-weight:600;
	text-align:left;
	vertical-align:bottom;
	position:-webkit-sticky;
	position:sticky;
  	top:0;
}
.cportal-content .table-bordered th{
	border-bottom:1px solid #d0d9e8;
}
.cportal-content table td{
	padding:6px 12px;
	color:#466b98;
	text-align:left;
	vertical-align:top;	
}
.cportal-content .no-shadow{
	box-shadow:none;
}
.cportal-content .dashboard-table{
	border-left:1px solid #bcc7dc;
	border-top:1px solid #bcc7dc;	
}
.cportal-content table.tablesorter td{
	padding:6px 18px 6px 12px;
}
/*table end*/
/*cportal header*/
.cportal-header{
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	border-bottom:1px solid #d0d9e8;
	width:100%;
	background:rgba(255,255,255,1);
	padding:6px 0;
}
.cportal-footer{
	border-top:1px solid #ccc;
	padding:6px 0;	
}
.cportal-menu-wrapper{
	width:200px;
	display:inline-block;
	margin-left:18px;
	vertical-align:middle;
}
.cportal-menu-wrapper select{
	width:100%;
	margin-bottom:0;	
}
.cportal-header-right{
	margin:0 18px 0 0;
	padding:0 0;
	display:inline-block;
	position:relative;
}
.user-noti-wrapper>a, .user-menu-wrapper>a{
	font-size:0;
	line-height:0;
	height:17px;
}
.user-menu-wrapper{
	width:21px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.user-menu-wrapper a.user-menu{
	display:block;
	position:relative;
}
.user-menu-wrapper a.user-menu:after{
	display:block;
	content:"";
	width:2px;
	height:2px;
	position:absolute;
	right:-10px;
	top:7px;
	border:solid #fff;
	border-width:0 2px 2px 0;
	padding:1px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.header-top.white-bg .user-menu-wrapper a.user-menu:after, .inner-header .header-top .user-menu-wrapper a.user-menu:after{
	border-color:#555;
}
.user-menu-wrapper a img{
	width:100%;
	height:auto;
	display:block;	
}

/*body start*/
.cportal-content{
	padding:50px 0;
	min-height:94vh;	
}
.cportal-content .page-title{
	border-left:2px solid #192f59;
	padding-left:6px;	
}
/*dashboard page start*/
.box-shadow .co-inner{
	box-shadow:0 0 5px 0px #aec2ca;
	height:100%;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	border:1px solid #c3c5d6;
	background-color:#fff;	
}
.row-multi *[class*='col-']{
	align-self:auto;
	padding-bottom:2%;	
}
.sec-header{
	padding:4px 10px;
	margin-bottom:22px;
    border-bottom:1px solid #d0d9e8;
	background:#36699e;
	color:#f5faff;
	border-top-left-radius:9px;
	border-top-right-radius:9px;	
}
.cportal-content .sec-title{
	font-weight:bold;
    font-size:1.6rem;
    line-height:2.4rem;
    padding:3px 0;
    display:inline-block;
	text-transform:uppercase;
		
}
.sec-body{
	padding:0 10px 10px 10px;
	position:relative;	
}
.opt-content{
	display:none;	
}
.opt-content.show{
	display:block;	
}
.cportal-content .sec-help{
	float:right;
    background:#36699e;
    width:26px;
    height:26px;
    text-align:center;
    border-radius:50px;
    font-weight:800;
    line-height:26px;
    box-shadow:inset 0px 0px 2px 1px #ffffff;
    font-size:16px;
    color:#ffffff;
    margin-top:2px;	
}
.iframe-wrap{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    margin:20px 0 2%;
}
.iframe-wrap iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	margin-bottom:0;
}
.iframe-wrap iframe, .iframe-wrap video{
    margin-bottom:0;
    max-width:100%;
    vertical-align:middle;
}
.video-link{
	position:relative;
	display:block;	
}
.video-link::after{
	display:block;
    content:"";
    width:40px;
    height:29px;
    background:url(../images/y-play-btn.png) 0 0 no-repeat;
    background-size:100% auto;
    position:absolute;
    left:50%;
    top:50%;
    margin:-15px 0 0 -20px;	
}
.text-link-sm{
	text-align:center;
	margin:6px 0;
	font-size:12px;
	text-decoration:underline;	
}
.opt-content h2{
	font-size:1.4rem;
	line-height:2.2rem;
	font-weight:600;
	margin:0 0 8px;
	background:url(../images/thinking-ico.png) no-repeat 0 0;
	background-size:20px auto;
    padding-left:30px;		
}
.opt-list{
	width:180px !important;	
}
.inline-wrap *{
	display:inline;	
	margin:0 2px;
    width:auto !important;
    max-width:100%;
}
.sec-body .inline-wrap{
	margin:16px 0;	
}
.sec-body .inline-wrap label{
	font-size:14px;
    font-weight:600;
    text-transform:uppercase;
}
.resour-wrap{
	margin-bottom:2px;	
}
.cportal-content .resour-wrap select{
	font-weight:600;
    color:#505050;
	font-size:1.4rem;
    padding:6px 12px;
}
.cportal-content .res-link{
	font-weight:600;
	display:inline-block;
	margin-left:6px;
}
.cportal-content .external-link{
	background:url(../images/external-link-ico.png) no-repeat 0 0;
	padding-left:30px;
    background-size:18px auto;	
}
.cportal-content .link-btn{
	box-sizing:border-box;
    font:600 1.4rem/2rem Open Sans, sans-serif;
    padding:6px 14px;
    border:none;
    cursor:pointer;
    border-radius:4px;
    margin:0 0 8px 0;
    color:#fff;
    background-color:#545454;
    font-weight:600;
	display:inline-block;
    text-align:center;
}
.cportal-content .green-link{
	box-sizing:border-box;
    font:600 1.4rem/2rem Open Sans, sans-serif;
    padding:6px 14px;
    border:none;
    cursor:pointer;
    border-radius:4px;
    margin:0 0 8px 0;
    color:#fff;
    background-color:#41e23e;
    font-weight:600;
	display:inline-block;
    text-align:center;
}
.cportal-content .res-link.external-link{
	padding-left:26px;
}
.cportal-content .green-link.external-link{
	background:url(../images/external-link-ico-w.png) no-repeat 5px 4px #41e23e;
	padding-left:30px;
	background-size:18px auto;
}
.cportal-content .resour-cont2 .resources-content2{
	position:fixed;
    z-index:9999;	
}
.cportal-content .info-pop-inner{
	width:94%;
	max-width:338px;
	padding:36px 16px 26px 16px;
	margin:0 auto;
	top:10%;
	background:#fff;
	position:relative;
	border:1px solid #ccc;
	box-shadow:0 0 5px 0px #aec2ca;	
}
.cportal-content .resour-cont2 .resources-content2 .info-pop-inner{
	max-width:800px;
	top:40px;
}
.cportal-content .closePop{
	position:absolute;
    right:7px;
    top:6px;
    border-radius:50%;
    background-color:red;
    cursor:pointer;
    width:20px;
    height:20px;
    line-height:18px;
    text-align:center;
    color:#fff;
    font-weight:600;
	font-size:1.4rem;	
}
.cportal-content .action-list{
	padding:0;
	margin:0;
	margin-bottom:3px;
    background:#fff;
    font-size:1.5rem;
    line-height:2.5rem;    
    color:#000;
    cursor:pointer;
    position:relative;
    font-weight:600;    	
}
.cportal-content .action-list li{
	background:none;
	padding:0;
	margin:0;
	display:inline-block;
	width:20%;
    margin:0 2% 4% 2%;
	padding:4px 4px;
	text-align:center;	
}
.cportal-content .action-list2 li{
	width:45%;
	border:1px dashed #ccc;
	text-align:left;	
}
.cportal-content .action-list li i{
	display:block;	
}
.cportal-content .action-list li i img{
	display:block;
	width:52px;
	height:auto;
	margin:0 auto;	
}
.cportal-content .action-list li span{
	display:block;	
}
.cportal-content .check-list li{
	background:url(../images/not-done.png) no-repeat 0 0;
	padding-left:31px;
	background-size:20px auto;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	font-weight:600;
}
.cportal-content .check-list li:last-child{
	margin-bottom:0;
	border-bottom:0;	
}
.cportal-content .review-checklist .col-12{
		 min-height:300px;
		overflow-x:auto;
}
.comment-wrapper{
	margin-bottom:20px;	
}
.cportal-content .review-checklist .accHeading{
	background:url(../images/done-ico.png) no-repeat 0 9px;
    background-size:18px auto;
	padding-left:30px;
}
.cportal-content .review-checklist .pixDian .accContent, .cportal-content .review-checklist .admin-comment{
	margin-bottom:0;
}
.cportal-content .review-checklist .accHeading:before{
	background:url(../images/comments-open.png) no-repeat right 0;
	width:22px;
    height:20px;
    font-size:0;
    line-height:0;
    border:none;
    margin:0;
    transform:none;
    top:13px;
}
.cportal-content .review-checklist .accHeading.active:before{
    transform:none;
    margin-top:0;
	background:url(../images/comments.png) no-repeat right 0;
}
.cportal-content .comment-box{
	display:none;
}
.cportal-content .progress-chart{
	display:block;
	width:200px;
	height:200px;
	border-radius:50%;
	margin:0 auto;
	line-height:200px;
    color:#fff;
    text-transform:uppercase;
    font-style:italic;
    font-size:20px;
    font-weight:bold;
}

.cportal-content .progress-chart span{
	display:inline-block;
    line-height:28px;
    text-align:center;
	text-shadow:0 0 1px #fff;
}
/*Risk Scores section*/
.cportal-content .risk-scores-block h2{
	margin-bottom:10px;
}
.cportal-content .score-list{
	text-align:center;
	margin-bottom:0;
}
.cportal-content .score-list li{
	width:49%;
	padding:0;
	display:inline-block;
	background:none;
	vertical-align:top;	
}
.score-list li select{
	font-weight:600;
    color:#505050;
    font-size:1.3rem;
    padding:4px 8px;
	margin-bottom:8px !important;
	max-width:100% !important;
}
.cportal-content .score-list li:last-child{
	margin-bottom:0;
}
.prc-chart, .irs-chart{
	display:block;
	width:100px;
	height:100px;
	border-radius:50%;
	margin:0 auto 12px auto;
	line-height:100px;
    color:#fff;
    text-transform:uppercase;
    font-size:40px;
    font-weight:bold;
	align-self:flex-end;
}
.prc-chart span, .irs-chart span{
	display:inline-block;
    line-height:46px;
    text-align:center;
	text-shadow:0 0 1px #fff;
}
.cportal-content .score-list2{
	text-align:center;
	margin-bottom:0;
	display:flex;
	flex-wrap:wrap;
}
.cportal-content .score-list2 li{
	width:49%;
	padding:0 2px;
	margin-bottom:0;
	background:none;
	vertical-align:top;	
	display:flex;
	flex-wrap:wrap;
}
.cportal-content .score-list2 li label{
	text-transform:uppercase;
	font-weight:600;
	color:#505050;
	font-size:1.4rem;
    line-height:1.8rem;	
}
.cportal-content .score-list2 li #nosscore, .cportal-content .score-list2 li #investments_nosscore, .cportal-content .score-list2 li #investments_withsscore,.cportal-content .score-list2 li #withsscore{
	width:100%;
}
.score-list2 li select{
	font-weight:600;
    color:#505050;
    font-size:1.3rem;
    padding:4px 8px;
	margin-bottom:8px;
	max-width:100% !important;
}
.cportal-content .score-list2 li.prc-chart, .cportal-content .score-list2 li.irs-chart{
	align-self:flex-end;
}
.cportal-content .score-list2 li:last-child{
	margin-bottom:0;
}
/*Risk Scores section end*/
/*Your Financial Plan section start*/
.cportal-content .plan-val{
	font-weight:600;
    font-style:italic;
    line-height:4.4rem;
	font-size:3.2rem;
	border-bottom:1px solid #ceddec;
    text-align:center;
    color:#394550;
}
.your-financial-plan-table-data .tablesorter-wrapper{
	max-width:520px;
	max-height:300px;
	overflow-y:auto;
	margin:0 auto;	
}
.cportal-content .your-financial-plan-table-data .tablesorter-wrapper table{
	margin-top:0;	
}
.cportal-content .plan-val span{
	display:inline-block;
    vertical-align:middle;
	margin-bottom:13px;
}
/*Your Financial Plan section end*/
/*blog section*/
.cportal-content .blog-list{
	padding:14px 0 14px 23px;
	margin-left:11px;
	border-left:1px solid #c3c3c3;
	position:relative;
}
.cportal-content .blog-list::after, .cportal-content .blog-list::before{
	content:"";
	width:12px;
	height:5px;
	background-color:#c3c3c3;
	display:block;
	position:absolute;
	left:-6px;
	top:0;
	border-radius:83px;	
}

.cportal-content .blog-list::before{
	left:-6px;
	top:auto;
	bottom:0;
}
.cportal-content .blog-list>li{
	position:relative;
	padding-bottom:10px;
	background:none;	
}
.cportal-content .blog-list>li::after{
	content:"";
	width:15px;
	height:1px;
	background-color:#c3c3c3;
	position:absolute;
	left:-23px;
	top:8px;
}
.cportal-content .blog-list>li a{
	color:#2165ff;	
}
.cportal-content .blog-list>li{
	padding-left:0;	
}
.cportal-content .cportal-content .post-meta ul{
    font-size:11px;
    color:#777777;
	line-height:18px;
}
.cportal-content .post-meta ul li{
    padding:0;
    margin-bottom:0;
    border:none;
	background-image:none;
	font-style:italic;
    display:inline-block;
    margin-right:10px;
}
.cportal-content .blog-list>li:last-child{
	padding-bottom:0;	
}
.cportal-content .post-meta ul li i{
    padding-right:5px;
	width:18px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
}
.cportal-content .post-meta ul li:first-child i{
	background:url(../images/calender-ico.png) no-repeat 0 0;
}
.cportal-content .post-meta ul li:last-child i{
	background:url(../images/cat-ico.png) no-repeat 0 0;
}
.cportal-content .blog-list>li a, .cportal-content .blog-list>li .post-meta ul{
	color:#2165ff;
}
.cportal-content .blog-list>li .post-meta ul{
	padding-bottom:0;
	font-size:12px;
}
.cportal-content .blog-list>li.education .post-meta ul, .cportal-content .blog-list>li.education a{
	color:#1bacd8;	
}
/*blog end*/
/*notification icon*/
.user-noti-wrapper{
	width:17px;
    display:inline-block;
    margin-right:10px;
    vertical-align:middle;	
	position:relative;
}
.user-noti-wrapper>a{
	display:block;
	width:100%;
	position:relative;
}

.user-noti-wrapper>a svg{
	width:19px;
	height:19px;
	fill:#fff;	
}
.header-top.white-bg .user-noti-wrapper>a svg, .inner-header .header-top .user-noti-wrapper>a svg{
	fill:#545454;	
}
.noti-counter{
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	border-radius:50%;
	text-align:center;
	font-size:9px;
    line-height:12px;
    right:-6px;
    border:1px solid #ff5f5f;
	color:#fff;
    background:#ff5f5f;
    top:-8px;
	font-weight:600;
	display:none;	
}
.user-noti-wrapper .menu-list{
	width:226px;
}
.user-noti-wrapper>a.active svg{
  display:block;	
}
.user-noti-wrapper .menu-list ul li{
	position:relative;
	padding-right:20px !important;	
}
.user-noti-wrapper .menu-list ul li a.noti-dismiss{
	position:absolute;
    right:0;
    top:50%;
    margin-top:-8px;
    font-size:10px;
    line-height:11px;
    color:red !important;
    width:16px;
    height:16px;
    border:1px solid red;
    border-radius:50px;
    text-align:center;
	font-weight:600;
}
.user-noti-wrapper>a.enable svg{
	-webkit-animation:ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin:50% 4px;
  -moz-animation:ring 4s .7s ease-in-out infinite;
  -moz-transform-origin:50% 4px;
  animation:ring 4s .7s ease-in-out infinite;
  transform-origin:50% 4px;
}
.user-noti-wrapper>a.enable .noti-counter{
	display:block;
}
@-webkit-keyframes ring{
  0%{ -webkit-transform:rotateZ(0); }
  1%{ -webkit-transform:rotateZ(30deg); }
  3%{ -webkit-transform:rotateZ(-28deg); }
  5%{ -webkit-transform:rotateZ(34deg); }
  7%{ -webkit-transform:rotateZ(-32deg); }
  9%{ -webkit-transform:rotateZ(30deg); }
  11%{ -webkit-transform:rotateZ(-28deg); }
  13%{ -webkit-transform:rotateZ(26deg); }
  15%{ -webkit-transform:rotateZ(-24deg); }
  17%{ -webkit-transform:rotateZ(22deg); }
  19%{ -webkit-transform:rotateZ(-20deg); }
  21%{ -webkit-transform:rotateZ(18deg); }
  23%{ -webkit-transform:rotateZ(-16deg); }
  25%{ -webkit-transform:rotateZ(14deg); }
  27%{ -webkit-transform:rotateZ(-12deg); }
  29%{ -webkit-transform:rotateZ(10deg); }
  31%{ -webkit-transform:rotateZ(-8deg); }
  33%{ -webkit-transform:rotateZ(6deg); }
  35%{ -webkit-transform:rotateZ(-4deg); }
  37%{ -webkit-transform:rotateZ(2deg); }
  39%{ -webkit-transform:rotateZ(-1deg); }
  41%{ -webkit-transform:rotateZ(1deg); }
  43%{ -webkit-transform:rotateZ(0); }
  100%{ -webkit-transform:rotateZ(0); }
}

@-moz-keyframes ring{
  0%{ -moz-transform:rotate(0); }
  1%{ -moz-transform:rotate(30deg); }
  3%{ -moz-transform:rotate(-28deg); }
  5%{ -moz-transform:rotate(34deg); }
  7%{ -moz-transform:rotate(-32deg); }
  9%{ -moz-transform:rotate(30deg); }
  11%{ -moz-transform:rotate(-28deg); }
  13%{ -moz-transform:rotate(26deg); }
  15%{ -moz-transform:rotate(-24deg); }
  17%{ -moz-transform:rotate(22deg); }
  19%{ -moz-transform:rotate(-20deg); }
  21%{ -moz-transform:rotate(18deg); }
  23%{ -moz-transform:rotate(-16deg); }
  25%{ -moz-transform:rotate(14deg); }
  27%{ -moz-transform:rotate(-12deg); }
  29%{ -moz-transform:rotate(10deg); }
  31%{ -moz-transform:rotate(-8deg); }
  33%{ -moz-transform:rotate(6deg); }
  35%{ -moz-transform:rotate(-4deg); }
  37%{ -moz-transform:rotate(2deg); }
  39%{ -moz-transform:rotate(-1deg); }
  41%{ -moz-transform:rotate(1deg); }
  43%{ -moz-transform:rotate(0); }
  100%{ -moz-transform:rotate(0); }
}

@keyframes ring{
  0%{ transform:rotate(0); }
  1%{ transform:rotate(30deg); }
  3%{ transform:rotate(-28deg); }
  5%{ transform:rotate(34deg); }
  7%{ transform:rotate(-32deg); }
  9%{ transform:rotate(30deg); }
  11%{ transform:rotate(-28deg); }
  13%{ transform:rotate(26deg); }
  15%{ transform:rotate(-24deg); }
  17%{ transform:rotate(22deg); }
  19%{ transform:rotate(-20deg); }
  21%{ transform:rotate(18deg); }
  23%{ transform:rotate(-16deg); }
  25%{ transform:rotate(14deg); }
  27%{ transform:rotate(-12deg); }
  29%{ transform:rotate(10deg); }
  31%{ transform:rotate(-8deg); }
  33%{ transform:rotate(6deg); }
  35%{ transform:rotate(-4deg); }
  37%{ transform:rotate(2deg); }
  39%{ transform:rotate(-1deg); }
  41%{ transform:rotate(1deg); }

  43%{ transform:rotate(0); }
  100%{ transform:rotate(0); }
}
/*notification icon end*/
/*mark comment*/
.cportal-content .admin-comment{
	background-color:#9897ff;
    padding:6px 12px;
    color:#fff;
    border:1px dashed #fff;
	margin-bottom:20px;
	font-weight:normal;
	background-color:#e5f2ff;
	color:#424250;	
}
.cportal-content .pixDian .accContent .admin-comment{
	margin-bottom:0;	
}
.cportal-content .thumbs-up{
	background:url(../images/thumbs-up.png) no-repeat 5px 6px #e5f2ff;/*9897ff*/
	background-size:20px auto;
    padding-left:36px;
}
/*mark comment end*/
/*resource block start*/
.resour-cont{
	padding:0 0;
}
.res-info{
	font-size:1.4rem;
    line-height:2.0rem;
    background:url(../images/thinking-ico.png) no-repeat 0 0;
    background-size:20px auto;
    padding-left:30px;
}
.resources-heading{
	margin-bottom:3px;
    background:#fff;
    font-size:1.3rem;
    line-height:2.3rem;
    padding:4px 12px;
    color:#333;
    cursor:pointer;
    position:relative;
    font-weight:600;
    border:1px dashed #e2e2e2;
	background:#e4e4e4;
    border-radius:30px;
	margin:0 5px 10px 5px;
	display:inline-block;	
}
.resour-cont2 .resources-content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	display:none;
}
.display-flex{
	display:-webkit-box; 
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex; 
	display:flex !important;
    flex-wrap:wrap !important;	
}
.w-100p{
	width:100% !important;	
}
.item-flex-start{
	align-self:flex-start !important;
}
.item-flex-end{
	align-self:flex-end !important;
}
.select-sm{
	margin-bottom:8px !important;
	padding:6px 10px !important;
	font-size:1.3rem !important;
    line-height:1.7rem !important;	
}
/* 28-08-21 start */
.cportal-content table.dashboard-table td.table-caption{
	padding:10px 12px;
	background:#5e9dca;
	color:#fff;
	text-align:center;
	font-size:1.5rem;
	line-height:2.1rem;
	font-weight:600;
	border:1px solid #5793bd;
	text-transform:uppercase;
}
.cportal-content table.dashboard-table td.table-caption .caption-sub{
	font-size:1.2rem;
    line-height:1.8rem;
    text-transform:none;
    padding-top:6px;
    margin:0;
    font-weight:600;
	color:#f5fbff;
}
.cportal-content table.dashboard-table thead th, .cportal-content table.dashboard-table th{
	background-color:#dbe7ef;
}
.cportal-content table .td-heading td{
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:2px solid #d0d9e8;
}
.cportal-content .source-text{
    font-style:italic;
    font-size:12px;
    line-height:16px;
    color:gray;
    display:block;
    text-align:left;
	padding:0 0 16px;
}
.cportal-content .iaaa-block .sec-header{
	margin-bottom:0;
	border-bottom-width:0;
}
.cportal-content .iaaa-block .sec-body .inline-wrap{
	margin-top:0;
	margin-left:-10px;
    margin-right:-10px;
}
.cportal-content .iaaa-block .resour-wrap{
	padding:14px 12px;
}
.cportal-content .iaaa-block .sec-body .inline-wrap label{
	color:#294c77;
}
.cportal-content .iaaa-block .resour-wrap select{
	background:none;
	color:#294c77;
	border-color:#bbc4d0;
}
/* 28-08-21 end */
/*circular graph*/
.perCirc {
	position: relative;
	text-align: center;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	margin-left:auto;
	margin-right:auto;
	/*background-color: #00cc00;*/
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
}
.perCirc.green{
	background-color: #3d820c;
}
.perCirc.red{
	background-color:#b90300;
}
.perCirc.yellow{
	background-color:#ffc81d;
}
.perCirc .perCircInner {
	position: relative;
	top: 10px;
	left: 10px;
	text-align: center;
	width: 130px;
	height: 130px;
	border-radius: 100%;
	background-color: #eee;
}
.perCirc .perCircInner div {
	position: relative;
	top: 48px;
	color:#777;
}
.perCirc .perCircStat {
	font-size: 34px;
	line-height:1em;
	text-align:center;
}
/*circular graph*/
/*verify page start*/
.alert-box{
	width:98%;
	max-width:620px;
	margin:10px auto;
	padding:.75rem 1.25rem;
	border-radius:.35rem;
	color:#fff;	
}
.alert-box p{
	padding:0;
	margin:0;	
}
.alert-box h4{
	padding:0;
    margin:0 0 1px 0;
    color:#fff;
    font-size:18px;
    line-height:24px;
}
.success{
	color:#fff;
	background-color:#84ef7d;
}
.warning{
	color:#fff;
	background-color:#f14141;
}
.verify-form .alert-box{
	margin-top:0;
	width:100%;
}
.verify-form .alert-box h4{
    font-size:16px;
    line-height:22px;
}
/*verify page end*/
@media only screen and (min-width:350px){
	.cportal-header-right{
		margin:0 24px 0 0;
	}
	.user-noti-wrapper{
		margin-right:16px;
	}
}
@media only screen and (min-width:420px){
	.cportal-header-right{
		padding:0 10px;
	}
	.user-noti-wrapper{
		width:20px;
		margin-right:20px;
	}
	.user-menu-wrapper{
		width:24px;
	}
	.user-noti-wrapper>a{
		top:2px;
	}
	.user-noti-wrapper>a svg{
		width:20px;
		height:20px;
	}
	.noti-counter{
		width:16px;
		height:16px;
		font-size:10px;
		line-height:12px;
		right:-7px;
		top:-8px;
	}
	.user-noti-wrapper .menu-list{
		width:280px;
	}	
}
@media only screen and (min-width:580px){
	.cportal-content .score-list li{
		width:49%;
		margin-bottom:0;
		display:inline-block;
	}
	.cportal-content .score-list2 li{
		width:49%;
		margin-bottom:0;
	}
}
@media only screen and (max-width:767px){

}
@media only screen and (min-width:768px){
	.cportal-content h1{
		font-size:2.8rem;
		line-height:3.6rem;
		margin:0 0 20px;
	}
	.cportal-content h2{
		margin:0 0 18px;
	}
	.cportal-content h4{
		font-size:2rem;
		line-height:2.8rem;
		margin:0 0 8px;
	}
	.cportal-content h5{
		font-size:2rem;
		line-height:2.3rem;
		margin:0 0 6px;
	}
	.cportal-header-right{
		margin-right:6px;
		top:-5px;
	}
	.user-noti-wrapper{
		margin-right:15px;
	}
	.user-noti-wrapper>a svg{
		fill:#545454;	
	}
	div[class*='f-col-'] label{
		width:auto;
		margin-right:10px;
	}

	.f-col-1{
	  width:6.33333333%;
	}
	.f-col-2{
	  width:14.66666667%;
	}
	.f-col-3{
	  width:23%;
	}
	.f-col-4{
	  width:31.33333333%;
	}
	.f-col-5{
	  width:39.66666667%;
	}
	.f-col-6{
	  width:48%;
	}
	.f-col-7{
	  width:56.33333333%;
	}
	.f-col-8{
	  width:64.66666667%;
	}
	.f-col-9{
	  width:73%;
	}
	.f-col-10{
	  width:81.33333333%;
	}
	.f-col-11{
	  width:89.66666667%;
	}
	.f-col-12{
	  width:98%;
	}
	.cportal-content .blog-list>li{
		padding-bottom:20px;
	}
	.score-list li select{
		margin-bottom:10px;	
	}
	.score-list2 li select{
		margin-bottom:10px;	
	}
}
@media only screen and (min-width:992px){
	.f-col-lg-1{
	  width:6.33333333%;
	}
	.f-col-lg-2{
	  width:14.66666667%;
	}
	.f-col-lg-3{
	  width:23%;
	}
	.f-col-lg-4{
	  width:31.33333333%;
	}
	.f-col-lg-5{
	  width:39.66666667%;
	}
	.f-col-lg-6{
	  width:48%;
	}
	.f-col-lg-7{
	  width:56.33333333%;
	}
	.f-col-lg-8{
	  width:64.66666667%;
	}
	.f-col-lg-9{
	  width:73%;
	}
	.f-col-lg-10{
	  width:81.33333333%;
	}
	.f-col-lg-11{
	  width:89.66666667%;
	}
	.f-col-lg-12{
	  width:98%;
	}
}
@media only screen and (max-width:890px){
	.score-list2 li select{
		width:100% !important;	
	}
}
@media only screen and (min-width:1025px){
	.cportal-content h1{
		font-size:3.2rem;
		line-height:4rem;
		margin:0 0 24px;
	}
	.cportal-content h2{
		margin:0 0 22px;
	}
	.cportal-content h4{
		font-size:2.6rem;
		line-height:3.4rem;
		margin:0 0 18px;
	}
	.cportal-content h5{
		font-size:2.4rem;
		line-height:3.2rem;
		text-decoration:underline;
		margin:0 0 16px;
	}
	.user-noti-wrapper{
		width:22px;
		margin-right:8px;
	}
	.user-noti-wrapper>a svg{
		width:22px;
		height:22px;
	}
	.user-menu-wrapper{
		width:26px;
	}
	.cportal-content .blog-list>li{
		padding-bottom:30px;
	}
	.prc-chart, .irs-chart{
		margin-bottom:20px;	
	}
}
@media only screen and (max-width:767px){
	.f-col-sm-1{
	  width:6.33333333%;
	}
	.f-col-sm-2{
	  width:14.66666667%;
	}
	.f-col-sm-3{
	  width:23%;
	}
	.f-col-sm-4{
	  width:31.33333333%;
	}
	.f-col-sm-5{
	  width:39.66666667%;
	}
	.f-col-sm-6{
	  width:48%;
	}
	.f-col-sm-7{
	  width:56.33333333%;
	}
	.f-col-sm-8{
	  width:64.66666667%;
	}
	.f-col-sm-9{
	  width:73%;
	}
	.f-col-sm-10{
	  width:81.33333333%;
	}
	.f-col-sm-11{
	  width:89.66666667%;
	}
	.f-col-sm-12{
	  width:98%;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	.f-col-md-1{
	  width:6.33333333%;
	}
	.f-col-md-2{
	  width:14.66666667%;
	}
	.f-col-md-3{
	  width:23%;
	}
	.f-col-md-4{
	  width:31.33333333%;
	}
	.f-col-md-5{
	  width:39.66666667%;
	}
	.f-col-md-6{
	  width:48%;
	}
	.f-col-md-7{
	  width:56.33333333%;
	}
	.f-col-md-8{
	  width:64.66666667%;
	}
	.f-col-md-9{
	  width:73%;
	}
	.f-col-md-10{
	  width:81.33333333%;
	}
	.f-col-md-11{
	  width:89.66666667%;
	}
	.f-col-md-12{
	  width:98%;
	}
}
@media only screen and (min-width:1025px){
	.f-col-lg-1{
	  width:6.33333333%;
	}
	.f-col-lg-2{
	  width:14.66666667%;
	}
	.f-col-lg-3{
	  width:23%;
	}
	.f-col-lg-4{
	  width:31.33333333%;
	}
	.f-col-lg-5{
	  width:39.66666667%;
	}
	.f-col-lg-6{
	  width:48%;
	}
	.f-col-lg-7{
	  width:56.33333333%;
	}
	.f-col-lg-8{
	  width:64.66666667%;
	}
	.f-col-lg-9{
	  width:73%;
	}
	.f-col-lg-10{
	  width:81.33333333%;
	}
	.f-col-lg-11{
	  width:89.66666667%;
	}
	.f-col-lg-12{
	  width:98%;
	}
}
.row{
	display:flex;
	flex-wrap:wrap;
	margin-left:-1.5%;
    margin-right:-1.5%;
	margin-bottom:1.0%;
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding:0.8% 1.5%;
}
.col{
	width:100%;
}
.col-auto{
    flex:0 0 auto;
    width:auto !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
	width:100%;
}
.col input[type="text"], .col input[type=email], .col input[type=tel], .col select, .col textarea, .col input[type=password],
*[class*='col-'] input[type=text], *[class*='col-'] input[type=email], *[class*='col-'] input[type=tel], *[class*='col-'] select, *[class*='col-'] textarea
{
	width:100%;
	margin-bottom:0;
}
.inline-label input[type="text"], .inline-label input[type=email], .inline-label input[type=tel], .inline-label select, .inline-label textarea, .inline-label input[type=password]{
	width:100%;
	margin-bottom:0;
	
}
@media only screen and (min-width:768px){
	
	.col{
		flex:1 0 0%;
    	width:100%;
		margin:0;
	}
	.inline-label input[type="text"], .inline-label input[type=email], .inline-label input[type=tel], .inline-label select, .inline-label textarea, .inline-label input[type=password]{
		flex:1 0 1%;
	}
	.inline-label>*, .inline-label>div[class*='col-']>*,.inline-label>div.col>*{
		margin-left:0.5%;
		margin-right:0.5%;
	}
	.inline-label>*:first-child, .inline-label>div[class*='col-']>*:first-child,.inline-label>div.col>*:first-child{
		margin-left:0%;
	}
	.inline-label>*:last-child, .inline-label>div[class*='col-']>*:last-child,.inline-label>div.col>*:last-child{
		margin-right:0%;
	}
	.row>*{
		margin:0;
		align-items:center;
		align-self:flex-end;
	}
	.inline-label, .inline-label>div[class*='col-'],.inline-label>div.col{
		display:flex;
		flex-wrap:wrap;
		
	}
	input.col[type="text"], input.col[type=email], input.col[type=tel], select.col ,  textarea.col, input.col[type=password],
input.inline-label[type="text"], input.inline-label[type=email], input.inline-label[type=tel],  select.inline-label,  textarea.inline-label, input.inline-label[type=password]			 	{
		margin-bottom:0;	
	}
	.col-1{
	  flex:0 0 auto;
	   width:8.33333333%;
	}
	.col-2{
	  width:16.66666667%;
	  flex:0 0 auto;
	}
	.col-3{
	  width:25%;
	  flex:0 0 auto;
	}
	.col-4{
	  width:33.33333333%;
	  flex:0 0 auto;
	}
	.col-5{
	  width:41.66666667%;
	  flex:0 0 auto;
	}
	.col-6{
	  width:50%;
	  flex:0 0 auto;
	}
	.col-7{
	  width:58.33333333%;
	  flex:0 0 auto;
	}
	.col-8{
	  width:66.66666667%;
	  flex:0 0 auto;
	}
	.col-9{
	  width:75%;
	  flex:0 0 auto;
	}
	.col-10{
	  width:83.33333333%;
	  flex:0 0 auto;
	}
	.col-11{
	  width:91.66666667%;
	  flex:0 0 auto;
	}
	.col-12{
	  width:100%;
	}
	
}
@media only screen and (max-width:767px){
	.col label, .inline-label label, *[class*='col-'] label{
		width:100%;
		margin-bottom:1%;		
	}
	.col-sm-1{
	   width:8.33333333%;
	}
	.col-sm-2{
	  width:16.66666667%;
	}
	.col-sm-3{
	  width:25%;
	}
	.col-sm-4{
	  width:33.33333333%;
	}
	.col-sm-5{
	  width:41.66666667%;
	}
	.col-sm-6{
	  width:50%;
	}
	.col-sm-7{
	  width:58.33333333%;
	}
	.col-sm-8{
	  width:66.66666667%;
	}
	.col-sm-9{
	  width:75%;
	}
	.col-sm-10{
	  width:83.33333333%;
	}
	.col-sm-11{
	  width:91.66666667%;
	}
	.col-sm-12{
	  width:100%;
	}	
}
@media only screen and (min-width:768px) and (max-width:992px){
	*[class*='col-lg-']{
		flex:0 0 auto;
	}
	.col-lg-1{
	   width:8.33333333%;
	}
	.col-lg-2{
	  width:16.66666667%;
	}
	.col-lg-3{
	  width:25%;
	}
	.col-lg-4{
	  width:33.33333333%;
	}
	.col-lg-5{
	  width:41.66666667%;
	}
	.col-lg-6{
	  width:50%;
	}
	.col-lg-7{
	  width:58.33333333%;
	}
	.col-lg-8{
	  width:66.66666667%;
	}
	.col-lg-9{
	  width:75%;
	}
	.col-lg-10{
	  width:83.33333333%;
	}
	.col-lg-11{
	  width:91.66666667%;
	}
	.col-lg-12{
	  width:100%;
	}	
}
@media only screen and (min-width:993px) and (max-width:1200px){
	*[class*='col-xl-']{
		flex:0 0 auto;
	}
	.col-xl-1{
	   width:8.33333333%;
	}
	.col-xl-2{
	  width:16.66666667%;
	}
	.col-xl-3{
	  width:25%;
	}
	.col-xl-4{
	  width:33.33333333%;
	}
	.col-xl-5{
	  width:41.66666667%;
	}
	.col-xl-6{
	  width:50%;
	}
	.col-xl-7{
	  width:58.33333333%;
	}
	.col-xl-8{
	  width:66.66666667%;
	}
	.col-xl-9{
	  width:75%;
	}
	.col-xl-10{
	  width:83.33333333%;
	}
	.col-xl-11{
	  width:91.66666667%;
	}
	.col-xl-12{
	  width:100%;
	}	
}
@media only screen and (min-width:1201px) and (max-width:2000px){
	*[class*='col-xxl-']{
		flex:0 0 auto;
	}
	.col-xxl-1{
	   width:8.33333333%;
	}
	.col-xxl-2{
	  width:16.66666667%;
	}
	.col-xxl-3{
	  width:25%;
	}
	.col-xxl-4{
	  width:33.33333333%;
	}
	.col-xxl-5{
	  width:41.66666667%;
	}
	.col-xxl-6{
	  width:50%;
	}
	.col-xxl-7{
	  width:58.33333333%;
	}
	.col-xxl-8{
	  width:66.66666667%;
	}
	.col-xxl-9{
	  width:75%;
	}
	.col-xxl-10{
	  width:83.33333333%;
	}
	.col-xxl-11{
	  width:91.66666667%;
	}
	.col-xxl-12{
	  width:100%;
	}	
}
/*accordian start*/
.cportal-content .pixDian{
	margin-bottom:15px
}
.cportal-content .pixDian .accContent{
	display:none;
	width:100%;
	padding:2%;
	margin:0 0 20px 0;
	padding:6px 10px 16px 10px;
	border-bottom:1px dashed #ccc;
}
.cportal-content .row-multi .pixDian.fixed-height .accContent{
	max-height:300px;
    overflow:auto;	
}
.cportal-content .accHeading{
	margin-bottom:3px;
	background:#fff;
	font-size:1.5rem;
	line-height:2.5rem;
	padding:4px 31px 4px 0;
	color:#192f59;
	cursor:pointer;
	position:relative;
	font-weight:600;
	border-bottom:1px dashed #ccc;
}
.cportal-content .accHeading.active{
	border-bottom-color:transparent;
}
.cportal-content .accHeading:before{
	content:"";
	border:solid #636363;
	border-width:0 2px 2px 0;
	display:inline-block;
	padding:4px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin-top:-8px;
	position:absolute;
	right:0;
	top:50%
}
.cportal-content .accHeading.inactive{
	cursor:text !important;	
}
.cportal-content .accContent.inactive{
    display:none !important;
}
.cportal-content .accHeading.inactive:before{
	display:none !important;	
}
.cportal-content .accHeading.active:before{
	transform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);
	margin-top:-2px;
}
.cportal-content .accHeading:after{
	content:"";
	clear:both;
	display:table
}
/*action items block*/
.cportal-content .action-items-block .accHeading{
	background: url(../images/action-item-active-ico.png) no-repeat 1px 9px;
    background-size: 17px auto;
    padding-left: 30px;
}
.cportal-content .action-items-block .accHeading.action-completed{
	background: url(../images/action-item-ico.png) no-repeat 0 9px;
	background-size: 18px auto;
	/*color: #192f59;*/
	opacity: 0.8;
}
.cportal-content .action-items-block .accHeading.action-completed.active{
	opacity: 0.8;
}
.cportal-content .action-items-block .accHeading.action-completed:before
{
	/*border-color:#192f59;*/
}
/*action items block end*/
@media only screen and (min-width:480px){
	.cportal-content .accHeading:before{
		right:12px;
	}
}
@media only screen and (min-width:768px){
	.cportal-content .accHeading{
		font-size:1.5rem;
		line-height:2.5rem;
	}
	.cportal-content .accHeading:before{
		font-size:3.4rem;
		font-weight:bold;
	}
	.user-menu-wrapper a.user-menu:after{
		border-color:#555;
	}
}
@media only screen and (min-width:921px){
	.cportal-w-sidebar{
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.cportal-content .cportal-left{
		width:60%;
		padding:0 4% 0 0;
	}
}
@media only screen and (min-width:1025px){
	.cportal-content .accHeading:before{
		font-size:3.8rem;
	}
}

/*accordian end*/

.cportal-content .opt-block{
	display:none;	
}
.cportal-content .opt-block.show{
	display:flex;	
}
#p_nickname{
	font-weight:600;	
}