/*========================================================================
 Hari Css Start
===========================================================================*/

/* Dashboard Activity Css */
.activity-fundbox {
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 15px;
	font-family: SofiaProBold;
	font-size: 0.875em;
	color: #222;
}
.activity-fundbox .fund-title {
	font-family: SofiaProLight;
	font-size: 1em;
	color: #7a7a7a;
}
.fund-heading {
	font-family: SofiaProBold;
	font-size: 1.125em;
	color: #222;
}
.input-lg2 {
	padding: 15px;
	border-radius: 50px;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #222;
	line-height: 24px;
	outline: none;
	display: inline-block;
	width: 100%;
	height: 56px;
	text-align: left;
	box-shadow: 0px 2px #e3e3e3;
	border: 0;
}
.search-icn {
	background: url(../images/da-search-icon.png) #ffffff no-repeat right;
}
.table td, .table th {
	padding: 0 0 0 .75rem !important;
	vertical-align: top;
	border-top: none !important;
}
.arrowaccord.accordion-toggle:after {
	content: "";
	float: right;
	background: url(../images/da-up-arrow.png) 0 0 no-repeat;
	height: 20px;
	width: 20px;
}
.arrowaccord.accordion-toggle.collapsed:after {
	background: url(../images/da-down-arrow.png) 0 0 no-repeat;
}
/* Dashboard Empty Css */


.page-portfolio .goals-select {
	margin-top: -50px !important;
}
.page-portfolio .white-box-card {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-portfolio .goals-heading {
	font-family: SofiaProBold;
	font-size: 1.500em;
	color: #222;
}
.page-portfolio .grey-box-card {
	background-color: #f2f2f2;
	width: 100%;
	height: auto;
	padding: 25px 20px 40px 20px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-portfolio .grey-box-card .goals-heading {
	font-family: SofiaProbold;
	font-size: 1.000em;
	color: #222;
}
.page-portfolio .grey-box-card .goals-heading small {
	font-family: SofiaProbold;
	font-size: 0.875em;
	color: #222;
}
.page-portfolio .grey-box-card .goals-title {
	font-family: SofiaProMedium;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
}
.page-portfolio .grey-box-card .goals-title span {
	font-family: SofiaProbold;
	font-size: 1.150em;
	color: #222;
}
.page-portfolio .grey-box-card .goals-title small {
	font-family: SofiaPro;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
}
.page-portfolio .create-goal-text {
	font-family: SofiaProbold;
	font-size: 1.125em;
	color: #222;
}
.page-portfolio .white-box-card-right {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 15px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-portfolio .white-box-card-right .goals-heading-pro {
	font-family: SofiaPro;
	font-size: 1.125em;
	color: #222;
	line-height: 30px;
}
.page-portfolio .white-box-card-right .goals-heading-small {
	font-family: SofiaProBold;
	font-size: 0.875em;
	color: #222;
}
 @keyframes click-wave {
 0% {
 height: 20px;
 width: 20px;
 opacity: 0.35;
 position: relative;
}
 100% {
 height: 100px;
 width: 100px;
/*   margin-left: -80px;
   margin-top: -80px;*/
   opacity: 0;
}
}
.page-portfolio .option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 10.33333px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 26px;
	width: 26px;
	transition: all 0.15s ease-out 0s;
	background: #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
	border: solid 2px #222;
}
.page-portfolio .option-input:hover {
	background: #fff;
}
.page-portfolio .option-input:checked {
	background: #fff;
	border: solid 2px #00be79;
}
.page-portfolio .option-input:checked::before {
	height: 26px;
	width: 26px;
	position: absolute;
	content: "✔";
	display: inline-block;
	font-size: 1.000em;
	text-align: center;
	line-height: 22px;
	color: #00be79;
}
.page-portfolio .option-input:checked::after {
	/*-webkit-animation: click-wave 0.65s;
 -moz-animation: click-wave 0.65s;
 animation: click-wave 0.65s;*/
	background: #40e0d0;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
}
.page-portfolio .option-input.radio {
	border-radius: 50%;
}
.page-portfolio .option-input.radio::after {
	border-radius: 50%;
}
.page-portfolio .grey-box {
	background-color: #f2f2f2;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-portfolio .grey-box .heading {
	font-family: SofiaProBold;
	font-size: 1.000em;
	color: #222;
}
.page-portfolio .grey-box .heading .plus {
	font-family: SofiaPro;
	font-size: 1.875em;
	color: #222;
	line-height: 20px;
}
.page-portfolio .min-height {
	min-height: 110px;
}
.page-portfolio .goals-select .nav-tabs .nav-link.active, .dashboard-middle .rightpanel .white-box-card-right .nav-tabs .nav-link.active {
	border-bottom: #ffccd2 2px solid;
	color: #ff001e;
	background: none;
	border: none;
}
.page-portfolio .goals-select .nav-tabs .nav-link, .dashboard-middle .rightpanel .white-box-card-right .nav-tabs .nav-link {
	color: #a7a7a7;
	font-family: SofiaProBold;
	padding-bottom: 10px;
	font-size: 1.000em;
}
.dash-activity i {
	padding-right: 0px;
	margin-right: -38px;
}
.dash-activity .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: none !important;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
/* Modal PopUp Css */

/* The Modal (background) */
.popup-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 0px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(250,250,250); /* Fallback color *//* background-color: rgba(242,242,242,.9); /* Black w/ opacity */
}
/* Modal Content */
.popup-modal-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 100%;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
from {
top:-300px;
opacity:0
}
to {
 top: 0;
 opacity: 1
}
}
@keyframes animatetop {
from {
top:-300px;
opacity:0
}
to {
 top: 0;
 opacity: 1
}
}
/* The Close Button */
.popup-modalclose {
	color: white;
	font-size: 1.750em;
	font-weight: bold;
	margin-top: 40px;
}
.popup-modalclose:hover, .mobile-modalclose:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.popup-modal-header {
	padding: 2px 16px;
	background-color: transparent;
	color: white;
}
.popup-modal-body {
	padding: 2px 16px;
	padding-top: 30px;
}
.popup-modal-body h2 {
	text-align: center;
	font-family: SofiaProBold;
	font-size: 2.625em;
	color: #000000 !important;
	line-height: 18px;
	padding-bottom: 25px;
}
.popup-modal-body h3 {
	text-align: center;
	font-family: SofiaProBold;
	font-size: 1.375em;
	color: #222;
	margin: 20px auto;
}
.popup-modal-body p {
	text-align: center;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #8e8e8e !important;
	line-height: 24px;
}
.popup-modal-body p a {
	text-align: center;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #8e8e8e !important;
	line-height: 24px;
}
.popup-modal-body textarea {
	padding: 15px;
	border-radius: 50px;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: rgba(34,34,34, 0.2);
	outline: none;
	display: inline-block;
	width: 100%;
	text-align: center;
	box-shadow: 0px 2px #e3e3e3;
	border: 0;
}
 .popup-modal-body textarea::placeholder {
 color:rgba(34,34,34, 0.2);
}

.error-model {  width:80%; padding:0 30px 40px; border-radius:1em; border:none; font-family:SofiaPro;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,.2);
margin: 0 auto;
}

.error .close { position:absolute; right:20px; top:10px; z-index:1; opacity:1;}

.error h3 { font-family:SofiaProBold; font-size:26px; padding: 12px 0 30px 0;}

.error h5 { font-size:16px; font-family:SofiaProBold;}


.error-model .modal-footer{
    text-align: center;
    padding: 15px 0 0 0;
}
.error-model .modal-footer a{
	color:rgba(2,2,2,.8);
}
.error-model .modal-footer a.btn-orange{
min-width: 120px;
    height: 46px;
    line-height: 46px;
    padding: 0px;
    color: #fff;
    margin: 0 15px;
    border-radius: 46px;

}
.error-model .modal-footer a.btn-orange:hover{
		background:rgba(255,0,30,.8) !important;
}
/* Dashboard Cart Modal PopUp Css */
.checkbox-custom, .radio-custom {
   opacity: 0;
   position: absolute;  
    
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
   display: inline-block;
   vertical-align: middle;
   margin: 5px;
   cursor: pointer;
    
}

.checkbox-custom-label, .radio-custom-label {
   position: relative;
    font-family:SofiaPro;
    font-size: 1em;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
   content: '';
   background: #fff;
   display: inline-block;
   vertical-align: middle;
   width: 30px;
   height: 30px;
    border-radius: 50%;
   margin-top:-7px;
    position:relative;
   margin-right: 10px;
   text-align: center;
    border:#ccc 1px solid;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
   background:url(../images/tick-black.png) #ffd904 no-repeat center center ;
   border:none;
}

.radio-custom + .radio-custom-label:before {
   border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
   background: #ccc;
   box-shadow: inset 0px 0px 0px 4px #fff;
}


.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  /* focus style */
}



/*-- Popup switch button start --*/
.popup-modal-body .switch-btn {
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    color: #222;
    min-width: 160px;
    border-radius: 28px;
    padding: 0;
    margin: 0 5px;
    border: none !important;
    font-family: SofiaProMedium;
    box-shadow: 0px 2px #e3e3e3;
    font-size: 1.000em;
}
.popup-modal-body .switch-btn, .btn-group-toggle .active {
    /*border: 2px solid #222 !important;*/
    background-color: #fff !important;
    color: #222!important;
}



