/* Additional skin css markup here */
.navbar-filmchief {
	background-color:#CFD8DC; /* primary color */
}
a.navbar-brand,
a.navbar-brand:focus,
a.navbar-brand:hover {
	color:white;
}
.nav.navbar-nav>li>a {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color:transparent;
	border-bottom: 4px solid transparent;
	height:50px;
}
.nav.navbar-nav>li>a:focus,
.nav.navbar-nav>li>a:hover {
    text-decoration: none;
    background-color:transparent;
    border-bottom-color: #EC008C; /* secondary color */
}

/* ------- Color styling ------- */

/* Regular links */
a,
/* Pagination component */
.pagination>li>a, .pagination>li>span,
/* Button links */
.btn-link {
	color:#333; /* Google Material Design Light Blue 700 */
}
/* Regular links */
a {
	text-decoration:underline;
}
a.btn,
.dropdown>a,
.dropdown-menu a,
.nav a {
	text-decoration:none;
}
/* Regular links */
a:hover,
a:focus,
/* Pagination component */
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus,
/* Button links */
.btn-link:hover,
.btn-link:focus {
	color:#FF4DB6; /* secondary color */
	text-decoration:underline;
}
/* Pagination component */
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus 
{
	background-color:#59744d; /* Google Material Design Light Blue 700 */
}
/* Primary buttons */
.btn-primary {
	background-color:#EC008C; /* secondary color */
	border-color:#EC008C; /* secondary color */
	color:#fff;
}
.btn-primary:focus, 
.btn-primary:hover, 
.btn-primary:active, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.btn-primary.active, 
.open>.dropdown-toggle.btn-primary {
	background-color:#FF4DB6; /* secondary color */
	border-color:#FF4DB6; /* secondary color */
	color:#fff;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #FFDEF1;
    border-color: #FFDEF1;
}

/* Active left navigation bar items */
.navbar-left>.navbar-body>.list-unstyled li.active, 
.navbar-left>.navbar-body>.list-unstyled li.active a,
.navbar-left>.navbar-body>.list-unstyled li.active a:hover, 
.navbar-left>.navbar-body>.list-unstyled li.active.dropdown:hover {
	color:#EC008C; /* secondary color */
    background-color: #fff;
}
.navbar-left>.navbar-body>.list-unstyled li a:hover,
.navbar-left>.navbar-body>.list-unstyled li.dropdown:hover {
	background-color:#EC008C; /* secondary color */
    color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:#EC008C; /* secondary color */
    color:#fff;
}
.nav.nav-tabs>li>a:focus, .nav.nav-tabs>li>a:hover {
	color:#fff; 
}.nav.nav-tabs>li.active>a {
	color:#EC008C; /* secondary color */
}
.nav.nav-tabs>li.active>a:focus, .nav.nav-tabs>li.active>a:hover {
	color:#333; 
}