/* --------------------------------- NEW CUSTOMER----------------------------------------------------------------------------  */
.input-group {
	height: 2rem;
}

.input-group .form-control-custom {
	height: 2rem;
}

.input-group .custom-select {
	height: 2rem;
	padding: .1rem 1.75rem;
	font-size: 14px;
}

.input-group .input-group-text {
	font-size: .75rem;
	font-weight: 400;
	background: #3984c5;
	color: #f7f7f7;
}

.breadcrumb {
	padding: 0.30rem 1rem;
	font-size: 12px;
	background: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	color: #e7ea5d;
}

.notice-mf {
	border: 1px solid #a7a6a6;
	font-size: 12px;
	padding: 5px;
	color: #403e3e;
}

.sectionheader h4 {
	margin-bottom: 0px;
}

#regForm {
	background-color: #ffffff;
	margin: 20px auto;
	/* padding: 40px;
  width: 70%;
  min-width: 300px; */
}

/* Style the input fields */
input {
	padding: 10px;
	width: auto;
	font-size: 17px;
	font-family: Raleway;
	border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
	/* background-color: #ffdddd; */
	border-left: 2px solid red;
}

input.valid {
	/* background-color: #ffdddd; */
	border-left: 2px solid green;
}

/* Hide all steps by default: */
.tab {
	display: none;
}

/* Make circles that indicate the steps of the form: */

/* Mark the active step: */
.step.active {
	opacity: 1;
	background: #FF5722;
}


.formstyle {
	margin: auto;
	border: 1px solid #c8d4d4;
	color: #ffffff;
	box-shadow: 2px 3px 16px 0px #c6c5c5;
	margin-bottom: 2rem;
}

.sectionheader {
	/* background-color: #fac944; */

	/* padding: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px; */
	font-family: serif;
	/* box-shadow: 2px 1px 4px 0px #948d8d; */

}

.sectionheader1 {
	/* background-color: #44b6bb;
	padding: 3px; */
	margin-bottom: 10px;
	/* margin-top: 10px;
	padding: 5px; */
	font-family: serif;
	/* box-shadow: 2px 1px 4px 0px #948d8d; */
}

.sectionheader h5 {
	font-size: 16px;
	margin-bottom: 0px;
	color: #e7ad2a;
	letter-spacing: 1.5px;
	font-weight: 700;
	font-family: Roboto, sans-serif!important;
}

.sectionheader1 h6 {
	font-size: 16px;
	/* margin-bottom: 0px; */
	color: #e7ad2a;
	letter-spacing: 1.5px;
	font-weight: 700;
}

.label_design {
	font-weight: 500;
	color: #283b94;
	font-size: 14px;
	padding-top: 0;
	padding-bottom: 0;
}

.label_design1 {
	font-weight: normal;
	color: black;
	padding-top: 0;
	padding-bottom: 0;
}

.label_design::after {
	content: " :"
}

.gap_custom {
	margin-bottom: 0px;
}

.folioReference {
	padding-top: 30px;
}

/* mfpayment  */
.transaction_status {
	border: 1px solid #c0bebe;
	border-radius: 4px;
	margin: auto;
	min-height: 300px;
	padding-bottom: 5px;
}

.payment_header {
	text-align: center;
	background: #457fca;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5691c8, #457fca);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5691c8, #457fca);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: white;
	padding: 5px;
	margin: 0 -15px;
}

.razorpay-payment-button {
	color: #ffffff;
	/* background-color: #007bff;
    border-color: #007bff; */
	background: #ff9966;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff5e62, #ff9966);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	font-family: sans-serif;
	padding: 5px;
	border-radius: 3px;
	border: none;
}

.agree_Check {
	padding-right: 10px;
	height: 100px;
	overflow-y: auto;
	text-align: justify;
	font-size: 12px;
	color: #575353;
}

.cams_success {
	/* background: #1f9f3a; */
	background: #11998e;
	background: -webkit-linear-gradient(to right, #38ef7d, #11998e);
	background: linear-gradient(to right, #37af64, #11998e);
	color: aliceblue;
	text-align: center;
	margin-top: 10px;
}

.cams_failure {
	/* background: #1f9f3a; */
	background: #ff8080;
	background: -webkit-linear-gradient(to right, #ff8080, #ff8080);
	background: linear-gradient(to right, #ff8080, #ff8080);
	color: aliceblue;
	text-align: center;
	margin-top: 10px;
}

.data_style {
	font-family: serif;
	font-weight: bold;
}

.pay_topic {
	color: #0a7197;
	font-family: sans-serif;
	font-weight: bold;
}

.urn_topic {
	font-size: 13px;
	font-style: italic;
	color: #006d6d;
}

.progress_tag {
	text-align: center;
	color: #687672;
	font-family: Impact, Charcoal, sans-serif;
	border: 1px solid #c2b8b8;
	border-radius: 5px;
	margin-bottom: 10px;
}

/* Animation effect  */
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}

.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	/* background: #dfc; */
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
	background: #ee0979;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #ff6a00, #ee0979);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #ff6a00, #ee0979);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}

@ keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform:



			scale (1);
	}
}

@ keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform:



			scale (0);
	}
}

@ keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform:



			translate (19 px,
				0);
	}
}

/* --------------------------------- END NEW CUSTOMER----------------------------------------------------------------------------  */

/* --------------------------------- EXISTING CUSTOMER----------------------------------------------------------------------------  */
.purchase_info {
	background: #1A2980;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #26D0CE, #235fa9);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #26D0CE, #235fa9);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: #f0ff03;
}

/* --------------------------------- END EXISTING CUSTOMER----------------------------------------------------------------------------  */

/* mf info for accordian  */
.mfInfo {
	margin-top: 30px;
}

.card {
	margin-bottom: 1px;
}

.card-header {
	padding: 0;
}

.card-body {
	font-size: 13px;
	text-align: justify;
}

.topic_content:AFTER {
	content: " +";
	font-weight: bold;
}

/* Mutual funds explorer */
.mf-style1 {
	padding: 5px;
	/* font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont,
		Segoe UI, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue; */
	-webkit-font-smoothing: antialiased;
}

.mf-style1>ul {
	list-style: none;
	line-height: 2rem;
}

.mf-style2 {
	padding: 5px;
	border: 1px solid #1f9bb5;
	border-radius: 5px;
	text-align: center;
	box-shadow: 0 0 3px 0px #7f8e85;
}

.mf-style2>h2 {
	color: #7e66fb;
}

.mf-style3 {
	padding: 5px 15px;
	border: 1px solid #1f9bb5;
	border-radius: 5px;
	box-shadow: 0 0 3px 0px #7f8e85;
	background-size: 14rem;
}

.mf-style3 h6 {
	color: #ffed60;
}

.mf-style3 ul {
	font-size: 12px;
}

.mf-style3-back1 {
	background: url('/products/resources/images/invest/target.svg') no-repeat;
	background-size: 14rem;
	background-position: right;
}

.mf-style3-back2 {
	background: url('/products/resources/images/invest/invest-2.svg') no-repeat;
	background-size: 14rem;
	background-position: right;
}

.fund-explorer {
	margin-top: 30px;
	background-color: #edf1f5;
}

.fund-explorer>.card-title {
	font-size: 16px;
}

.risk-bar {
	width: 50%;
	border: 1px solid #d8d8d8;
	border-radius: 20px;
}

.risk-bar>div {
	width: 60%;
	height: 6px;
	background: #1E9600;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #f12020, #efe41e, #53cc34);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #f12020, #efe41e, #53cc34);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mf-box {
	width: 100%;
	height: 300px;
}

.mf-box:HOVER {
	box-shadow: 1px 2px 4px 1px #d0c8c8;
}

.mf-name-custom {
	text-align: initial;
	min-height: 60px;
	height: 2.25rem;
	padding: 10px;
	color: azure;
	height: 5rem;
	margin-bottom: 0;
	background: #34e89e;
	/* fallback for old browsers */
	/* background:  -webkit-linear-gradient(to top, #0f3443, #34e89e),url('/products/resources/images/mf-back1.jpg')center no-repeat;  Chrome 10-25, Safari 5.1-6
	background:  linear-gradient(to top right, #0f3443, #34e89e),url('/products/resources/images/mf-back1.jpg')center no-repeat; W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+
     */
	background: linear-gradient(rgba(55, 74, 226, 0.67) 100%,
			rgba(0, 0, 0, 0.85) 100%), url(/products/resources/images/vector1.png) center no-repeat;
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(rgba(55, 74, 226, 0.67) 100%,
			rgba(0, 0, 0, 0.85) 100%), url(/products/resources/images/vector1.png) center no-repeat;
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	font-size: 11px;
}

.card-text-custom {
	margin-top: 20px;
	color: #787b7d;
	font-weight: 600;
	text-align: initial;
}