/* The Modal (background) */
.cart-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 0px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(33,33,33); /* Fallback color */
	background-color: rgba(33,33,33,.9); /* Black w/ opacity */
}
/* Modal Content */
.cart-modal-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 50%;
	-webkit-animation-name: animateright;
	-webkit-animation-duration: 0.4s;
	animation-name: animateright;
	animation-duration: 0.4s;
	float: right;
	background: #FFF;
}
.cart-modal-content .cart-detail {
	background-color: #fafafa;
	border-radius: 50px;
	margin-bottom: 8px;
	min-height: 56px;
	padding: 10px;
	line-height: 35px;
}
.cart-modal-content .cart-detail .checked {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ffd900;
	background-image: url(../images/tick-black.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.cart-modal-content .checkout-detail {
	border-top: 1px solid #eae9e6;
	margin-bottom: 4px;
	min-height: 26px;
	padding: 5px;
	line-height: 30px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	color: #272727 !important;
	background:#fff;
}
.cart-modal-content .checkout-detail span {
	font-size: 0.750em;
	color: #272727 !important;
	padding: 0px;
	margin: 0px;
}
.cart-modal-content .checkout {
	line-height: 26px;
	position: absolute;
	bottom: 54px;
	left: 0;
	right: 0;
	margin: 20px 30px;
}
	
/* Add Animation */
@-webkit-keyframes animateright {
from {
right:-300px;
opacity:0
}
to {
 right: 0;
 opacity: 1
}
}
@keyframes animateright {
from {
right:-300px;
opacity:0
}
to {
 right: 0;
 opacity: 1
}
}
.cart-modal-content .page-step img {
	margin-right: 5px;
}
/* The Close Button */
.cart-modalclose {
	position: absolute;
	top: 50px;
	left: 34px;
}
.cart-modalclose:hover, .mobile-modalclose:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.cart-modal-header {
	padding: 2px 16px;
	background-color: transparent;
	font-size: 1.125em;
	color: #000000 !important;
	font-family: SofiaProBold;
}
.cart-modal-body {
	padding: 2px 16px;
	padding-top: 30px;
	min-height: 490px;
}
.cart-modal-body h2 {
	text-align: center;
	font-family: SofiaProBold;
	font-size: 2.625em;
	color: #000000 !important;
	line-height: 18px;
	padding-bottom: 25px;
}
.cart-modal-body h3 {
	text-align: center;
	font-family: SofiaProBold;
	font-size: 1.375em;
	color: #222;
	margin: 20px auto;
}
.cart-modal-body p {
	text-align: center;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #8e8e8e !important;
	line-height: 24px;
}
.cart-modal-body p a {
	text-align: center;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #8e8e8e !important;
	line-height: 24px;
}
.cart-modal-footer {
	background: #000;
	min-height: 72px;
	top: 10px;
}
.cart-modal-footer p {
	text-align: center;
	font-family: SofiaPro;
	font-size: 1.125em;
	color: #ffd900 !important;
	line-height: 72px;
	margin: 0px;
	padding: 0px;
}
.cart-modal-footer p a {
	text-decoration: none;
	color: #ffd900 !important;
}
.cart-modal-footer p a:hover {
	text-decoration: none;
	color: #ff0000 !important;
}
.page-cart .white-box-card {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 20px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-cart .goals-heading {
	font-family: SofiaProBold;
	font-size: 1.125em;
	color: #222;
}
.page-cart .grey-box-card {
	background-color: #f2f2f2;
	width: 100%;
	height: auto;
	padding: 15px 10px 20px 10px;
	border-radius: 10px;
	margin-top: 25px;
}
.page-cart .grey-box-card .checked {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ffd900;
	background-image: url(../images/tick-black.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.page-cart .grey-box-card .goals-heading {
	font-family: SofiaProbold;
	font-size: 0.875em;
	color: #222;
}
.page-cart .grey-box-card .goals-heading small {
	font-family: SofiaProbold;
	font-size: 0.750em;
	color: #222;
}
.page-cart .grey-box-card .goals-title {
	font-family: SofiaProMedium;
	font-size: 0.750em;
	color: rgba(34,34,34,.6);
}
.page-cart .grey-box-card .goals-title span {
	font-family: SofiaProbold;
	font-size: 0.875em;
	color: #222;
}
.page-cart .grey-box-card .goals-title small {
	font-family: SofiaPro;
	font-size: 0.750em;
	color: rgba(34,34,34,.6);
}
.save-for-later    {    color: #ff001e;
    font-size: 1.000em;
    font-family:SofiaProBold;
}
.save-for-later a    {    color: #ff001e;
    font-size: 1.000em;
    font-family:SofiaProBold;
    text-decoration:none;
    
}
.save-for-later a:hover    {    color: #222;
    text-decoration:none;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
	
	
/* Modal Content */
.cart-modal-content {
	position: relative;
	margin: auto;
	padding: 0;
	width: 100%;
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	float: right;
	background: #FFF;
}
.cart-modal-content .cart-modalclose {
	position: absolute;
	top: 15px;
	left: 42%;
}
.cart-modal-content .cart-modal-header {
	padding: 30px 0 0 0;
}
.cart-modal-content .cart-modal-body {
	padding: 2px 16px;
	padding-top: 30px;
}
.cart-modal-content .cart-modal-body .mheight {
	min-height: 590px;
	    padding-bottom: 80px;
}
.cart-modal-body .empty-donut {
	margin: 0px 0;
}
.page-cart .grey-box-card .goals-title {
	font-family: SofiaProMedium;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
}
.page-cart .grey-box-card .grey-back {
	line-height: 50px;
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
	margin: 0 6px 0 5px;
	background: #d5d5d5;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	min-height: 50px;
	font-family: SofiaProBold;
}
.page-cart .grey-box-card .icon-center {
	position: absolute;
	left: 45%;
	right: 0;
	top: -35px;
}
.page-cart .mtop {
	margin-top: 50px !important;
	padding-bottom:60px;
}
.input-lg2 {
	padding: 15px;
	border-radius: 50px;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #222;
	line-height: 24px;
	outline: none;
	display: inline-block;
	width: 100%;
	height: 56px;
	text-align: left;
	box-shadow: 0px 2px #e3e3e3;
	border: 0;
	margin: 0;
}
.page-portfolio .goals-select {
	margin-top: -30px !important;
}

/**.onboarding-wrap {
	width: 100%;
}**/

.dash-activity i {
	padding-right: 0px;
	margin-right: -28px;
}
.dash-activity .dropdown-toggle::after {
	margin-left: 0px;
}
.dash-activity .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: none !important;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
}


/*========================================================================
  Privacy Policy Stat
===========================================================================*/
/* Style the header 
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
*/
.privacy {

}
.privacy .sticky-top{background: #fafafa;
padding-top:100px;
}
.privacy h2 {
	font-size: 2.875em;
	line-height: 46px;
	font-family: 'SofiaProBold';
	padding: 50px 0 50px 0;
	color: #222222;
	margin: 0px;
	text-align: center;
}
.privacy p {
}
.privacy .fixed-nav {
	position: fixed;
	right: 0px;
	left: 0px;
	top: 200px;
	z-index: 1030;
}
.privacy .nav-pills .nav-link {
	font-family: SofiaPro;
	font-size: 1.125em;
	color: #222222;
}
.privacy .nav-pills .nav-item {
	width: 33%;
	text-align: center;
	margin: auto 0;
}
.privacy .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background: none;
	text-align: center;
}
.privacy .nav-pills .nav-link.active:after {
	content: "";
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.5em;
	border-top: 2px solid #ffd900;
	z-index: -1;
	float: left;
	width: 100%;
	top: 10px;
}
.privacy .tab-pane .tabcontent {
 padding: 40px;
    background: #fff;
    margin-bottom: 40px;
    text-align: justify;
    /*min-height: 500px;*/
    overflow: auto;
    font-size: 1em;
    line-height: 46px;
    font-family: 'SofiaProMedium';
}
.privacy .tab-pane .tabcontent ul {
	margin: 0px;
	padding: 0px;
}
.privacy .tab-pane .tabcontent ul li {
	font-size: 0.875em;
	line-height: 22px;
	font-family: 'SofiaPro';
	color: #222222;
	margin-bottom: 5px;
	margin-left: 22px;
	padding-left: 10px;
}
.privacy .tab-pane .tabcontent p {
	font-size: 0.875em;
	line-height: 22px;
	font-family: 'SofiaPro';
	margin: 18px 0;
}
.privacy .tab-pane .tabcontent h3 {
	font-size: 1.125em;
	line-height: 46px;
	font-family: 'SofiaProBold';
}


.privacy .panel-group .panel-heading + .panel-collapse > .panel-body {
 /* border: 1px solid #ddd; */
}
.privacy .panel-group,
.privacy .panel-group .panel,
.privacy .panel-group .panel-heading,
.privacy .panel-group .panel-heading a,
.privacy .panel-group .panel-title,
.privacy .panel-group .panel-title a,
.privacy .panel-group .panel-body,
.privacy .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-radius: 2px;
  border: 0;
}
.privacy .panel-group .panel-body ul {
    margin: 0px;
    padding: 0px;
}
.privacy .panel-group .panel-body ul li {
   font-size:0.875em;
	line-height: 22px;
	font-family: 'SofiaPro';
    color: #222222;
    margin-bottom: 5px;
    margin-left: 22px;
    padding-left: 10px;
}

.privacy .panel-group .panel-body ol {
    margin: 0px;
    padding: 0px;
}

.privacy .panel-group .panel-body ol li {
   font-size:0.875em;
	line-height: 22px;
	font-family: 'SofiaPro';
    color: #222222;
    margin:0 0 15px 16px;
    padding-left: 10px;
}

.privacy .panel-group .panel-body ol p {
   
    margin:0 0 15px 16px;
    padding-left: 10px;
}


.privacy .panel-group .panel-heading {
  padding: 0;
  
}
.privacy .panel-group .panel-heading a {
  display: block;
  background: #fff;
  color: #222222;
  padding: 15px;
  padding-left: 30px;
  text-decoration: none;
  position: relative;
  font-size:18px;
  font-family: SofiaPro;
}
.privacy .panel-group .panel-heading a.collapsed {
  background: #fff;
}
.privacy .panel-group .panel-heading a:after {
  content: '-';
  position: absolute;
  left:0px;
  top:5px;
  font-size:28px;
}
.privacy .panel-group .panel-heading a.collapsed:after {
  content: '+';
}
.privacy .panel-group .panel-collapse {
  margin-top: 5px !important;
}
.privacy .panel-group .panel-heading a:after {
  content: '-';
  position: absolute;
  left:0px;
  top:5px;
}
.privacy .panel-group .panel-heading a.collapsed:after {
  content: '+';
}

.fixaccordion {
	position: fixed;
	width: 85%;
	background: #fafafa;
	z-index: 2;
	margin-top: -30px;
}
/** privacy  Accordion **/
.tabaccordion .card {
	background: #fff;
	border: none;
}
.tabaccordion .card .card-header {
	background: #fff;
	font-family: SofiaPro;
	font-size: 1.125em;
	color: #222222;
	padding: 0;
	border: none;
}
.tabaccordion .card .card-body ul {
	margin: 0px;
	padding: 0px;
}
.tabaccordion .card .card-body ul li {
	font-family: SofiaPro;
	font-size: 0.875em;
	color: #222222;
	line-height: 24px;
	margin-bottom: 5px;
	margin-left: 12px;
	padding-left: 10px;
}
.tabaccordion .card .card-header .btn-link {
	font-family: SofiaPro;
	font-size: 1.125em;
	color: #222222;
}
.tabaccordion .card .card-header .btn-link:hover {
	text-decoration: none;
	opacity: .8;
}
.tabaccordion .card .card-header .btn-link:focus {
	text-decoration: none;
	opacity: 1;
}
.tabaccordion .card .card-header .right-arrow {
	float: left;
	margin-right: 15px;
}
.accordionTitle, .accordion__Heading {
	background-color: #38cc70;
	text-align: center;
	font-weight: 700;
	padding: 2em;
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-transition: background-color 0.5s ease-in-out;
	transition: background-color 0.5s ease-in-out;
	border-bottom: 1px solid #30bb64;
}
.accordionTitle:before, .accordion__Heading:before {
	content: "+";
	font-size: 1.5em;
	line-height: 0.5em;
	float: left;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover, .accordion__Heading:hover {
	background-color: #2ba659;
}
.accordionTitleActive, .accordionTitle.is-expanded {
	background-color: #2ba659;
}
.accordionTitleActive:before, .accordionTitle.is-expanded:before {
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.accordionItem {
	height: auto;
	overflow: hidden;
	max-height: 50em;
	-webkit-transition: max-height 1s;
	transition: max-height 1s;
}

@media screen and (min-width: 48em) {
	.fixaccordion{
		width:100%;
	}
.accordionItem {
	max-height: 15em;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
}
}
.accordionItem.is-collapsed {
	max-height: 0;
}
.no-js .accordionItem.is-collapsed {
/*	max-height: auto;*/
}
.animateIn {
	-webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
	animation: accordionIn 0.45s normal ease-in-out both 1;
}
.animateOut {
	-webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
	animation: accordionOut 0.45s alternate ease-in-out both 1;
}
 @-webkit-keyframes accordionIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
 transform: scale(0.9) rotateX(-60deg);
 -webkit-transform-origin: 50% 0;
 transform-origin: 50% 0;
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes accordionIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
 transform: scale(0.9) rotateX(-60deg);
 -webkit-transform-origin: 50% 0;
 transform-origin: 50% 0;
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-webkit-keyframes accordionOut {
 0% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
 transform: scale(0.9) rotateX(-60deg);
}
}
@keyframes accordionOut {
 0% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(0.9) rotateX(-60deg);
 transform: scale(0.9) rotateX(-60deg);
}
}

/*========================================================================
  Privacy Policy End
===========================================================================*/
/*========================================================================
 Hari Css End Here
 ======================================================================== */



 


/*========================================================================
  Pradeep Css Start
===========================================================================*/
/*========================================================================
Dashboard: Goals Css Start
===========================================================================*/

.page-portfolio .goals {
	padding-top: 30px;
}
.page-portfolio .goals .goals-heading {
	font-family: SofiaProBold;
	font-weight: bold;
	color: #222;
	padding-top: 10px;
	font-size: 1.500em;
	padding-bottom: 10px;
}
.page-portfolio .goals .create-new {
	font-family: SofiaProBold;
	font-weight: bold;
	color: #ff001e;
	position: relative;
	float: right;
	padding-top: 5px;
	font-size: 0.750em;
	text-decoration: none;
}
.goalbox {
	margin-top: 10px;
	padding: 20px;
	margin-left: 0;
	margin-right: 0;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 5px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	color: #222;
}
.goalbox .funddetail {
	font-family: SofiaProBold;
	font-size: 1.000em;
	line-height: 22px;
	color: #222;
}
.goalbox .funddetail .small {
	font-family: SofiaPro;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
	display: block;
}
.goalbox .funddetail span {
	font-family: SofiaProbold;
	font-size: 1.000em;
	color: #222;
	margin: 0;
	padding: 0;
}
.goalbox .progressrow {
	margin: 0;
}
.goalbox .progressrow .col-3 span {
	font-family: SofiaProMedium;
	color: rgba(34,34,34,.6);
}
.goalbox .progressrow .inr {
	float: right;
}
.goalbox .progressrow .col-1 {
	font-family: SofiaPro;
}
.goalbox .progressrow .progress {
	width: 100%;
	float: left;
	height: 4px;
	margin-top: 10px;
}
.goalbox .progressrow .progress .progress-bar {
	background: rgba(34,34,34,.1);
}
.goalbox .progressrow .col-8 {
	font-family: SofiaPro;
}
.goalbox .actions ul {
	list-style: none;
	margin-left: 0;
	margin-top: 26px;
	padding-left: 0;
}
.goalbox .actions li {
	padding: 12px 0 12px 0;
	text-indent: -1em;
}
.goalbox .actions li a {
	font-family: SofiaProBold;
	font-size: 1.000em;
	text-transform: uppercase;
	color: #ff001e;
}
.goalbox .actions li a:hover {
	text-decoration: none;
	color: #ffd900;
}
.goalbox .actions li:nth-child(4) a {
	color: #222;
}
.goalbox .actions li:nth-child(4) a:hover {
	color: #ffd900;
}
/*========================================================================
Dashboard: Goals Css End
===========================================================================*/


/*========================================================================
Dashboard: Goals Detail Css Start
===========================================================================*/
.dashboard-btn-back {
	font-family: SofiaProBold;
	color: #999;
	font-size: 1.000em;
	margin-top: 35px;
}
.dashboard-goal-details .red-links {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	font-family: SofiaProBold;
}
.dashboard-goal-details .red-links li {
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;
	float: left;
	display: block;
	color: #ff001e;
	font-size: 0.875em;
}
.dashboard-goal-details .red-links li img {
	margin-right: 10px;
}
/* Left Box css start */
.dashboard-goal-details .white-box-round {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	min-height: 600px;
	padding: 20px;
	border-radius: 5px;
	margin-top: 35px;
}
.dashboard-goal-details .white-box-round .heading {
	font-family: SofiaProBold;
	font-size: 1.125em;
	color: #222;
}
.dashboard-goal-details .white-box-round .heading i {
	color: #a7a7a7;
	padding-left: 12px;
}
.dashboard-goal-details .left-box {
	line-height: 40px;
}
.dashboard-goal-details .left-box span {
	color: rgba(34,34,34,.5);
	font-size: 1.000em;
	font-family: 'SofiaProMedium';
}
.dashboard-goal-details .left-box strong {
	float: right;
}
.dashboard-goal-details .left-box p {
	font-family: SofiaPro;
	font-size: 0.875em;
	color: #222;
	margin: 0;
}
/* Left box header */
.dashboard-goal-details .leftbox-header {
	Font-family: SofiaProBold;
	font-size: 1.000em;
	margin-bottom: 40px;
	line-height: normal;
}
.dashboard-goal-details .leftbox-header small {
	font-family: SofiaProBold;
	font-size: 0.8em;
	color: rgba(34,34,34,.6);
	text-transform: uppercase;
	padding-bottom: 10px;
}
.dashboard-goal-details .leftbox-header strong {
	text-transform: uppercase;
	color: #00be79;
	font-size: 0.875em;
	float: left;
}
.dashboard-goal-details .leftbox-header .grn-dot16 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00be79;
	float: left;
	position: relative;
	top: 6px;
	margin-right: 8px;
}
/* Left Box css end */

/* Nav tabs css */
.dashboard-goal-details .nav {
	margin-bottom: 20px;
}
.dashboard-goal-details .nav-tabs {
	border: none;
}
.dashboard-goal-details .nav-item i {
	margin-right: 5px;
}
.dashboard-goal-details .nav-tabs .nav-link {
	border: none;
	font-family: SofiaProMedium;
	font-size: 1.000em;
	color: #ccc;
}
.dashboard-goal-details .nav-tabs .nav-link.active {
	border-bottom: #ffccd2 2px solid;
	color: #ff001e;
}
.dashboard-goal-details .other-details {
	background-color: #f3f2f0;
	padding: 0 20px 20px;
	border-radius: 2px;
	margin-top: 15px;
}
.dashboard-goal-details .other-details span {
	margin-top: 20px;
}
.dashboard-goal-details .transactions {
	margin-top: 60px;
	font-size: 1em;
}
.dashboard-goal-details .transactions h1 {
	font-family: SofiaProBold;
	font-size: 1.250em;
}
.dashboard-goal-details .transactions .txt-red {
	color: #ff001e;
	text-transform: uppercase;
	font-weight: bold;
}
.dashboard-goal-details .transactions hr {
	width: 100%;
	border-top: #ddd 1px solid;
	margin: 20px 0px;
}
.dashboard-goal-details .transactions-txt {
	color: rgba(34,34,34,.6);
	font-size: 0.813em;
	padding: 0 20px 20px;
}
.dashboard-goal-details .transactions-box {
	min-height: 90px;
	padding: 20px;
	margin-bottom: 10px;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 15px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	line-height: 100%;
	vertical-align: middle;
}
.dashboard-goal-details .transactions-box i {
	font-size: 2.813em;
}
.dashboard-goal-details .alert-dismissible {
	padding: 0;
}
.dashboard-goal-details .alert {
	padding: 0;
}
.dashboard-goal-details .alert-dismissible .close {
	position: static;
	padding: 0;
}
/* On Off Switch button css start */
.dashboard-goal-details .onoff-switch {
	text-transform: uppercase;
	font-size: 1.000em;
	color: #222;
	margin-top: 20px;
	font-family: SofiaProMedium;
}
.dashboard-goal-details .onoff-switch label {
	float: right;
}
.dashboard-goal-details #projection h1 {
	font-size: 0.875em;
	color: #777;
	font-weight: normal;
	font-family: SofiaPro;
	padding: 0;
	margin: 30px 0 0 0;
}
.dashboard-goal-details #projection p {
	color: #222;
	font-family: SofiaProMedium;
	font-size: 0.875em;
	line-height: 24px;
}
.dashboard-goal-details .progress {
	height: 32px;
	border-radius: 0px;
	font-size: 0.875em;
	margin-top: 3px;
	margin-bottom: 20px;
}
.dashboard-goal-details .progress-bar {
	text-align: left;
	padding-left: 5px;
}
.dashboard-goal-details .equity-bar {
	background-color: #ffccd2;
	color: #222;
}
.dashboard-goal-details .white-box-round .heading input[type=text]{
   border:none;
    background: none;
   border-bottom: solid 2px #222;
   outline: none;
       width: 100%;
}

