.sidebar .sidebar-close{
    background-color: #060606;
    color: #ffffff;
    font-size: 24px;
    line-height: 24px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 7px 0px 0px 12px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .8s;
       -moz-transition: all .8s;
        -ms-transition: all .8s;
         -o-transition: all .8s;
            transition: all .8s;
}
.sidebar ul.sidebarlist{ margin:0px; padding: 0px; list-style-type:none; }
.personal-detail-pg .sidebar ul.sidebarlist.individual,
.personal-detail-pg .sidebar ul.sidebarlist.company{
	border-top: 1px solid #3c3c3c;
	padding-top: 15px;
}
.sidebar.account-type-align-middle{ display: table; }
.sidebar.account-type-align-middle ul.sidebarlist.account-type-outer{ display: table-cell; vertical-align: middle; }
.sidebar ul.sidebarlist.account-type-outer{ margin-bottom: 15px; }
.sidebar ul.sidebarlist li{
	list-style-type:none;
	margin-bottom: 22px;
	display: table;
    table-layout: fixed;
    height: 50px;
}
.sidebar ul.sidebarlist li:last-child{ margin-bottom: 0px; }
.sidebar ul.sidebarlist li .sidebarlink{
	color: #666666;
	font-family:'Lato-Bold';
	display: table-cell;
    vertical-align: middle;
    padding-left: 66px;
    position: relative;
	-webkit-transition: all .2s;
	   -moz-transition: all .2s;
	    -ms-transition: all .2s;
	     -o-transition: all .2s;
	        transition: all .2s;
}
.sidebar ul.sidebarlist li.active .sidebarlink,
.sidebar ul.sidebarlist li.finish .sidebarlink,
.sidebar ul.sidebarlist li:hover .sidebarlink{ color: #ffffff; }
.sidebar ul.sidebarlist li .sidebarlink .sidebaricon{
	width: 50px;
    height: 50px;
    background-color: #3c3c3c;
    border-radius: 50%;
    margin-right: 16px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #828282;
    display: inline-block;
    padding: 10px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.sidebar ul.sidebarlist li .sidebarlink .sidebaricon.money-bag-icon{
	background: url(../images/money-bag-icon.png) center center no-repeat #3c3c3c;
}
.sidebar ul.sidebarlist li.active .sidebarlink .sidebaricon.money-bag-icon,
.sidebar ul.sidebarlist li.finish .sidebarlink .sidebaricon.money-bag-icon,
.sidebar ul.sidebarlist li:hover .sidebarlink .sidebaricon.money-bag-icon{
	background: url(../images/money-bag-icon-white.png) center center no-repeat #be1e16;
}
.sidebar ul.sidebarlist li.finish{ position: relative; }
.sidebar ul.sidebarlist li.finish:after{
	content: '';
	position: absolute;
	top: -6px;
    left: 35px;
    width: 26px;
    height: 26px;
    background: url(../images/check-icon.png) no-repeat;
}
.sidebar ul.sidebarlist li.active .sidebarlink .sidebaricon,
.sidebar ul.sidebarlist li.finish .sidebarlink .sidebaricon,
.sidebar ul.sidebarlist li:hover .sidebarlink .sidebaricon{
	background-color: #be1e16;
	color: #ffffff;
}
.sidebar ul.sidebarlist li .sidebarlink .sidebaricon:after {
    content: '';
    position: absolute;
    height: 70px;
    width: 1px;
    top: 100%;
    left: 25px;
    background-color: #464646;
    cursor: default;
}
.sidebar ul.sidebarlist li:last-child .sidebarlink .sidebaricon:after{ height: 0px; }

/***** Sidebar Expand Collapse CSS *****/
.subSbNav-expColl ul.expcoll-links > li { margin-bottom:0px; position:relative; width:100%; }
.subSbNav-expColl ul.expcoll-links > li:before {
	content:'';
	position:absolute;
	top:0; bottom:0;
	left:25px; width:1px;
	background-color:#464646;
	}
.subSbNav-expColl ul.expcoll-links > li:last-child:before { display:none; height: calc(100% - 32px); }
.subSbNav-expColl ul.expcoll-links > li.active:last-child:before { display:block; }

.sidebar.subSbNav-expColl ul.sidebarlist li .sidebarlink .sidebaricon:after { display:none; }
.subSbNav-expColl ul.expcoll-links > li > a.sidebarlink { display:block; min-height:50px; position:relative; margin-bottom:15px; padding-right:20px; padding-left:60px; }
.subSbNav-expColl ul.expcoll-links > li > a.sidebarlink:after {
	content:'\f2f9';
	font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
	position:absolute;
	top:50%; right:0;
	transform:translateY(-50%);
	}
.subSbNav-expColl ul.expcoll-links > li.active > a.sidebarlink:after { content:'\f2fc'; }
.subSbNav-expColl ul.expcoll-links > li > a.sidebarlink > span + span { display:table-cell; height:50px; vertical-align:middle; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks { margin-left:41px; display:none; }
/*.subSbNav-expColl ul.expcoll-links > li.active > .subLinks { display:block; }*/
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink { padding-left:44px; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li { height:36px; margin-bottom:10px; position:relative; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li:before {
	position:absolute;
	top:50%; left:-15px;
	width:10px; height:1px;
	background-color:#464646;
	content:'';
	}
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li:last-child { margin-bottom:15px; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink .sidebaricon {
	width:36px; height:36px;
	font-size:22px; line-height:19px;
	background-color:#3c3c3c;
	color:#828282;
	}
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li.selected > .sidebarlink .sidebaricon,
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink .sidebaricon:hover {
	background-color:#be1e16;
	color:#ffffff;
	}
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink .sidebaricon + span { color:#666; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li.selected > .sidebarlink .sidebaricon + span,
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink .sidebaricon + span:hover { color:#fff; }
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li.active > .sidebarlink .sidebaricon,
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink .sidebaricon:hover,
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li > .sidebarlink:hover .sidebaricon,
.subSbNav-expColl ul.expcoll-links > li > .subLinks > li.active > .sidebarlink .sidebaricon:hover { background-color:#be1e16; color:#fff; }

/***** Sub Sidebar Link *****/
.sidebar .sbSubLink-outer {
    border-bottom:1px solid #3c3c3c;
	margin:0px 0 20px;
	/*margin:20px 0 10px;
	border-top:1px solid #3c3c3c;*/
	padding:20px 0 0;
	list-style-type:none;
	display:none;
	}
.sidebar .sbSubLink-outer > li { margin-bottom:10px; display:table; table-layout:fixed; height:30px; }
.sidebar .sbSubLink-outer > li > .sub-link {
	color:#666666;
	font-family:'Lato-Bold';
	display:table-cell;
	vertical-align:middle;
	position:relative;
	font-size:15px;
	line-height:17px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	padding-left:40px;
	}
/*.sidebar .sbSubLink-outer > li > .sub-link:before {
	content:'-';
	font-family:'Lato-Bold';
	font-size:23px;
	line-height:23px;
	color:#666;
	position:absolute;
	left:0; top:50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	}*/
.sidebar .sbSubLink-outer > li > .sub-link:hover { color:#fff; }
/*.sidebar .sbSubLink-outer > li > .sub-link:hover:before { color:#fff; }*/

.sidebar .sbSubLink-outer > li > .sub-link .sidebaricon {
	width:30px; height:30px;
	background-color:#3c3c3c;
	border-radius:50%;
	font-size:20px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	color:#828282;
	display:inline-block;
	padding:5px 0px;
	position:absolute;
	top:0px; left:0px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-ms-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	}
.sidebar .sbSubLink-outer > li > .sub-link:hover .sidebaricon {
	color:#fff;
	background-color:#be1e16;
	}
.sidebar ul.sidebarlist.subLinks li.finish:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 24px;
    width: 17px;
    height: 17px;
    background: url(../images/check-icon.png) no-repeat;
    background-size:100%;

}

@media(max-width:991px){
	.sidebar ul.sidebarlist li{ height: 40px; }
	.sidebar ul.sidebarlist li .sidebarlink{ padding-left: 56px; }
	.sidebar ul.sidebarlist li .sidebarlink .sidebaricon{
		width: 40px;
		height: 40px;
		padding: 6px 0px;
		font-size: 27px;
		line-height: 27px;
	}
	.sidebar ul.sidebarlist li .sidebarlink .sidebaricon::after{ left: 20px; height: 60px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.sidebar ul.sidebarlist li.finish:after {
	    top: -8px;
	    left: 27px;
	}
}
@media(max-width:767px){
	.page-content .sidebar{
		display: block !important;
		position: absolute;
		right: 0px;
		top: -120px;
		z-index: 3;
		width: 75px;
		overflow-x:hidden;
		transition: all 0.8s;
	}
	.page-content .sidebar.active{ top: -120px; right:0px;  width: 245px; overflow-x: visible; transition: all 0.8s; }
	.page-content .sidebar ul.sidebarlist li .sidebarlink{ padding-left: 60px; }
	.sidebar ul.sidebarlist{ width: 225px; }
	.sidebar ul.sidebarlist li.finish:after {
		top: -9px;
		left: 22px;
		width: 22px;
		height: 22px;
		background-position: -1px -3px;
		border-radius: 50%;
	}
}
@media(max-width:580px){
	.page-content .sidebar{ top: -105px; right:0px;  width: 55px; overflow-x:hidden; padding: 20px 10px 10px; transition: all 0.8s; }
	.page-content .sidebar.active{ top: -105px; right:0px;  width: 245px; overflow-x: visible; transition: all 0.8s; }
	.sidebar ul.sidebarlist li{ height: 35px; }
	.sidebar ul.sidebarlist li .sidebarlink .sidebaricon{
		width: 35px;
	    height: 35px;
	    padding: 6px 0px 5px;
	    font-size: 24px;
	    line-height: 24px;
	}
	.sidebar ul.sidebarlist li .sidebarlink .sidebaricon:after{ left: 18px; height: 55px; }
	.sidebar ul.sidebarlist li .sidebarlink .sidebaricon.money-bag-icon,
	.sidebar ul.sidebarlist li.active .sidebarlink .sidebaricon.money-bag-icon,
	.sidebar ul.sidebarlist li.finish .sidebarlink .sidebaricon.money-bag-icon,
	.sidebar ul.sidebarlist li:hover .sidebarlink .sidebaricon.money-bag-icon{ background-size: 19px; }
	.sidebar ul.sidebarlist li.finish:after {
		    top: -8px;
		    left: 20px;
		    width: 20px;
		    height: 20px;
		    background-position: -2px -3px;
		    border-radius: 50%;
	}
}