.mf-invest-link {
	font-size: 16px;
	background-color: #248411;
	padding: 3px 10px;
	color: #f1f1f1;
	border-radius: 3px;
}

.mf-invest-link:HOVER {
	color: yellow;
}

.mf-modal-title-custom {
	color: #ffffff;
	font-size: 16px;
	background: #1f966a;
	/* fallback for old browsers */
	/* background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);  Chrome 10-25, Safari 5.1-6
	background: linear-gradient(to right, #FF4B2B, #FF416C); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+
 */
}

.fund-data {
	font-weight: 600;
}

.fund-explorer-top {
	/* background-color: #0c4d8e; */
	color: white;
	padding: 5px;
	/*  background: #000046;  fallback for old browsers
background: -webkit-linear-gradient(to right, #1CB5E0, #000046);  Chrome 10-25, Safari 5.1-6
background: linear-gradient(to right, #1CB5E0, #000046); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: #EB3349;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #F45C43, #EB3349);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #F45C43, #EB3349);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mf-btn-custom {
	font-size: 12px;
	padding: 2px 5px;
	background-color: #38ab64;
	border-color: #38ab64;
}

.top-funds-discuss {
	margin-top: 30px;
	font-family: sans-serif;
}

.purchase-form {
	margin: auto;
	box-shadow: 0 0 5px 0px #a8a3a3;
	border-radius: 5px;
}

.purchase-form h5 {
	border-bottom: 1px solid;
	color: #ef513f;
	font-weight: 400;
}

.col-form-label {
	/* font-weight: bold; */
	font-size: 13px;
}

.purchase-form .form-group {
	margin-bottom: 0;
}

.purchase_status {
	margin-top: 30px;
}

.transaction-redirect1 {
	background-color: antiquewhite;
	padding: 3px 10px;
	border-radius: 3px;
	box-shadow: 3px 2px 5px 1px #d0cfcf;
}

.redeem-form-section {
	border: 1px solid #bbbcbd;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 3px 2px 5px 0px #afa9a9;
}

.redeem-h2 {
	margin: 10px auto;
	font-size: 19px;
	font-family: sans-serif;
	color: #b55027;
}

.confirm-label {
	font-size: 12px;
}

/* .text-md-center {
	background: #3b80bd;
	color: #fbfbfb;
} */

.custom-control-label {
	color: black;
}

.aofoption {
	text-align: left;
	border: 1px solid;
	margin: 10px;
	border-radius: 5px;
	padding: 5px;
}

.aofoption>h5 {
	background-color: #5c9fef;
	padding: 3px;
	color: #ffff70;
}

.purchase-history-table>td {
	border: 1px solid red;
}

.fatca-form-select {
	border-top: transparent;
	border-left: transparent;
	border-right: transparent;
}

.fatca-form-select:focus {
	border-top: none;
	border-left: none;
	border-right: none;
}

.nav_style_top_funds {
	color: #ffffff;
	font-weight: 500;
	background: #249c5a;
	padding: 2px;
	border-radius: 2px;
}

.bse-display {
	background: #ecfff3d6;
	padding: 5px;
	/* margin-bottom: -60px;  */
	/* box-shadow: 0px -1px 10px 0px #c1b6b6; */
	border-top: 1px solid #dadbdcad;
}

.navDateStyle {
	font-size: 9px;
	color: #989e9c;
}

.table_sp_4 {
	padding-right: 4rem;
}

.table_sp_10 {
	padding-right: 10rem;
}
.text-dash {
	text-transform: uppercase;
	line-height: 1.25;
	font-weight: 700;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	font-family: 'Thasadith', sans-serif;
	color: #df9e14;
	font-weight: 700;
}

/* OTP */
.otp-input-fields {
	margin: auto;
	/* background-color: white; */
	/* box-shadow: 0px 0px 8px 0px #02025044; */
	max-width: 400px;
	width: auto;
	display: flex;
	justify-content: center;
	gap: 10px;
	/* padding: 40px; */


}

.otp-box {
	height: 33px;
	width: 100%;
	background-color: transparent;
	border-radius: 5px;
	border: 2px solid #6b7280;
	text-align: center;
	/* outline: none; */
	font-size: 16px;
	padding: 0px;

	&::-webkit-outer-spin-button,
	&::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	&[type=number] {
		-moz-appearance: textfield;
	}

	&:focus {
		border-width: 2px;
		border-color: darken(#2f8f1f, 5%);
		font-size: 20px;
	}
}

.otp-box:focus {
	border: 1px solid #000000 !important;
}

.f-14 {
	font-size: 14px;
}