.dashboard-goal-details .white-box-round .heading .edit i {
   cursor: pointer;
    color:#222;
}
/*========================================================================
Dashboard: Goals Detail Css End
===========================================================================*/


/*========================================================================
Dashboard: Purchase Fund02 Css Start
===========================================================================*/

.input-small {
	border-radius: 50px;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #222;
	line-height: 24px;
	outline: none;
	display: inline-block;
	width: 100%;
	height: 56px;
	text-align: center;
	box-shadow: 0px 2px #e3e3e3;
	border: 0;
	padding: 0 15px;
	margin: 0;
}
.input-large {
	padding: 15px;
	border-radius: 50px;
	font-family: SofiaPro;
	font-size: 1.000em;
	color: #222;
	line-height: 24px;
	outline: none;
	display: inline-block;
	width: 100%;
	height: 50px;
	text-align: center;
	box-shadow: 0px 2px #e3e3e3;
	border: 0;
}
.popup-modal .frequency-switch-btn {
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	color: #222;
	min-width: 160px;
	border-radius: 28px;
	padding: 0;
	margin: 0;
	border: none !important;
	font-family: SofiaProMedium;
	font-size: 1.000em;
}
.frequency-switch-btn, .btn-group-toggle .active {
	border: 2px solid #222 !important;
	background-color: #fff !important;
	color: #222!important;
}

/*========================================================================
Dashboard: Purchase Fund02 Css End
===========================================================================*/


/*========================================================================
Pradeep: Dashboard Goals Mobile View Media Query Starts
===========================================================================*/

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
.goalbox {
	margin: 10px 0 0px 0;
	padding: 20px 15px 0 15px!important;
	margin-left: 0;
	margin-right: 0;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 5px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	color: #222;
}
.goalbox .goalaction {
	background: #e7e7e7;
	border-radius: 0 0 10px 10px;
	margin-top: 15px;
}
.goalbox .goalaction .col {
	padding-top: 10px;
	padding-bottom: 10px;
}
.goalbox .goalaction01 {
	border-top: 1px solid #e8e8e8;
	margin-top: 15px;
}
.goalbox .goalaction01 .col {
	padding-top: 10px;
	padding-bottom: 10px;
}
.mcreate-new {
	font-family: SofiaProBold;
	font-weight: bold;
	color: #ff001e;
	padding: 20px;
	font-size: 1.125em;
	text-decoration: none;
	background: #ffffff;
	text-align: center;
	margin: 20px 0 40px 0;
}
.dashboard-goal-details .transactions h1 {
	font-family: SofiaProBold;
	font-size: 1.250em;
	text-align: center;
}
.dashboard-goal-details .white-box-round {
	margin-top: 35px!important;
    min-height: inherit;
}
.dashboard-goal-details .white-box-round .heading {
	font-family: SofiaProBold;
	font-size: 1.125em;
	color: #222;
	text-align: center;
}
.dashboard-goal-details .white-box-round .heading i {
	color: #a7a7a7 !important;
	padding-left: 12px;
}
.dashboard-goal-details .leftbox-header {
	Font-family: SofiaProBold;
	font-size: 1.000em;
	margin-bottom: 20px!important;
	line-height: normal;
}
.dashboard-goal-details .leftbox-header small {
	font-family: SofiaProBold;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
	text-transform: uppercase;
	padding-bottom: 10px;
}
.dashboard-goal-details .leftbox-header strong {
	text-transform: uppercase;
	color: #00be79;
	font-size: 0.875em;
	float: none!important;
	text-align: center;
}
.dashboard-goal-details .left-box p {
	text-align: center;
}
.dashboard-goal-details .leftbox-header .grn-dot16 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #00be79;
	margin-right: 8px;
	position: relative;
	top: 9px!important;
	text-transform: uppercase;
	color: #00be79;
	font-size: 0.875em;
}
/*-- Popup switch button start --*/
.popup-modal .frequency-switch-btn {
	min-width: 124px!important;
}
}

/*========================================================================
Pradeep: Dashboard Goals Mobile View Media Query Ends
===========================================================================*/




/* ==================================================================
600x1024 (Tablets) Media Query Start
=====================================================================*/
@media (min-width: 600px) and (max-width: 1024px) {
.goalbox .actions ul {
	text-align: left!important;
}
.goalbox .actions li {
	display: inline-block;
	margin: 0 8px;
}
/* .goalbox img {
padding-left:16px;
padding-bottom:16px;
}
*/

.dashboard-goal-details .white-box-round .heading {
	text-align: left;
}
.dashboard-goal-details .left-box p {
	text-align: left;
}
.goalbox {
	padding: 20px!important;
}
.goalbox .goalaction01 {
	padding-top: 15px;
}
}

/* ==================================================================
600x1024 (Tablets) Media Query End
=====================================================================*/



/* ==================================================================
1024x600 (Tablets landscape) Media Query Start
=====================================================================*/
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
.goalbox .actions ul {
	list-style: none;
	margin-left: 0;
	margin-top: 38px;
	padding-left: 0;
}
.goalbox .actions li {
	display: inherit;
	margin: 20px 0;
	padding: 0;
	text-align: right;
}
.goalbox .actions li a {
	font-size: 0.875em;
}
.goalbox img {
	padding: 0;
}
}
/* ==================================================================
600x1024 (Tablets landscape) Media Query End
=====================================================================*/





/*========================================================================
Pradeep: CSS Ends
===========================================================================*/




/*========================================================================
  Sanjay Css Start Here
===========================================================================*/
/*common css start */
.grn-txt {
	color: #00be79;
}
.txt-red {
	color: #ff0006;
}
.txt-red a {
	color: #ff0006;
	text-decoration: none;
}
.txt-red a:hover {
	color: #ff0006;
	text-decoration: underline;
}
.btn-black-full {
	background: #222;
	font-family: SofiaProBold;
	font-size: 1.000em;
	border: 0;
	width: 100%;
	line-height: 56px;
	border-radius: 28px;
	padding: 0;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
	outline: none !important;
	outline-offset: 0 !important;
	background-image: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.page404{
	padding-top:30px;
}
.page404 h1{
	    font-family: SofiaProBold;
 font-size: 3.375em;
    color: #222;
    margin: 20px auto;
	
}

.page404 p{    font-family: SofiaPro;
    font-size: 1.25rem;
    line-height: 1.6;
  color: rgba(34,34,34, 0.5);
    margin: 20px auto;}

.page404 .btn,
.wifi-container .btn,
.error-uh-oh .btn {
		width:220px;
	min-width:220px;

    height: 60px;
}
/*common css end */


/*dashboard common css start*/
.left-box-p {
	padding-right: 0px !important;
}
/*dashboard common css end*/
.dash-sum-card, .table tr td { vertical-align:middle;}
.dash-sum-card, .table { margin-bottom:0rem !important;}

/*-----------  Dashboard Portfolio fund Details Page CSS Start  ----------*/
.dashboard-btn-back {
	font-family: SofiaProBold;
	color: #999;
	font-size: 1.000em;
	margin-top: 35px;
}
.dashboard-btn-back .device-align {
	text-align: right;
}
/* Left Box css start */
.dashboard-fund-details .white-box-round {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	min-height: 580px;
	padding: 15px;
	border-radius: 5px;
	margin-top: 35px;
}
.dashboard-fund-details .left-box {
	line-height: 40px;
}
.dashboard-fund-details .left-box span {
	color: rgba(34,34,34,.5);
	font-size: 1.000em;
	font-family: 'SofiaProMedium';
}
.dashboard-fund-details .left-box strong {
	float: right;
	font-family: 'DINNextLTPro-Medium';
}
/* Left box header */
.dashboard-fund-details .leftbox-header {
	Font-family: SofiaProBold;
	font-size: 0.938em;
	margin-bottom: 30px;
	line-height: normal;
}
.dashboard-fund-details .leftbox-header small {
	font-family: SofiaPro;
	font-size: 0.875em;
}
.dashboard-fund-details .leftbox-header strong {
	text-transform: uppercase;
	color: #00be79;
}
.dashboard-fund-details .leftbox-header .grn-dot16 {
 width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #00be79;
    float: left;
    position: relative;
    margin-right: 8px;
}
.grn-dot10 {
    width:10px; 
    height:10px; 
    border-radius:50%; 
    background-color:#00be79; 
    float:left; 
    position:relative; 
    top:3px; 
    margin-right:5px;
}
.orng-dot10 {
    width:10px; 
    height:10px; 
    border-radius:50%; 
    background-color:#ffa00b; 
    float:left; 
    position:relative; 
    top:3px; 
    margin-right:5px;
}
/* Left Box css end */
	
	
/* Nav tabs css start */
.dashboard-fund-details .nav {
	margin-bottom: 20px;
}
.dashboard-fund-details .nav-tabs {
	border: none;
}
.dashboard-fund-details .nav-item i {
	margin-right: 5px;
}
.dashboard-fund-details .nav-tabs .nav-link {
	border: none;
	font-family: SofiaProMedium;
	font-size: 1.000em;
	color: #ccc;
}
.dashboard-fund-details .nav-tabs .nav-link.active {
	border-bottom: #ffccd2 2px solid;
	color: #ff001e;
}
/* Nav tabs css end */   
  
  
.dashboard-fund-details .transactions {
	margin-top: 60px;
	font-size: 1em;
}
.dashboard-fund-details .transactions h1 {
	font-family: SofiaProBold;
	font-size: 1.250em;
}
.dashboard-fund-details .transactions .txt-red {
	color: #ff001e;
	text-transform: uppercase;
	font-weight: bold;
}
.dashboard-fund-details .transactions hr {
	width: 100%;
	border-top: #ddd 1px solid;
	margin: 20px 0px;
}
.dashboard-fund-details .transactions-txt {
	color: rgba(34,34,34,.6);
	font-size: 0.813em;
	padding: 0 20px 20px;
}
.dashboard-fund-details .transactions-box {
	min-height: 90px;
	padding: 20px;
	margin-bottom: 10px;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 15px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	line-height: 100%;
	vertical-align: middle;
}
.dashboard-fund-details .transactions-box span {
	display: none;
}
.dashboard-fund-details .transactions-box i {
	font-size: 2.813em;
}
.dashboard-fund-details .alert-dismissible {
	padding: 0;
}
.dashboard-fund-details .alert {
	padding: 0;
}
.dashboard-fund-details .alert-dismissible .close {
	position: static;
	padding: 0;
	opacity: .9;
}
.dashboard-other-details h1 {
	font-size: 0.875em;
	color: #777;
	font-weight: normal;
	font-family: SofiaPro;
	padding: 0;
	margin: 30px 0 0 0;
}
.dashboard-other-details p {
	color: #222;
	font-size: 0.875em;
	font-family: SofiaProMedium;
}
.dashboard-fund-details .other-details {
	padding: 0 20px 20px;
}
.dashboard-fund-details .other-details span {
	margin-top: 20px;
}
/* On Off Switch button css start */
.dashboard-fund-details .onoff-switch {
	text-transform: uppercase;
	font-size: 1.000em;
	color: #222;
	margin-top: 40px;
	font-family: SofiaProMedium;
}
.dashboard-fund-details .onoff-switch label {
	float: right;
}
.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 50px;
	padding: 0px;
	margin: 0;
	background-color: white;
	border-radius: 28px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 1.000em;
	text-transform: uppercase;
	background: #d3d3d3;
	border-radius: inherit;
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;/*	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;*/
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 24px;
	color: #222;
	font-family: SofiaProBold;
}
.switch-label:after {
	content: attr(data-on);
	left: 24px;
	color: #222;
	opacity: 0;
	font-family: SofiaProBold;
}
.switch-input:checked ~ .switch-label {
	background: #ffdb00;
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 5px;
	left: 20px;
	width: 30px;
	background: white;
	border-radius: 23px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}
