/* Add here all your CSS customizations */
html .it-background-color-darkgrey {
	background-color: #2a282e !important;
}

html .it-background-color-blue {
	background-color: #48b0c9 !important;
}

html .background-color-light {
	background-color: #ffffff !important;
}

html .background-color-dark {
	background-color: #2e353e !important;
}

html .background-color-medg {
	background-color: #dfdfdf !important;
}

html .background-color-beig {
	background-color: #f4f4f4 !important;
}

html .background-color-itblue {
	background-color: #7ea9ab !important;
}
html .background-color-lightgrey {
	background-color: #6e6f7c !important;
}
html .heading-dark,
html .lnk-dark,
html .text-color-dark,
html .text-dark {
	color: #2e353e !important;
}

html .heading-light,
html .lnk-light,
html .text-color-light,
html .text-light {
	color: #ffffff !important;
}

html .heading-lightblue,
html .lnk-lightblue,
html .text-color-lightblue,
html .text-lightblue {
	color: #5da5c6 !important;
}

html .heading-lightg,
html .lnk-lightg,
html .text-color-lightg,
html .text-lightg {
	color: #a8a8a8 !important;
}

html .heading-darkb,
html .lnk-darkb,
html .text-color-darkb,
html .text-dark {
	color: #000000 !important;
}

html .heading-darkgren,
html .lnk-darkgren,
html .text-color-darkgren,
html .text-darkgren {
	color: #66858a !important;
}

html .heading-darkg,
html .lnk-darkg,
html .text-color-darkg,
html .text-darkg {
	color: #777 !important;
}

.fundname_txt
{
	color: #66858a;
	font-weight: 400;
}
.average_txt
{
	
	font-weight: 600;
}
/*Icon colors*/
.iconb li > i {
	color:#1874A6;
}

.feature-box-icon._style {
	line-height: 50px;
}

.progress-bar-itgray {
	background-color: #444546;
	color: #FFF;
}
.progress-bar-itblue01 {
	background-color: #03a3c3;
	color: #FFF;
}
.progress-bar-itblue02 {
	background-color: #7ea9ab;
	color: #FFF;
}

.progress-bar-backtxt {
	position: absolute;
	right: 40px;
	vertical-align: middle;
}

				@media (max-width:414px) {

					.progress-bar-backtxt {
					position: absolute;
					right: 20px;
					vertical-align: middle;
						font-size: 8px;
				}
				}
				@media (max-width:414px){
				.progress-label span {

				font-size: 0.7rem;
				}}

/*fund lists*/ /*tab color*/
html body .tabs.tabs-simple .nav-tabs > li.active a,
html.dark body .tabs.tabs-simple .nav-tabs > li.active a,
html body .tabs.tabs-simple .nav-tabs > li.active a:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active a:focus,
html body .tabs.tabs-simple .nav-tabs > li a:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li a:hover,
html body .tabs.tabs-simple .nav-tabs > li.active a:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active a:hover {
	border-top-color: #0088cc;
	color: #69888d;
	text-decoration: none;
}

.tabs.tabs-bottom .nav-tabs li.active .nav-link,
.tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
.tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
	border-bottom: 3px solid #69888d;
	border-top-color: transparent;
}
.tabs.tabs-bottom .nav-tabs li.active a,
.tabs.tabs-bottom .nav-tabs li.active a:hover,
.tabs.tabs-bottom .nav-tabs li.active a:focus {
	border-bottom: 3px solid #69888d;
	border-top-color: transparent;
	display:block;
	
}
.tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus {
	
	border-bottom: 3px solid #eee;
	display: block;

}

.nav-tabs li.active .nav-link,
.nav-tabs li.active .nav-link:hover,
.nav-tabs li.active .nav-link:focus {
	background: #FFF;
	border-left-color: #EEE;
	border-right-color: #EEE;
	border-top: 3px solid #69888d;
	color: #777;
}

.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
	background: #F7F7F7;
	border-bottom: none;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 3px solid #EEE;
	color: #CCC;
}

.icon-featuredimg {
	display: inline-block;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #dfdfdf;
	color: #777;
		display: inline-block;
	font-size: 0;
	margin: 15px;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #FFF;
	font-size: 40px;
	line-height: 110px;
	
}

@-webkit-keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
						transform: translate(0, 50px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
						transform: translate(0, 50px);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@-webkit-keyframes fadeInLeftShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(50px, 0);
						transform: translate(50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@keyframes fadeInLeftShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(50px, 0);
						transform: translate(50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@-webkit-keyframes fadeInRightShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0);
						transform: translate(-50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@keyframes fadeInRightShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(-50px, 0);
						transform: translate(-50px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
	}
}
@-webkit-keyframes expandIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0.8);
						transform: scale(0.8);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
						transform: scale(1);
	}
}
@keyframes expandIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0.8);
						transform: scale(0.8);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
						transform: scale(1);
	}
}
.fadeInUpShorter {
	-webkit-animation-name: fadeInUpShorter;
					animation-name: fadeInUpShorter;
}

.fadeInLeftShorter {
	-webkit-animation-name: fadeInLeftShorter;
					animation-name: fadeInLeftShorter;
}

.fadeInRightShorter {
	-webkit-animation-name: fadeInRightShorter;
					animation-name: fadeInRightShorter;
}