/*--------------------------------------------------------------
## Color for text, button, border... 
--------------------------------------------------------------*/
.text-primary, .text-primary-hover a:hover, .text-primary-hover .active>a
{
	color: #4BC7CF !important;
}

.nav-active-primary .nav-link.active, .nav-active-primary .nav>li.active>a,
.btn.primary, .btn.b-primary:hover, .btn.b-primary:focus, .playlist .mejs-controls .mejs-playpause-button button,
.pace .pace-progress, #nprogress .bar {
	background-color: #4BC7CF !important;
}

#nprogress .spinner-icon {
	border-top-color: #4BC7CF;
	border-left-color: #4BC7CF;
}

@media (max-width: 767px) {
	.pace .pace-progress, #nprogress .bar {
		background-color: #fff !important;
	}
	#nprogress .bar {
		height: 4px;
	}
	#nprogress .spinner-icon {
		border-top-color: #fff;
		border-left-color: #fff;
	}
}

.b-primary, .playlist .mejs-controls .mejs-time-rail .mejs-time-current
{
	border-color: #8FD400;
}

.playlist .mejs-error {
	background-color: #4BC7CF;
	border-color: #4BC7CF;
}

/* CGP
--------------------------------------------------------------*/
.CGP .text-primary, .CGP .text-primary-hover a:hover, .CGP .text-primary-hover .active>a
{
	color: #ff0055 !important;
}

.CGP .nav-active-primary .nav-link.active, .CGP .nav-active-primary .nav>li.active>a,
.CGP .btn.primary, .btn.b-primary:hover, .CGP .btn.b-primary:focus, .CGP .playlist .mejs-controls .mejs-playpause-button button,
.CGP .pace .pace-progress, .CGP #nprogress .bar {
	background-color: #ff0055 !important;
}

.CGP #nprogress .spinner-icon {
	border-top-color: #ff0055;
	border-left-color: #ff0055;
}

@media (max-width: 767px) {
	.CGP #nprogress .bar {
		height: 4px;
	}
}

.CGP .b-primary, .CGP .playlist .mejs-controls .mejs-time-rail .mejs-time-current
{
	border-color: #ff0055;
}

.CGP .playlist .mejs-error {
	background-color: #ff0055;
	border-color: #ff0055;
}