.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 5px 0 0 -25px;
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 50%;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.07);
}
.switch-handle:after {
	background: #222 !important;
	width: 30px;
	height: 30px;
}
.switch-input:checked ~ .switch-handle {
	left: 70px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-green > .switch-input:checked ~ .switch-label {
	background: #4fb845;
}
/* On Off Switch button css end */
/*-----------  Dashboard Portfolio fund Details Page CSS End  ----------*/








/*-----------  Dashboard Account OTM Details Page CSS Start  ----------*/

.dashboard-otm-details .nav-tabs {
	margin-bottom: 15px;
}
.dashboard-otm-details .btn-orange-full {
	height: 52px;
	font-size: 0.875em;
}
.dashboard-otm-details .white-box-card {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 15px;
	border-radius: 10px;
	margin-top: 15px;
	font-family: SofiaProBold;
}
.dashboard-otm-details .white-box-card h1 {
	font-family: SofiaProBold;
	font-size: 1.500em;
	margin-bottom: 20px;
}
.dashboard-otm-details .white-box-card i {
	font-size: 2.813em;
}
.dashboard-otm-details .alert-dismissible {
	padding: 0;
}
.dashboard-otm-details .alert {
	padding: 0;
	margin: 0;
}
.dashboard-otm-details .alert-dismissible .close {
	position: static;
	padding: 0;
	opacity: 0.9
}
.dashboard-otm-details .bank-details .checked {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #ffd900;
	background-image: url(../images/tick-black.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.dashboard-otm-details .bank-details .unchecked {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fbfbfb;
	border: 2px solid #e4e4e4;
}
.dashboard-otm-details .bank-details {
	background-color: #fafafa;
	border-radius: 12px;
	margin-bottom: 8px;
	min-height: 56px;
	padding: 10px;
	line-height: 20px;
}
.dashboard-otm-details #otm-details .text-space > div {
	margin-right: 15px;
}
.dashboard-otm-details .text-space > div {
	margin-right: 45px;
}
.dashboard-otm-details .text-space .ml-auto {
	margin-right: 0px;
}
/* Limit Range Slider */
.dashboard-otm-details .dashboard-rangeslider {
	padding: 0;
	z-index: 1;
	width: 100%;
	margin: 0 0 0 0;
	font-size: 1.375em;
	font-family: DINNextLTPro-Medium;
}
.dashboard-otm-details .header .pull-right {
	font-size: 1.7em;
	font-weight: 400;
	float: right;
	margin-left: 25px;
	font-family: DINNextLTPro-Medium;
}
.dashboard-otm-details .header .pull-right::before {
	content: '\20B9';
	font-size: 0.4em;
	margin-right: 4px;
	font-weight: 600;
}
.dashboard-otm-details .value-edit {
	cursor: pointer;
	position: relative;
	width: 40px;
	right: -23px;
	top: 14px;
}
/* File Uload Input css*/
.dashboard-otm-details .photo {
	text-align: left;
	background: url(../images/photo-icon.png) no-repeat left, url(../images/pencil-icon.png) no-repeat right;
	background-color: #fafafa;
	background-position: 4% 50%, 96% 50%;
}
.dashboard-otm-details .inputfile + label {
	box-shadow: none;
	padding-left: 65px;
	margin-top: 30px;
	margin-bottom: 10px;
}
/* Rounded Check box */
.dashboard-otm-details .option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 10.33333px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 26px;
	width: 26px;
	transition: all 0.15s ease-out 0s;
	background: #fff;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	position: relative;
	z-index: 1000;
	border: solid 2px #222;
}
.dashboard-otm-details .option-input:hover {
	background: #fff;
}
.dashboard-otm-details .option-input:checked {
	background: #fff;
	border: solid 2px #00be79;
}
.dashboard-otm-details .option-input:checked::before {
	height: 26px;
	width: 26px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 1.000em;
	text-align: center;
	line-height: 22px;
	color: #00be79;
}
.dashboard-otm-details .option-input:checked::after {
	/*-webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;*/
	background: #40e0d0;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
}
.dashboard-otm-details .option-input.radio {
	border-radius: 50%;
}
.dashboard-otm-details .option-input.radio::after {
	border-radius: 50%;
}
/* Rounded Check box end*/

.dashboard-otm-details #otm-details p {
	padding: 14px 20px 0 35px;
	color: rgba(34,34,34, 0.6);
	font-size: 0.938em;
	font-family: SofiaPro;
}
/* Profile Details Tab start */
.dashboard-otm-details .profile-details {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	line-height: 52px;
	margin-bottom: 15px;
	border-radius: 52px;
	font-family: SofiaPro;
	font-size: 1.000em;
	vertical-align: middle;
	padding-left: 25px;
	font-family: SofiaProBold;
}
.dashboard-otm-details .profile-details span {
position: absolute;
    left: 25%;
    font-family: SofiaPro;
    width: 70%;
}
.dashboard-otm-details #profile-details .relationship-mngr {
	font-family: SofiaProMedium;
}
/* Annual Salary Range Slider Css Start */
.dashboard-otm-details .salary-range-slider {
	z-index: 1;
	width: 100%;
	margin-bottom: 60px;
}
.dashboard-otm-details .salary-range-slider .header {
	margin-top: 10px;
	padding: 0 50px 0 40px;
}
.dashboard-otm-details .salary-range-slider .header .title {
	font-size: 1.000em;
	font-family: SofiaProBold;
}
.dashboard-otm-details .salary-range-slider .header .title .pull-right {
	font-size: 1.500em;
	float: right;
}
.dashboard-otm-details .salary-range-slider .header .title .pull-right::before {
	content: '\20B9';
	font-size: 0.655em;
	margin-right: 4px;
}
.dashboard-otm-details .salary-range-slider .salary-edit {
	cursor: pointer;
	float: right;
	right: 40px;
	top: 40px;
	position: absolute;
}
/* Annual Salary Range Slider Css end */



/* Invest Account Details css start */
.dashboard-otm-details #investment-account-details .profile-details span {
	position: absolute;
	left: 130px;
	font-family: SofiaPro;
}
/* Green Tick marked input */
.dashboard-otm-details .checked {
	background: url(../images/dashboard/grn-checked.png) #fff no-repeat right 20px center;
}
.dashboard-otm-details .unchecked {
	background: url(../images/dashboard/icn-delete-red.png) #fff no-repeat right 13px center;
}
.dashboard-otm-details .bank-details i {
	font-size: 1em;
	color: #222;
}
.dashboard-otm-details .nominees small {
	font-size: 0.875em;
	font-family: SofiaProMedium;
	color: rgba(34,34,34,.6);
	display: block;
	text-transform: uppercase;
	margin-top: 20px;
}
.dashboard-otm-details .nominees strong {
	font-family: SofiaProBold;
	font-size: 1.125em;
}
.dashboard-otm-details .nominees-btn {
	background-color: #fafafa;
	border-radius: 5px;
	margin-bottom: 8px;
	margin-top: 20px;
	line-height: 56px;
	color: #ff001e;
	text-transform: uppercase;
	font-size: 0.875em;
}
.dashboard-otm-details .nominees-btn i {
	font-size: 1.125em;
}
.dashboard-otm-details .add-account-btn {
	background-color: #fafafa;
	border-radius: 5px;
	line-height: 56px;
	color: #ff001e;
	text-transform: uppercase;
	font-size: 0.875em;
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	margin: 10px 30px;
}
.dashboard-otm-details .add-account-btn i {
	font-size: 1.125em;
}
.dashboard-otm-details .bank-account {
	/**min-height: 448px;**/
	position: relative;
}
/* Invest Account Details css end */



/* Pool Account Tab css start */

.dashboard-otm-details #pool-account .transactions {
	margin-top: 60px;
	font-size: 0.875em;
}
.dashboard-otm-details #pool-account .transactions .white-box-card {
	padding: 30px;
	margin-top: 10px;
	font-size: 1.150em;
}
.dashboard-otm-details #pool-account .transactions h1 {
	font-family: SofiaProBold;
	font-size: 1.4em;
	padding: 0 20px;
}
.dashboard-otm-details #pool-account .transactions label {
	font-size: 0.875em;
	font-family: SofiaProMedium;
	color: rgba(34,34,34,.6);
	display: block;
	padding: 0;
	margin: 0;
}
.dashboard-otm-details #pool-account .transactions .txt-red {
	color: #ff001e;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 25px;
}
.dashboard-otm-details #pool-account .transactions .btn {
	width: 75px;
	white-space: inherit;
	font-size: 1em;
}
/* Pool Account Tab css end */


/* Popuup switch fund (Rupee symbol hide)*/
.onboarding-wrap .header .title .pull-right2 {
	font-size: 2.250em;
	font-weight: 400;
	color: #222;
}
.onboarding-wrap .header .title .pull-right2::before {
	content: '';
}
.onboarding-wrap .header .title .pull-right2::after {
	content: '';
}
.popup .clk-icon {
	cursor: pointer;
	position: relative;
	width: 40px;
	right: -276px;
	top: -41px;
}
.popup .input-lg2 {
	padding: 15px 30px;
}
.popup .search-icn {
	background: url(../images/da-search-icon.png) #ffffff no-repeat right 10px center;
}
/*-- Popup switch button start --*/
.popup .switch-btn {
	line-height: 50px;
	text-align: center;
	background-color: #fff;
	color: #222;
	min-width: 180px;
	border-radius: 28px;
	padding: 0;
	margin: 0;
	border: none !important;
	font-family: SofiaProMedium;
	font-size: 1.000em;
}
.switch-btn, .btn-group-toggle .active {
	border: 2px solid #222 !important;
	background-color: #fff !important;
	color: #222!important;
}

/*-- Popup switch button end --*/


/*-----------  Dashboard Account OTM Details Page CSS End  ----------*/






 /*========================================================================
   Media Query for Mobile Divices (Max 575.98px) Start
============================================================================*/
@media only screen and (max-width: 575.98px) {
/*dashboard common css start*/
.left-box-p {
	padding-right: 15px !important;
}
/*dashboard common css end*/


/*-- Popup switch button start --*/
.popup-modal .switch-btn {
	min-width: 115px;
}
.dashboard-otm-details .btn {
	margin: 10px 0 !important;
}


/*-----------  Dashboard Account OTM Details Page CSS Start  ----------*/
.dashboard-otm-details .tabletab {
	padding-top: 10px !important;
}
/*- Profile Details Tab start -*/
.dashboard-otm-details .profile-details {
	text-align: center !important;
	margin-bottom: 10px;
}
.dashboard-otm-details #profile-details .white-box-card h1 {
	margin: 20px 0;
}
.dashboard-otm-details .profile-details strong {
	visibility: hidden;
}
.dashboard-otm-details .profile-details span {
	left: 50px;
}
.dashboard-otm-details #investment-account-details .profile-details span{
	    left: 0;
	}
.dashboard-otm-details .salary-range-slider .header .pull-right {
	width: 100%;
	text-align: center;
}
.dashboard-otm-details .salary-range-slider .salary-edit {
	right: 70px;
	top: 65px;
}
.no-padding-m {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/*- Profile Details Tab end -*/	

.dashboard-otm-details .white-box-card-m {
	border-radius: 0px;
	padding: 30px 15px;
	font-size: 0.875em;
	font-family: SofiaProMedium;
}
.dashboard-otm-details .white-box-card h1 {
	font-size: 1.250em;
}
.mmt-20 {
	margin-top: 20px;
}
.padding-m {
	padding: 0 15px;
}

/*-- Investment Account details tab start --*/
.dashboard-otm-details .text-space > div {
	margin-right: 0px;
}
.dashboard-otm-details .bank-details .mcross {
	position: absolute;
	top: 22px;
	right: 0px;
}
.dashboard-otm-details #investment-account-details .bank-details {
	font-family: SofiaProBold;
	font-size: 1.000em;
	padding: 15px 5px;
}
.dashboard-otm-details .bank-account {
	min-height: 380px;
}
.dashboard-otm-details .add-account-btn {
	margin: 10px 15px;
}
/*-- Investment Account details tab start --*/



/*-- OTM Details tab start  --*/
.dashboard-otm-details .otm-details .mcross {
	position: absolute;
	top: 110px;
	right: 0px;
}
.dashboard-otm-details .otm-details .bank-details {
	padding-left: 60px;
}
.dashboard-otm-details .otm-details .bank-details .checked {
	position: absolute;
	top: 0px;
	left: -35px;
}
.dashboard-otm-details .otm-details .bank-details .unchecked {
	position: absolute;
	top: 0px;
	left: -35px;
}
.mcenter {
	text-align: center;
}
.dashboard-otm-details .otm-details .dashboard-rangeslider .header {
	padding-left: 23%;
}
.dashboard-otm-details .otm-details .value-edit {
	right: -10px;
}
/*-- OTM Details tab End  --*/


/*-----------  Dashboard Account OTM Details Page CSS End  ----------*/




/*-----------  Dashboard Portfolio fund Details Page CSS Start  ----------*/
.dashboard-middle .leftpanel .holdingsection .heading h3 {
    font-size: .9em;
}
.dashboard-middle .leftpanel .fundbox.holdingm .actionimg img {
    margin: 0 5%;
}
.holdingtab .webtab {
    display: none;
}
.dashboard-btn-back .device-align {
	text-align: center;
}
.dashboard-fund-details .left-box strong {
	float: inherit;
	display: block;
}
.dashboard-fund-details .leftbox-header strong {
	padding: 10px 0;
}
.dashboard-fund-details .line-height-m {
	line-height: 22px;
}
.dashboard-fund-details .line-height-m > div {
	margin-bottom: 20px;
}
.dashboard-fund-details .onoff-switch {
	margin-top: 0;
}
.dashboard-fund-details .onoff-switch label {
	float: left;
}
.dashboard-fund-details h2 {
	font-size: 1.250em;
	margin: 20px 0;
}
.dashboard-fund-details .white-box-round {
	padding: 30px 15px;
	min-height: inherit;
}
.dashboard-fund-details .white-box-round-mnone {
	padding: 0;
	background: none;
	line-height: 26px;
	box-shadow: none;
}
.dashboard-fund-details .transactions-txt {
	display: none;
}
.dashboard-fund-details .transactions {
	padding: 15px;
	margin-top: 10px;
}
.dashboard-fund-details .transactions h1 {
	text-align: center;
	margin-bottom: 30px;
}
.dashboard-fund-details .transactions-box {
	padding: 0;
}
.dashboard-fund-details .transactions-box span {
	display: block;
	font-family: SofiaPro;
	color: rgba(34,34,34,.6);
	font-size: 0.875em;
	padding-bottom: 3px;
}
.dashboard-fund-details .transactions-box span {
	margin-top: 20px;
}
.dashboard-fund-details .transactions-box .skip-m {
	line-height: 70px;
	padding: 0px 15px;
	border-bottom-left-radius: 15px;
	margin-bottom: 0px;
	margin-top: 25px;
	border-bottom-right-radius: 15px;
	background-color: #fafafa;
	width: 100%;
	color: #ff001e;
	text-transform: uppercase;
	font-weight: bold;
}
.dashboard-fund-details .alert-dismissible .close {
	top: 10px;
	position: relative;
}
.dashboard-fund-details .transactions-box .fund-accordian {
	width: 100%;
	padding: 0 15px;
}
.dashboard-fund-details .transactions hr {
	display: none;
}
.dashboard-fund-details .other-details {
	padding: 0px;
}
/*-----------  Dashboard Portfolio fund Details Page CSS End  ----------*/

/* Popup Start */
.popup .input-lg2 {
	width: 100%;
	margin: 0;
}
/* Popup end */
.page-portfolio .tabletab{
	padding-bottom:20px;
	
	}
.page-portfolio .tabletab .input-lg2.search-icn{
	    margin-left:2%;
        margin-right: 2%;
        width: 96%;
	}
	
}

/*========================================================================
   Media Query for Mobile Divices (Max 575.98px) end
============================================================================*/





/* ==================================================================
				600x1024 (Tablets) Media Query Start
=====================================================================*/
@media (min-width: 600px) and (max-width: 1024px) {
/*dashboard common css start*/
.left-box-p {
	padding-right: 15px !important;
}
/*dashboard common css end*/


/* --- Dashboard Account Details start --- */
.dashboard-otm-details .tabletab .nav-tabs .nav-link {
	font-size: 1.063em !important;
}
/* --- Investment Account Details Tab Start --- */
.dashboard-otm-details .bank-account {
	/**min-height: 350px;**/
}
/* --- Investment Account Details Tab End --- */

/* --- OTM Details Tab Start --- */
.dashboard-otm-details .otm-details .cust-radio-btn label {
	margin-right: 70px;
}
.dashboard-otm-details .value-edit {
	right: -5px;
}
/* --- OTM Details Tab End --- */

/* --- Dashboard Account Details end --- */


/* --- Dashboard Portfolio Fund Details Start --- */
.dashboard-fund-details .white-box-round {
	min-height: inherit;
}
/* --- Dashboard Portfolio Fund Details End --- */


}

/* ==================================================================
				600x1024 (Tablets) Media Query End
=====================================================================*/




/* ==================================================================
				1024x600 (Tablets landscape) Media Query Start
=====================================================================*/
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
/* --- Dashboard Account Details start --- */

/* --- OTM Details Tab start --- */
.dashboard-otm-details .salary-range-slider .header {
	padding: 0px 45px 0 0px;
}
.dashboard-otm-details .salary-range-slider .salary-edit {
	right: 18px;
}
.dashboard-otm-details .header .pull-right {
	margin-left: 10px;
	font-size: 1.875em;
}
.dashboard-otm-details .otm-details .value-edit {
	right: -20px;
	top: 5px;
}
.dashboard-otm-details .otm-details .white-box-card {
	font-size: 0.938em;
}
.dashboard-otm-details .otm-details .cust-radio-btn input, label {
	margin-right: 0px;
}
/* --- OTM Details Tab End --- */

/* --- Investment Account Details Tab Start --- */
.dashboard-otm-details .bank-account {

}
/* --- Investment Account Details Tab End --- */

/* --- Dashboard Account Details end --- */


}

/* ==================================================================
				600x1024 (Tablets landscape) Media Query End
=====================================================================*/


/*========================================================================
  Sanjay Css End Here
===========================================================================*/



/*========================================================================
Dashboard: Ravi Css Start
===========================================================================*/

/*========================================================================
Dashboard: Portfolio Css Start
===========================================================================*/
@media (min-width: 1200px) {
.positionr .container {
	max-width: 1170px;
}
}

.btn-orange.btn-pending{
	background:rgba(255,217,0,1);
}
.btn-orange.btn-pending:hover{
	background:rgba(255,217,0,.5) !important;
}

/******** Spinner Loader *********/
.spinner {
  margin: 20px auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/*** File FLip Loader ****/
.holder {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}

.flip-preloader {
  width: 150px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  perspective: 300px;
  perspective-origin: 50% 50%;
}

.flip-preloader.example-1 {
  top: 25%;
  height: 100px;
  width: 400px;
}

.flip-preloader.example-2 {
  top: 75%;
  height: 30px;
  width: 200px;
}

.flip-preloader div {
  position: absolute;
  width: 20%;
  height: 100%;
  background-color: red;
  left: 0%;
  box-sizing: border-box;
  transform-origin: 0% 50%;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
    content:"₹";
	content: "\20B9";
}
.flip-preloader div:after{
	   content:"₹";
	content: "\20B9";
	font-size:20px;
	color:#fff;
	font-weight:bold;
	}

.flip-preloader.example-1 div {
  animation-duration: 4s;
  content:"₹";
}

.flip-preloader.example-2 div {
  animation-duration: 2s;
}

.flip-preloader div:nth-child(1) {
  left: 0%;
  background-color: #fe001d;
  animation-name: flipPreloader1;
  z-index: 1;
}

.flip-preloader div:nth-child(2) {
  left: 20%;
  background-color: #fa4912;
  animation-name: flipPreloader2;
  z-index: 2;
}

.flip-preloader div:nth-child(3) {
  left: 40%;
  background-color: #f98d0a;
  animation-name: flipPreloader3;
  z-index: 3;
}

.flip-preloader div:nth-child(4) {
  left: 60%;
  background-color: #f5e200;
  animation-name: flipPreloader4;
  z-index: 4;
}

.flip-preloader div:nth-child(5) {
  left: 80%;
  background-color: #fa5210;
  animation-name: flipPreloader5;
  z-index: 5;
}

@keyframes flipPreloader1 {
  0% {
    transform: rotateY(-180deg);
    opacity: 0;
    transform-origin: 0% 50%;
    background-color: #fe001d;
  }
  4% {
    background-color: #fa4912;
  }
  5% {
    background-color: #f98d0a;
  }
  10% {
    transform: rotateY(0deg);
    opacity: 1;
    background-color: #f5e200;
    transform-origin: 0% 50%;
  }
  11% {
    transform-origin: 100% 50%;
    background-color: #fe001d;
  }
  48% {
    z-index: 1;
  }
  49% {
    z-index: 10;
  }
  50% {
    transform: rotateY(0deg);
  }
  51% {
    transform-origin: 100% 50%;
  }
  60% {
    transform: rotateY(180deg);
    opacity: 1;
    background-color: #fa5210;
  }
  61% {
    opacity: 0;
  }
  100% {
    z-index: 10;
    transform: rotateY(180deg);
    opacity: 0;
    transform-origin: 100% 50%;
    background-color: #fe001d;
  }
}
@keyframes flipPreloader2 {
  0% {
    transform: rotateY(-180deg);
    background-color: #fe001d;
    opacity: 0;
    transform-origin: 0% 50%;
  }
  9% {
    opacity: 0;
  }
  10% {
    transform: rotateY(-180deg);
    opacity: 1;
  }
  15% {
    background-color: #fa4912;
  }
  20% {
    background-color: #f98d0a;
    transform: rotateY(0deg);
    transform-origin: 0% 50%;
  }
  21% {
    transform-origin: 100% 50%;
    background-color: #f5e200;
  }
  48% {
    z-index: 2;
  }
  49% {
    z-index: 9;
  }
  60% {
    opacity: 1;
    transform: rotateY(0deg);
    background-color: #fa5210;
  }
  61% {
    background-color: #fe001d;
    transform-origin: 100% 50%;
  }
  64% {
    background-color: #fa4912;
  }
  65% {
    background-color: #f98d0a;
  }
  70% {
    transform: rotateY(180deg);
    opacity: 1;
  }
  71% {
    opacity: 0;
  }
  100% {
    z-index: 9;
    background-color: #f5e200;
    transform: rotateY(180deg);
    opacity: 0;
    transform-origin: 100% 50%;
  }
}
@keyframes flipPreloader3 {
  0% {
    transform: rotateY(-180deg);
    background-color: #fe001d;
    opacity: 0;
    transform-origin: 0% 50%;
  }
  19% {
    opacity: 0;
  }
  20% {
    transform: rotateY(-180deg);
    opacity: 1;
  }
  25% {
    background-color: #fa4912;
  }
  30% {
    background-color: #f98d0a;
    transform: rotateY(0deg);
    transform-origin: 0% 50%;
  }
  31% {
    transform-origin: 100% 50%;
    background-color: #f5e200;
  }
  48% {
    z-index: 3;
  }
  49% {
    z-index: 8;
  }
  70% {
    transform: rotateY(0deg);
    opactiy: 1;
    background-color: #fa5210;
  }
  71% {
    background-color: #fe001d;
    transform-origin: 100% 50%;
  }
  74% {
    background-color: #fa4912;
  }
  75% {
    background-color: #f98d0a;
  }
  80% {
    transform: rotateY(180deg);
    opacity: 1;
  }
  81% {
    opacity: 0;
  }
  100% {
    z-index: 8;
    background-color: #f5e200;
    transform: rotateY(180deg);
    opacity: 0;
    transform-origin: 100% 50%;
  }
}
@keyframes flipPreloader4 {
  0% {
    transform: rotateY(-180deg);
    background-color: #fe001d;
    opacity: 0;
    transform-origin: 0% 50%;
  }
  29% {
    opacity: 0;
  }
  30% {
    transform: rotateY(-180deg);
    opacity: 1;
  }
  35% {
    background-color: #fa4912;
  }
  40% {
    background-color: #f98d0a;
    transform: rotateY(0deg);
    transform-origin: 0% 50%;
  }
  41% {
    transform-origin: 100% 50%;
    background-color: #f5e200;
  }
  48% {
    z-index: 4;
  }
  49% {
    z-index: 7;
  }
  80% {
    transform: rotateY(0deg);
    opacity: 1;
    background-color: #fa5210;
  }
  81% {
    background-color: #fe001d;
    transform-origin: 100% 50%;
  }
  84% {
    background-color: #fa4912;
  }
  85% {
    background-color: #f98d0a;
  }
  90% {
    transform: rotateY(180deg);
    opacity: 1;
  }
  91% {
    opacity: 0;
  }
  100% {
    z-index: 7;
    background-color: #f5e200;
    transform: rotateY(180deg);
    opacity: 0;
    transform-origin: 100% 50%;
  }
}
@keyframes flipPreloader5 {
  0% {
    transform: rotateY(-180deg);
    background-color: #fe001d;
    opacity: 0;
    transform-origin: 0% 50%;
  }
  39% {
    opacity: 0;
  }
  40% {
    transform: rotateY(-180deg);
    opacity: 1;
  }
  45% {
    background-color: #fa4912;
  }
  48% {
    z-index: 5;
  }
  49% {
    z-index: 6;
  }
  50% {
    background-color: #f98d0a;
    transform: rotateY(0deg);
    transform-origin: 0% 50%;
  }
  51% {
    transform-origin: 100% 50%;
    background-color: #f5e200;
  }
  90% {
    transform: rotateY(0deg);
    opacity: 1;
    background-color: #fa5210;
  }
  91% {
    background-color: #fe001d;
    transform-origin: 100% 50%;
  }
  94% {
    background-color: #fa4912;
  }
  95% {
    background-color: #f98d0a;
  }
  100% {
    z-index: 6;
    background-color: #f5e200;
    transform: rotateY(180deg);
    opacity: 0;
    transform-origin: 100% 50%;
  }
}

/*** Checkbox Start ****/
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'Font Awesome 5 Free';
   content: '\f00c';
   font-weight: 900;
   margin-left: -21px;
   top: -2px;
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-link {
    color: #222;
    text-decoration: underline !important;
}
.checkbox-link:hover, .checkbox-link:focus {
   color: #ff001e !important;
    text-decoration: underline;
}

/*** Checkbox End****/
.popup-modal .btn-orange-full, .popup-modal .btn-orange {
	 font-size: 1.125em;
    height: 50px;
	padding:0;
	line-height:50px;
    margin-top:30px;
}
.inr {
	font-family: 'DINNextLTPro-Medium' !important;
}
.dashboard-header .navbar .container-fluid {
	display: block;
}

.dashboard-header .navbar .navbar-brand {
	float: left;
	cursor: inherit;
}
.dashboardleftnav {
	margin: 14px 0 0 0;
	padding: 0;
}
.dashboardleftnav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	cursor: pointer;
	font-size: 1.000em;
	font-family: SofiaProMedium;
	padding-left: 40px;
	color: #ccc;
}
.dashboardleftnav li.active {
	color: #222;
}
.dashboardleftnav.rightnav {
	float: right;
	margin: 0;
	position: relative;
}
.dashboardleftnav.rightnav .userlink .dropdown .btn {
	color: #ff001e;
	padding: 0;
}
.dashboardleftnav.rightnav .userlink .dropdown .dropdown-menu {
	top: 42px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(34,34,34,0.18);
	-moz-box-shadow: 0px 1px 2px 0px rgba(34,34,34,0.18);
	box-shadow: 0px 1px 2px 0px rgba(34,34,34,0.18);
	border: none;
}
.dashboardleftnav.rightnav .userlink .dropdown .btn .fa-chevron-down {
	font-size: 0.750em;
	margin-left: 30px;
}
.dashboardleftnav.rightnav .userlink .dropdown .btn.dropdown-toggle::after {
	display: inline-block;
	margin-left: -2.745em;
	vertical-align: .455em;
	content: "";
	border: none;
	background: #ffda00;
	height: 8px;
	width: 8px;
	border-radius: 10px;
}
.dashboardleftnav.rightnav span {
	color: #222;
	margin-left: 10px;
}
.dropdown-pull-right {
  float: right !important;
  right: 0;
  left: auto;
}

.dropdown-pull-right>.dropdown-menu {
  right: 0;
  left: auto;
}



.positionr {
	position: relative;
}
.body-graybg {
	height: auto;
	min-height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	float: left;
	background: #f2f2f2;
	left: 0;
}
.dashboardr {
	position: relative;
	margin-top: 70px;
}
/*********** Dashboard Client Name **********/
.page-portfolio .section-graph {
	background: #fafafa;
	padding-bottom: 50px;
}
.page-portfolio .section-name {
	padding: 50px 0;
}
.page-portfolio .section-name h2 {
	font-size: 1.500em;
	padding-bottom: 10px;
}
.page-portfolio .section-name .col-s6 {
	font-size: 1.000em;
}
.page-portfolio .section-name .left-align {
	font-size: 0.875em;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
}
.page-portfolio .earningbox {
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	width: 100%;
	padding: 20px 15px;
	border-radius: 10px;
	font-family: SofiaProBold;
	font-size: 0.875em;
}
.page-portfolio .earningbox .green {
	color: #00be79;
}
.page-portfolio .earningbox h4 {
	padding-top: 10px;
	font-size: 1.7em;
	padding-bottom: 10px;
}
.page-portfolio .earningbox .our-recommendations {
	color: rgba(34,34,34,.6);
	padding-top: 20px;
	font-family: SofiaPro;
}
.page-portfolio .earningbox .our-recommendations .progress {
	margin-bottom: 10px;
}
.dropdown-performance .btn {
	width: 100%;
	white-space: inherit;
	color: #222;
	font-size: 1em;
	padding: 0;
	text-align: left;
}
.dropdown-performance .btn span {
	display: block;
	font-family: SofiaPro;
}
.dropdown-performance .btn .fa-chevron-down {
	float: right;
	margin-top: 7px;
	font-size: 0.750em;
}
.dropdown-performance .dropdown-toggle::after {
	display: none;
}
.dropdown-category .btn {
	color: #ff0006;
}
.page-portfolio .tabletab {
	padding-top: 50px;
}
.page-portfolio .tabletab .nav-tabs .nav-link {
	border: none;
	color: #222;
	font-family: SofiaProBold;
	padding-bottom: 20px;
	font-size: 1.250em;
	padding-left: 0px;
	margin-right: 20px;
}
.purchaseul {
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	right: 30px;
	position: absolute;
	top: 0;
	font-family: SofiaProBold;
}
.purchaseul li {
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;
	float: left;
	display: block;
	color: #ff001e;
	font-size: 0.875em;
	cursor: pointer;
}
.purchaseul li img {
	margin-right: 10px;
}
.watchlistul.purchaseul {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 0 0 0px;
	display: block;
	position: relative;
	right: 0;
	top: 15px;
}
.watchlistul.purchaseul .dropdown-performance .btn {
	font-size: 1.150em;
}
.tableheading {
	font-family: SofiaProMedium;
    font-size: .87em;
	color: rgba(34,34,34,.6);
}
.tableheading .col-1 {
	padding-left: 7px;
	padding-right: 7px;
}
.holdingheader.tableheading .col-2 {
	padding-left: 7px;
	padding-right: 7px;
}
.holdingfundtable.table td {
	padding: 0 !important;
}
.holdingfundtable.table td span {
	font-family: SofiaPro;
	color: rgba(34,34,34,.6);
}
.holdingfundtable.table td small {
	font-family: SofiaPro;
	display: block;
}
.fundbox {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 0;
	margin-right: 0;
	box-shadow: 0px 1px 1px #e3e3e3;
	background-color: #fff;
	border-radius: 10px;
	font-family: SofiaProBold;
	font-size: 1.000em;
	color: #222;
}
.fundbox .fundname small {
	font-family: SofiaPro;
	display: block;
}
.fundbox .progressrow {
	margin-top: 10px;
}
.fundbox .progressrow .col-3 span {
	font-family: SofiaProMedium;
	color: rgba(34,34,34,.6);
}
.fundbox .progressrow .inr {
	float: right;
}
.fundbox .progressrow .col-1 {
	font-family: SofiaPro;
}
.fundbox .progressrow .progress {
	width: 80%;
	float: left;
	height: 4px;
	margin-top: 10px;
}
.fundbox .progressrow .progress .progress-bar {
	background: rgba(34,34,34,.1);
}
.fundbox .progressrow .col-5 {
	font-family: SofiaPro;
}
/*========================================================================
  Dashboard: Portfolio Css End
===========================================================================*/

/*========================================================================
  Dashboard: Portfolio Summary Css Start
===========================================================================*/
.dash-sum { 
   top:72px; 
   background-color:#f3f2f0; 
   }
.dash-sum2 { 
   top:132px; 
   background-color:#f3f2f0; 
   padding-top:10px; 
   padding-bottom:5px;
   }
.page-portfolio .grey-box-card.active {
	border: #222 solid 2px;
}
.holdingtab {
	margin-bottom: 30px;
	margin-top: 10px;
}
.holdingtab .webtab {
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	font-family: SofiaProMedium;
	font-size: 1.000em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.holdingtab .webtab div {
	padding-right: 10px;
	padding-left: 10px;
}
.holdingtab .webtab div span {
	width: 100%;
	float: left;
	cursor: pointer;
	padding: 15px 5px;
	text-align: center;
}
.holdingtab .webtab div span.active {
	box-shadow: 0px 1px 1px #e3e3e3;
	border-radius: 5px;
	background: #fff;
}
.fundbox.fundgainbox .progressrow span {
	font-family: SofiaPro;
	color: rgba(34,34,34,.6);
}
.fundbox.fundgainbox .progressrow .col-1 {
	font-family: SofiaProMedium;
	float: inherit;
}
.holdingmobile {
	font-size: 0.875em;
	font-family: SofiaPro;
	color: rgba(34,34,34,.6)
}
.holdingmobile .fundname {
	font-family: SofiaProBold;
	color: #222;
	display: block;
	font-size: 1.000em;
}
.holdingmobile .inr {
	font-family: SofiaProBold;
	color: #222;
	display: block;
	font-size: 1.000em;
}
.fundbox.holdingmobile .col-12 {
	margin-bottom: 10px;
}
.fundbox.holdingmobile .actionimg img {
	margin: 0 5%;
}
.fundbox.holdingmobile .col-12 {
	margin-bottom: 10px;
}
.holdingaction {
	background: #222;
	padding: 20px;
	color: #fff;
}
.holdingaction .dropdown-category .btn {
	color: #fff;
	font-size: 1.000em;
}
/*========================================================================
  Dashboard: Portfolio Summary Css End
===========================================================================*/

/*========================================================================
  Dashboard: Portfolio Empty Css Start
===========================================================================*/
.empty-donut {
	margin: 50px 0;
}
.empty-donut h4 {
	font-size: 1.500em;
	font-family: SofiaProBold;
	padding-top: 40px;
	padding-bottom: 30px;
	margin: 0;
}
.empty-donut p {
	color: rgba(34,34,34,.6);
}
.empty-donut > .text-center > img{
	width:50%;
	
	
}
.empty-donut p span {
	display: block;
}
/*========================================================================
  Dashboard: Dashobard   Css Start
===========================================================================*/
.dashboard-report {
	background: #ebebeb;
	font-family: SofiaProMedium;
	font-size: 1.000em;
	padding-top: 30px;
	padding-bottom: 30px;
}
.dashboard-report h4 {
    font-size:2.6em;
    margin: 5px 0 0 0;
    padding: 0;
}
.dashboard-report h4 sup {
	font-size: 0.5em;
	top: 0;
}
.dashboard-report .btn {
	padding: 20px 64px;
}
.page-portfolio .section-graph.dashboardgraph {
	background: #dddddd;
	padding-top: 50px;
}
.page-portfolio .section-graph.dashboardgraph .earningbox {
	/**background: transparent;
	box-shadow: none;**/
	margin-top: 20px;
}
.dashboard-middle {
	position: relative;
	top: -40px;
}
.dashboard-middle .leftpanel {
	padding-right: 0;
}
.dashboard-middle .leftpanel .holdingsection .heading {
	font-family: SofiaProBold;
	font-size: 1.500em;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 0;
}
.dashboard-middle .leftpanel .holdingsection .heading h3 {
	font-size: 1em;
}
.dashboard-middle .leftpanel .holdingsection .heading .dropdown-category {
	float: right;
}
.dashboard-middle .leftpanel .holdingsection .heading .dropdown-category .btn {
	color: #222;
	font-size: 0.7em;
}
.dashboard-middle .leftpanel .holdingsection .heading .dropdown-category .btn .fa-chevron-down {
	margin-top: 12px;
	margin-left: 20px;
}
.dashboard-middle .leftpanel .fundbox .holdingtable {
	font-size: 0.875em;
	font-family: SofiaPro;
	color: rgba(34,34,34,.6);
}
.dashboard-middle .leftpanel .fundbox .holdingtable .inr, .dashboard-middle .leftpanel .fundbox .holdingtable .fundname {
	font-family:  SofiaProBold !important;
	color: #222 !important;
	display: block !important;
	font-size: 1.000em !important;
}
.dashboard-middle .leftpanel .fundbox .holdingtable td {
	border: none;
	padding: 0 0 10px 0 !important;
}
.dashboard-middle .leftpanel .fundbox .holdingtable .row:first-child td {
	padding: 0;
}
.dashboard-middle .leftpanel .fundbox .holdingtable td .actions {
	display: block;
	padding-top: 10px;
}
.dashboard-middle .leftpanel .fundbox .holdingtable td.active-circle {
	font-family: SofiaProBold;
	font-size: 1.000em;
}
.dashboard-middle .leftpanel .fundbox.holdingtable .actions {
	display: block;
	padding-top: 10px;
}
.dashboard-middle .leftpanel .fundbox.holdingtable .col-12.green {
	font-family: SofiaProBold;
	font-size: 1.250em !important;
}
.dashboard-middle .leftpanel .fundbox.holdingtable .col-12.green {
	font-size: 1.000em!important;
}
.dashboard-middle .leftpanel .fundbox.holdingtable .col-12 {
	padding-bottom: 10px;
}
.dashboard-middle .leftpanel .fundbox.holdingm {
	font-size: 0.875em;
	font-family: SofiaPro;
	color: rgba(34,34,34,.6);
}
.dashboard-middle .leftpanel .fundbox.holdingm .inr, .dashboard-middle .leftpanel .fundbox.holdingm .fundname {
	font-family: SofiaProBold;
	color: #222;
	display: block;
	font-size: 1.000em;
}
.holdingfund-arrow {
	position: absolute;
	right: 20px;
	top: 22px;
}
.dashboard-middle .leftpanel .fundbox.holdingm .col-12 {
	margin-bottom: 10px;
}
.dashboard-middle .leftpanel .fundbox.holdingm .actionimg img {
	margin: 0 6%;
}
.dashboard-middle .rightpanel .white-box-card-right {
	margin-top: 20px;
}
.dashboard-middle .rightpanel .transactionhistory .nav-tabs .nav-item.show .nav-link, .dashboard-middle .rightpanel .transactionhistory .nav-tabs .nav-link.active, .dashboard-middle .rightpanel .transactionhistory .nav-tabs .nav-link {
	border: none;
}
.dashboard-middle .rightpanel .transactionhistory .scrollbar {
	position: relative;
	right: -5px;
	left: 0;
	height: 310px;
	overflow-x: hidden;
}
.dashboard-middle .rightpanel .transactionhistory .scrollbar .force-overflow {
	min-height: 310px;
}
.dashboard-middle .rightpanel .transactionhistory .scrollbar .force-overflow .transactionrow .inr {
	padding-right: 10px;
}
.dashboard-middle .rightpanel .transactionrow {
	font-family: SofiaPro;
	font-size: 0.875em;
	color: rgba(34,34,34,.6);
	padding-top: 20px;
}
.dashboard-middle .rightpanel .transactionrow time, .dashboard-middle .rightpanel .transactionrow .inr {
	color: rgba(34,34,34,1);
}
.dashboard-middle .rightpanel .btn-gray {
	font-size: 0.875em;
	text-align: center;
	border-radius: 5px;
	font-family: SofiaProBold;
}
.dashboard-middle .rightpanel .btn-gray .plus {
	font-size: 1.875em;
	float: left;
	line-height: 15px;
	font-family: SofiaPro;
}
.page-portfolio .tabletab .nav-tabs .nav-link.active {
	color: #ff001e;
	background: none;
	border: none;
	border-bottom: #ffccd2 2px solid;
}
.dashboard-middle .rightpanel .transactionrow.upcomingsiprow {
	padding-top: 0;
	margin-bottom: 20px;
}
.dashboard-middle .rightpanel .transactionrow.upcomingsiprow p {
	padding-bottom: 0;
	margin: 0;
	font-size: 1.000em;
	text-transform: uppercase;
	font-family: SofiaProBold;
}
.dashboard-middle .rightpanel .transactionrow.upcomingsiprow strong {
	color: #222;
	font-family: SofiaProMedium;
}
.page-portfolio .grey-box-card .goals-heading .goalaction li {
	margin-right: 8%;
	float: left;
}
.page-portfolio .grey-box-card .goals-heading .goalaction li:last-child {
	margin-right: 0;
}
.goalaccordion {
	padding: 0;
}
.goalaccordion .arrowaccord {
	width: 100%;
	padding-right: 15px;
	float: left;
	padding-top: 10px;
}
/*========================================================================
  Dashboard: Dashobard  Css End
===========================================================================*/





/*========================================================================
  Dashboard: Modal  Css Start
===========================================================================*/
.input-lg2 {
	font-family: 'SofiaProMedium';
}
.mdropdown {
}
select.form-control:not([size]):not([multiple]).mdropdown {
	height: calc(56px + 2px);
	color: rgba(34,34,34,.6);
	-webkit-appearance: none; /* for webkit browsers */
	-moz-appearance: none; /* for firefox */
	appearance: none; /* for modern browsers */
	  -ms-appearance: none; /* Edge */
	
}
/* IE11 */
.mdropdown-arrow select::-ms-expand {
  display: none;
}

.mdropdown-arrow:after {
	content: "";
	background: url(../images/da-down-arrow.png) 0 0 no-repeat;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 26px;
	z-index: 1;
	text-align: center;
	width: 12%;
	height: 100%;
	pointer-events: none;
}
.optional-text:after {
	content: "Optional";
	padding: 0;
	position: absolute;
	right: 36px;
	top: 12px;
	z-index: 1;
	text-align: center;
	/* width: 12%; */
	height: 100%;
	pointer-events: none;
	font-family: 'SofiaProMedium';
}
.popup-modal-content h5 {
	font-family: 'SofiaProBold';
	font-size: 1.125em;
}
/*========================================================================
  Dashboard: Modal  Css  End
===========================================================================*/

.footer-dashboard {
}
.footer-dashboard .footer .footer-text{
	    margin-top: 0;
		padding-bottom: 0px;
}

.footer-dashboard .footer{
	position: inherit;
	padding-top:50px;
}
.footerhelp {
	margin: 0;
	padding: 0 0 0 0;
}
.footerhelp li {
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 1.000em;
	font-family: SofiaProMedium;
	float: left;
	display: block;
	list-style-type: none;
}
.footersocial {
	float: right;
}
.footersocial li a {
	margin-right: 15px;
	color: #0e0b1b;
	font-size: 1.125em;
}
.footersocial li a:hover {
	text-decoration: none;
	color: #ff001e;
}
/***** Footer Nav ********/
.traynav {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	box-shadow: 0px -1px 1px 0px #e3e3e3;
	background-color: #fff;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
	font-size: 0.875em;
	display: inline-flex;
}
.traynav img {
	display: block;
	margin: 0 auto;
}
.traynav .col-4 {
	padding-top: .8rem;
	padding-bottom: .8rem;
	color: #ff001e;
	border-right: rgba(222, 222, 222, 0.5) solid 1px;
}
.traynav .col-4:hover {
	color: #222;
}
.traynav .col-4:last-child {
	border: none;
}
.onboarding-wrap .header .title .pull-right {
	font-family: 'DINNextLTPro-Medium' !important;
}
/*========================================================================
  Dashboard: Footer Css End 
===========================================================================*/
.projectionheader {
	font-size: 0.750em;
	color: #0e0b1b;
}
.projectionheader strong {
	width: 100%;
	float: left;
}
.projectionheader .fa-circle {
	color: #cfcfcf;
}
.projectionfooter {
	font-size: 0.750em;
	color: #0e0b1b;
}
.projectionfooter .fa-circle {
	color: #b1b0b0;
	border: #fff solid 2px;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.51);
	border-radius: 100px;
}
.projectionfooter small {
	color: #b1b0b0;
}
.srating {
	margin: 5px 0;
	padding: 0;
}
.srating .fa-circle {
	color: #cfcfcf;
	font-size: .8em;
}
.srating .list-inline-item:not(:last-child) {
	margin-right: .2rem;
}
.goalscroll {
	position: relative;
	right: 0;
}
.goalscroll .scrollbar {
	height: 400px;
	overflow-y: scroll;
}
.goalscroll .scrollbar .force-overflow {
	padding-right: 5px;
}
.entereuin{
	color:rgba(34,34,34,.6);
	font-size:0.75rem;
    font-family: 'SofiaPro';
	}
	
.editsalary{
	
	
}	
.editsalary.our-recommendations input[type=text]{
	    width: 90%;
    /* float: left; */
    height: 40px;
    line-height: 40px;
}



.selectcenter{
	
	
	text-align-last: center; 
	text-align: center;

-ms-text-align-last: center;
-moz-text-align-last: center; 
text-align-last: center;


	 text-align-last: center;
   text-align: center;
   -ms-text-align-last: center;
   -moz-text-align-last: center;
}
.sticky-transaction{
	    top: 72px;
    background-color: #f3f2f0;
    padding-top: 10px;
	margin-left:-15px;
	margin-right:-15px;
}
.sticky-transaction .transactions-txt {
	    padding: 0 32px 20px;
}
.sticky-transaction .transactions hr{
	    margin: 20px 15px;
}

.ops-page p{
	font-size:1.25rem;
	line-height:1.6;
}

.sticky-holdings-goal {
    top:85px;
    padding-top:10px;
   background-color: #f3f2f0;
}

.sticky-holdings-goal2 {
    top: 167px;
   background-color: #f3f2f0;
}


.fundearch .btn{
	min-width:160px;
    color: #ff001e !important;
	background:#fff;
	    box-shadow: 0px 2px #e3e3e3;
	}
	.fundearch .btn:hover,
	.fundearch .btn.active,
	.fundearch .btn:not(:disabled):not(.disabled).active{
		    color: #fff !important;
			
			    background-color: #ff001e;    box-shadow: 0px 2px #fadada;
    border-color: transparent;
		}
.fund-section{
	margin-top:60px;
	}		
		
	
.fund-section.support .card	{
	min-height:160px;
	margin-bottom:30px;
	}
	.fund-section.support h2{
		margin:0px 0 30px 0;}
		
		.fund-section .owl-theme .owl-nav{
			width:100%;
			}
		.fund-section .owl-nav{
			position: absolute;
    top: 20%;
	}
			.fund-section .owl-nav{
		     font-size: 2em;
    font-family: 'SofiaPro', cursive;
	
	}	.fund-section .owl-nav	button.owl-prev{
		position:absolute;
		left:0;
		}
	
	.fund-section .owl-nav	button.owl-next{
		position:absolute;
		right:0;
		}
		
.fund-section .tabletab{
	    padding-top: 0px;
		}		
.fund-section .tabletab	.tab-content{
	padding-top:30px;
	
	}	
		
	.btncart .btn{
    min-width: 140px;
    height: 66px;
    line-height: 66px;
    padding: 0;
    width: 46%;
    margin: 20px 1% 0 !important;
	    text-align: center;
	}	
	
	
		.btncart .btn.cart {
background: #f2f2f2;
    color: #222;
    box-shadow: 0 4px 4px 1px rgba(34,34,34,.1);
}
		.btncart .btn.cart:hover{
			color:#fff;
			}
		.bigtoggle{
			width:100%;
			min-width:100%;
		}	
			.mymega  .tabletab .nav-tabs .nav-link.active{
				border:none;
			}
		
.mininve-slider .onboarding-wrap{
	width:100%;
	
}	

	
.mininve-slider h3{
	font-size:1.25em;
}		
.mininve-slider .clk-icon {
    cursor: pointer;
    position: absolute;
    width: 40px;
    right: 0;
top: 74px;
}
	
.mymega .purchaseul li{
		padding:0;
	}
.mymega {
    position:static;
}
.mymega > .dropdown-menu{
	z-index:99999;
}

.open-bottom{
    transform: translate3d(5px, 35px, 0px)!important;
}

/*** Support Page ****/
.faqs .tab-pane .tabcontent.supportfaq  .panel-body{
	padding-left:30px;
	
}
.faqs .tab-pane .tabcontent.supportfaq p{
	font-size:1.1em;
	line-height:1.6;
}

.faqs .tab-pane .tabcontent.supportfaq > ul > li > ol > li{
	list-style-type:square;
}



/************** 
              Common Css End 
***************/




@media screen and (min-width: 576px) {


.mymega > .dropdown-menu {
    min-width: 100em !IMPORTANT;
    /* min-width: 100% !important; */
  transform: translate3d(-85em, 40px, 0px) !important;
}

}


/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
.sticky-transaction {
top: 72px;
}	
.sticky-holdings-goal {
    top: 70px;

}

.sticky-holdings-goal2 {
    top: 150px;
}
.mymega > .dropdown-menu {
    min-width: 70em !IMPORTANT;
    /* min-width: 100% !important; */
    transform: translate3d(-57em, 40px, 0px) !important;
}
.btncart .btn{
	min-width: 47%;
   height: 50px;
   line-height: 50px;
   padding: 0;
}
}




@media only screen and (max-width : 320px) {
.popup-modal-body h2 {
	font-size: 1.500em;
}
.popup-modal-body {
	padding: 2px 0px;
}
.popup-modal-body h3 {
	font-size: 1.125em;
}
.editsalary.our-recommendations  .edit{position: relative;
      position: relative;
    right: -8%;
    margin: 0;
	}
	.fundearch .btn {
           min-width: inherit;
		   width:47% !important;
	}
	
}

/*========================================================================
Small Mobile Devices Start
===========================================================================*/
@media only screen and (min-device-width : 300px) and (max-device-width : 320px) {
.dashboardleftnav.rightnav {
		    width: 100%;
    float: right;
    margin: 5px 0;
    top: inherit;
}
.mdashboarnav.dashboardleftnav li:nth-child(1) {
    width: 56%;
    padding-right: 0;
	    font-size: 0.938em;
    padding-left: 5px;
}
.mdashboarnav.dashboardleftnav li:nth-child(3) {
    padding-right: 0;
    padding-left: 20px;
    float: right;
}
.mdashboarnav .dashboardmyBtn .fa-bars {
    font-size: 1.500em;
    color: #ff001e;
}

.dashboardleftnav li {
    font-size: 0.938em;
    padding-left: 5px;
   
}
	.dashboard-report {
    font-size: 0.875em;
}
	.dashboardr {
    margin-top: 50px;
}
	.page-portfolio .section-name .left-align{
		text-align:left;
	}
	.dashboard-report h4 {
    font-size: 1.500em;
}
.dashboard-report .btn {
    padding: 10px 0px;
    font-size: 0.875em;
    width: 100%;
}
.dropdown-toggle::after{
	display:none;
}

.footersocial {
    float: left;
}
.footer .footer-text .col-12 {
    margin-bottom: 10px;
}
.holdingtab .webtab {
    display: none;
}
}
/*========================================================================
Small Mobile Devices End
===========================================================================*/


@media only screen and (min-device-width : 321px) and (max-device-width : 800px) {
	.editsalary.our-recommendations  .edit{position: relative;
    right: -10%;}
	.mpb-80{
		padding-bottom:80px;
		
	}
.dashboardr {
	margin-top: 60px;
}
.mdashboarnav {
	width: 100%;
	float: left;
}
.dashboard-header .topheader {
	padding-bottom: 10px;
}
.mdashboarnav .dashboardmyBtn {
	float: left;
	position: relative;
	top: 0;
}
.mdashboarnav .dashboardmyBtn .fa-bars {
	font-size: 1.500em;
	color: #ff001e;
}
.mdashboarnav.dashboardleftnav li:nth-child(1) {
	width: 56%;
	padding-right: 0;
}
.mdashboarnav.dashboardleftnav .userlink .dropdown .btn.dropdown-toggle::after {
	position: absolute;
	right: 0;
}
.mdashboarnav.dashboardleftnav li:nth-child(3) {
	padding-right: 0;
	padding-left: 20px;
	float: right;
}


.footer-dashboard .footersocial {
	float: left;
}
.footer-dashboard .footerhelp li:last-child {
	margin-top: 10px;
}
.footer-dashboard .footer .footer-text .col-12 {
	margin-bottom: 0;
	margin-top: 10px;
}
.footer-dashboard footer .footer-link .list-inline > li {
	float: left;
	display: block;
	width: 100%;
}
.footer-dashboard .footer {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
}
.footer-dashboard .footer .footer-text {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.dash-sum {
top: 58px;
z-index:1;
}
.dash-sum2 {
top: 110px;
z-index:1;
}
.page-portfolio .section-name .left-align {
	text-align: left;
	margin-bottom: 10px;
}
.dashboardmyBtn {
	position: absolute;
	top: 15px;
	right: 10px;
}
.page-portfolio .earningbox {
	margin-top: 20px;
}
.page-portfolio .section-name {
	padding: 20px 0;
}
.page-portfolio .section-name h2 {
	margin: 0;
}
.dashboardleftnav.rightnav {
	float: right;
	margin: 5px 0;
	top: inherit;
}
.dashboardleftnav li {
	font-size: 0.938em;
	padding-left: 5px;
	padding-right: 15px;
}
.dashboardleftnav li.userlink {
	float: right;
	padding-right: 0;
}
.holdingtab .webtab {
	display: none;
}
.holdingtab .customselect select.form-control:not([size]):not([multiple]) {
	padding: 0 15px;
}
.dashboard-report {
	font-size: 0.875em;
}
.dashboard-report .col-sm-3 {
	margin-bottom: 5px;
	margin-top: 5px;
}
.dashboard-report h4 {
	font-size: 1.500em;
}
.dashboard-report h4.grn-txt{
    font-size: 1.500em !important;
}
.dashboard-report .btn {
	padding: 10px 15px;
	font-size: 0.875em;
}
.dashboard-middle .leftpanel {
	padding-right: 15px;
}
.dashboard-middle .leftpanel .holdingsection .heading .dropdown-category {
	float: left;
	width: 100%;
}
.dashboard-middle .leftpanel .dashboardgoal .heading h3, .page-portfolio .goals-heading {
	font-size: 1.125em;
}
.dashboard-middle .leftpanel .dashboardgoal .heading .number {
	display: inline;
	/* margin: 10px 5px; */
	position: absolute;
	width: 78%;
}
.dashboard-middle .leftpanel .dashboardgoal .heading .number .carousel-control-next, .dashboard-middle .leftpanel .dashboardgoal .heading .number .carousel-control-prev {
	opacity: 1;
}
.mhelp {
	bottom: 80px;
}
.numslide {
	position: absolute;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
	font-weight: bold;
	top: -12px;
}
.dashboard-middle .leftpanel .fundbox.holdingm .actionimg img {
	margin: 0 5%;
}
.dashboard-middle .leftpanel .dashboardgoal .goals-heading .col-12 {
	margin-bottom: 5px;
}
.grey-box-card.mgoalcard {
	padding-bottom: 0;
}
.grey-box-card.mgoalcard {
	padding-right: 15px;
	padding-left: 15px;
}
.grey-box-card.mgoalcard .goalaction {
	background: #e7e7e7;
	border-radius: 0 0 10px 10px;
	margin-top: 15px;
}
.grey-box-card.mgoalcard .goalaction .col {
	padding-top: 10px;
	padding-bottom: 10px;
}
.watchlistul.purchaseul {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	position: relative;
	float: left;
	top: 0;
	left: -15px;
	padding: 0;
}
.watchlistul.purchaseul li {
	padding: 0 50px 0 15px;
}
.holdingtab {
	margin-bottom: 0px;
}
/******* Modal *********/
.popup-modal-body h2 {
	font-size: 1.875em;
	    line-height: 1;
}
.popup-modal-body h3 {
	font-size: 1.125em;
}

/** 404 Error **/
	.bg404 {
    background: url(../images/dashboard/404.png) center bottom no-repeat !important;}
	
		.bg404 > .page404 {
    padding-top: 10px;
}
	.sign-up.wifi-container {
    padding-top: 120px;
}

.fundearch .btn {
           min-width: 158px;
    line-height: 56px;
    padding: 0;
}
}

/*========================================================================
Small Mobile Devices
===========================================================================*/
@media only screen and (max-width: 575.98px) {
.sticky-transaction {
top: 55px;
}
.sticky-holdings-goal {
    position:static;
}
.bg404{
	    background-size: cover !important;
    background-position: center 75px !important;
}

.wifi{
	min-height: 230px;
}

.fundearch .btn {
       width: 48%;
    line-height: 56px;
    padding: 0;
    text-align: center;
    margin-top: 15px;
}
.fund-section.support .card{
	margin: 0 0 20px 0;
	}
	
.btncart .btn {
    min-width: 138px;
    height: 50px;
    line-height: 50px;
	    font-size: 1em;
	}
	
	.mymega > .dropdown-menu{
		    min-width: 330px !important;
			    transform: translate3d(0px, -452px, 0px) !important;
	}
	
.watchlistul.purchaseul	.mymega  li {
padding: 0 0 10px 0;
    width: 50%;
}
.watchlistul.purchaseul	.mymega  li .nav-link{
	padding:0;
	margin:0;
}
.cart-modal-content .checkout{
	background:#fff;
	}
	.editsalary.our-recommendations .edit {
    position: absolute;
    right: -10%;
    z-index: 1;
    top: 0;
}
}


/*======================================================================
     Iphone Plus Resolution screen size
===========================================================================*/
@media only screen and (min-width: 411px) and (max-width: 767px) {
.euin-sec-common-popup {
    width: 100%;
}
}
/*========================================================================
Dashboard: Nexus 7 (portrait and landscape) View Media Query
===========================================================================*/
@media only screen and (min-device-width : 600px) and (max-device-width :601px) {
/*** HOME ****/
.investmentsafe .col-md-4 img {
    width: 130px;
}

.main-banner > .beach-chair {
width: 60%;
}	
	
.dashboard-header .topheader {
    padding: 10px 10px;
}
.dashboardleftnav li {
    font-size: 0.7em;
    padding-right: 10px;
}.dashboard-header .navbar .navbar-brand {
	    margin-right: 0;
}

.dashboard-header .navbar .navbar-brand img{
    width: 80%;
    height: 35px;
}
.dashboardleftnav.rightnav{
	    position: absolute;
    right: 30px;
    top: 20px;
}
.dashboardleftnav.rightnav .userlink .dropdown .btn{
	font-size: .7rem;
}
    .dashboard-middle .leftpanel.col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%;
}
.page-portfolio .section-graph .col-sm-8,
.page-portfolio .section -graph .col-sm-4{
	    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.dashboard-goal-details .red-links li{
	    padding: 0 0 0 5px;
}
.container {
    max-width: 100%;
}
.purchaseul{
	right:10px;
}
.purchaseul li{
	padding: 0 0 0 5px;
}
}


/*========================================================================
Dashboard: Tablet View Media Query
===========================================================================*/


@media only screen and (min-width:768px) and (max-width:1024px) {
	
	.container {
    max-width: 740px;
}
	
	.dashboard-middle .leftpanel{
		padding-left: 15px;
	}
.dashboardleftnav li {
	font-size: 0.875em;
	padding-left: 10px;
	padding-right: 10px;
}
.dashboardleftnav.rightnav {
	float: right;
	margin: 0;
	position: relative;
	/**top: -24px;**/
}
.page-portfolio .section-name .left-align {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}
.page-portfolio .section-name .left-align span {
	float: right;
}
.page-portfolio .grey-box-card .goals-heading .goalaction li {
	margin-right: 3.5%;
}
.tab-transactionrow .transactionrow {
	float: left;
	width: 45%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.tab-transactionrow .transactionrow:nth-child(even) {
	float: right;
}
.page-portfolio .earningbox {
	margin-top: 0;
}
.purchaseul {
	margin-top: 10px;
}
.holdingfundtable.table td {
	font-size: 0.750em;
}
.holdingfundtable.table td.tableactionimg img {
	width: 26px;
}
.holdingfundtable.table td .btn-mdetails {
	padding: 0 !important;
	margin: 0!important;
}
.holdingfundtable.table td .inrdeposit {
	float: left !important;
}
.holdingtab .webtab {
	/**
	display: inline-flex;
	width: 100%;
	margin-bottom: 20px;
	**/
}
.holdingtab .webtab div span {
	font-size: 0.875em;
}
.page-portfolio .section-name {
	padding: 50px 0 30px 0;
}
.editsalary.our-recommendations .edit {
    position: relative;
    right: -3%;
}
.bg404 > .page404 {
    padding-top: 110px;
}

.watchlistul.purchaseul.filterul li {
    padding: 0 20px 0 40px;
}
.watchlistul.purchaseul .mymega li{
padding: 0 0 10px 0;
}

.mymega > .dropdown-menu {
    min-width: 45em !important;
    /* min-width: 100% !important; */
    transform: translate3d(-26em, 40px, 0px) !important;
}
.footer-dashboard footer .footer-link .list-inline > li{
	width:inherit;
	}
.footer-dashboard .footerhelp li:last-child {
    margin-top: 0;
}
.footer .footer-link .list-inline > li {
	padding-top:0;
	}
.footer-dashboard footer .footer-link  {
    font-size: 0.7em;
}
.ieclass .card { min-height: inherit; height:inherit;}

}

/*========================================================================
Dashboard: Tablet iPad 1 & 2, Landscape View Media Query
===========================================================================*/

/* (1024x768) iPad 1 & 2, Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.dashboardleftnav li {
	font-size: 1.000em;
}
.page-portfolio .grey-box-card .goals-heading .goalaction li {
	margin-right: 3%;
}
.tab-transactionrow .transactionrow {
	float: left;
	width: 100%;
}
.tab-transactionrow .transactionrow:nth-child(even) {
	float: left;
}
.tab-transactionrow .transactionrow .inr {
	float: left !important;
}
.dashboard-report .btn {
	padding: 20px 40px;
}
.dashboard-report h4 {
	font-size: 2.625em;
	margin: 5px 0 0;
}
.dashboard-fund-details .transactions-box {
    padding:0;
    font-size: 0.8em;
    }
    
    .sticky-transaction .transactions-txt {
   padding: 0 15px 20px;
}


}

/*========================================================================
Dashboard:  iPad PRO, Landscape View Media Query
===========================================================================*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1366px) and (min-device-width: 1024px){
	.fundearch .btn {
padding: 0 30px;
    line-height: 56px;
}
.watchlistul.purchaseul.filterul li {
    padding: 0 10px 0 20px;
}
.btncart .btn {
   min-width: 47%;
   height: 56px;
   line-height: 56px;
   padding: 0;
   width: 47%;
   margin: 20px 1% 0 !important;
   text-align: center;
font-size: 1em;
}
.tab-transactionrow .transactionrow{
	width:inherit;
	}
	transactionrow .transactionrow:nth-child(even) {
			width:inherit;
    float: left;
}
}


/* ----------- Projector  Portrait and Landscape  ----------- */
	  
@media only screen and (min-device-width: 800px) and (max-device-width: 801px){
/*** Dashboard ****/
.container {
    max-width: 760px;
}
.dashboard-header .topheader {
    padding: 10px 15px;
}
.dashboardleftnav.rightnav{
	top:0;
}

.avatar-img img {
    width: 120px;
    height: 120px;
}
.sign-up h1 {
    font-size: 2em;
    margin: 20px auto;
}
.sign-up h2 {
font-size: 1em;
}

.holdingtab .webtab div span {
    font-size: 0.7em;
}
.page-portfolio .tabletab .nav-tabs .nav-link{
	    font-size: 1em;
}
.watchlistul.purchaseul li {
    padding: 0 5px 0 5px;
}
.watchlistul.purchaseul{
	    left: -40px;
}
.watchlistul.purchaseul .dropdown-performance .btn {
    font-size: 1em;
    margin-top: 10px;
}
.help-tip{
	height:46px;
	width:46px;
	line-height:46px;
}
.editsalary.our-recommendations .edit{
	right:-10px;
}
.sign-up p{
	color: #fafafa;
}

.footer-dashboard footer .footer-link .list-inline{
	float:left !important;
}
.footer .footer-link .list-inline > li {
    padding: 0px 10px 0 0;
}
.footer-dashboard footer .footer-link .list-inline > li{
width: inherit !important;
    padding: 0 10px 0 0;
}
.footer-dashboard footer .footer-link .list-inline > li a{
	    font-size: .8em;
}

.footer-dashboard .footer .footer-link .col-md-4{
	    font-size: .9em;
}
.footer-dashboard .footerhelp li:last-child {
    margin-top: 0 !important;
}


}




/*========================================================================
MACBOOK AIR 2017 (13 INCH) 1440 X900 Css Start
===========================================================================*/
@media screen and (max-width:1440px) and (max-height: 900px) {
	
.btncart .btn {
   min-width: 47%;
   height: 56px;
   line-height: 56px;
   padding: 0;
   width: 47%;
   margin: 20px 1% 0 !important;
   text-align: center;
   font-size: 1em;
}
	
}


/*========================================================================
High Resolution CSS" Desktop,   Css Start 1900px x 1080px
===========================================================================*/
@media screen and (min-width: 1900px) and (max-width: 2000px) {
	
 .sign-up {
 margin:90px 0 30px 0px !important;
 }
	
	.dashboardr .container,
    .sign-up .container 	{
     max-width: 1600px;
     }
	 
	 .container.login {
    max-width: 585px;
    text-align: center;
}

	.dashboardleftnav {
    margin: 10px 0 0 0;
	}
	
	.page-portfolio .grey-box-card .goals-heading .goalaction li {

}
	
	/*** Font Size ***/
	.activity-fundbox,
	.page-portfolio .earningbox,
	.tableheading,
	.purchaseul li,
	.dashboard-otm-details #pool-account .transactions label,
	.dashboard-middle .rightpanel .transactionrow,
	.dashboard-middle .leftpanel .fundbox .holdingtable,
	.dashboard-fund-details .transactions-txt{
		font-size:1em;
	}
	.dashboardleftnav li,
	.pg-step,
	.page-portfolio .section-name .left-align{
		font-size:	1.250em;
	}
	
		.dashboardleftnav.rightnav .userlink .dropdown .btn{
			font-size:	1.1em;
		}
	.page-portfolio .section-name h2{
    font-size: 1.875em;
	}
	.pg-step{
	    font-size:0.938em;
	
}
.dashboard-goal-details .nav-tabs .nav-link,
.page-portfolio .grey-box-card{
font-size: 1.12em;	
}
.projectionheader {
font-size: 1em;
}
.footer .footer-link,
.footer .footer-text,
.footer-logo{
    font-size: .85em;
}

/***xx Font Size xx***/
select.form-control:not([size]):not([multiple]).mdropdown {
height: calc(60px + 2px);
}
	.dashboard-otm-details .profile-details,
	.popup-modal-body .switch-btn,
	.btn-black-full{
		    line-height: 60px;
            border-radius: 60px;
	}

	.popup .switch-btn {
       line-height: 60px;
            border-radius: 60px;
	}

	.dashboard-otm-details .btn-orange-full{
		height: 72px;
    border-radius: 72px;
	}
.btn-orange{
    min-width: 380px;	
	height: 72px;
}
.popup-modal .btn-orange-full, 
.popup-modal .btn-orange {
   height: 72px;
    min-width: 320px;
    border-radius: 72px;
	padding:0;
	line-height:72px;
}
.input-lg2,
.inp-100,
.sign-up .input-lg,
.input-large{
	
	 height:60px;
	    border-radius: 60px;
}

.our-recommendations input[type=text]{
	width:100%;
}

.dash-sum {
   top:72px;
}
.error-uh-oh p {
font-size: 1.125em;
}
 .sticky-transaction .transactions-txt {
    font-size: 1em;
}
.euin-sec-common .font18 {
    font-size: 18px;
    position: relative;
    top: 10px;
    right: 0;
}
}

/*========================================================================
Dashboard: Ravi Css End
===========================================================================*/


/* Sofia pro Regular */

@font-face {
	font-family: 'SofiaPro';
	src: url('/fonts/sofia_pro_regular_0-webfont.woff2') format('woff2'), url('assets/css/fonts/sofia_pro_regular_0-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* Sofia pro Regular */

@font-face {
	font-family: 'SofiaProLight';
	src: url('fonts/sofiaprolight.woff2') format('woff2'), url('fonts/sofiaprolight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SofiaProMedium';
	src: url('fonts/sofiapromedium.woff2') format('woff2'), url('fonts/sofiapromedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SofiaProBold';
	src: url('fonts/sofiaprobold.woff2') format('woff2'), url('fonts/sofiaprobold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}