/*===========================================
	INFO

	AUTHOR
	----------------------
	BPS Bildungsportal Sachsen GmbH
	Dresdner Str. 76, D-09130 Chemnitz

	COLORS
	----------------------
	#054473 BLUE DARK
	#0069b4 BLUE
	#66a5d2 BLUE 2
	#d9e0ea BLUE LIGHT

	#4c5767 GREY DARK
	#f0f0f0 GREY LIGHT

=============================================*/

@import url(../basic_new/layout.css);

/****************************
	CHANGE COLORS
*****************************/
/* BLUE */
a,
.ui-widget-content a,
.btn,
.ui-dialog-buttonset .ui-button,
.ui-dialog-buttonset .ui-button:hover, .ui-dialog-buttonset .ui-button:focus, .ui-dialog-buttonset .ui-button:active,
.text-info,
.artefact-edit .tag-editor .tag-editor-tag.active {
	color: #0069b4;
}

a:hover, a:focus, a:active,
.btn:hover, .btn:focus, .btn:active,
.content-preview-horizontal .content-preview-img .fonticon {
	color: #054473;
}

.text-bg-primary {
	background-color: #0069b4 !important;
}

.box-highlight,
.tag,
.artefact-edit .tag-editor .tag-editor-delete,
.fcs .btn-highlight,
.page .mobile-page-header,
.ui-dialog .ui-dialog-titlebar,
.page-footer,
.login.page-footer,
.nav-container, .nav-container + .clearfix,
.forum-post.best > .post-header,
[ui-pnotify].ui-pnotify .brighttheme-info {
	background-color: #0069b4;
}

.fcs .btn-highlight:hover, .fcs .btn-highlight:focus, .fcs .btn-highlight:active {
	background-color: #054473;
}

.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {
	background-color: #054473;
}

.menu .jstree-default .jstree-container-ul .jstree-children .jstree-children,
.jstree-node.efficiency-statement,
.menu .jstree-default .jstree-container-ul .jstree-node > .jstree-children,
.jstree-node.calendar, .jstree-node.efficiency-statement, .jstree-node.glossary,
.ui-dialog .ui-dialog-buttonpane, .ui-dialog .btn-container {
	border-top-color: #054473;
}

legend {
	border-bottom-color: #054473;
}

.btn-highlight {
	background-color: #0069b4;
	border-color: #0069b4;
}

.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {
	background-color: #054473;
	border-color: #054473;
}

/* WHITE */
.btn-highlight,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active,
.mobile .adnav .fonticon,
.page-footer a,
.btn-secondary,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	color: var(--neutral-white);
}

/****************************
	HEADER
****************************/
header[role=banner] {
	padding-bottom: .7em;
	border-bottom: 2px solid #0069b4;
}

.page-header {
	height: 80px;
	background-color: #fff;
	border: none;
}

.header-logo-container {
	height: 80px;
}

.logo {
	background: none transparent;
}

.page-header .logo:after {
	display: block;
	content: " ";
	width: 130px;
	height: 140px;
	position: absolute;
	left: 10px;
	top: 7px;
	background: url(images/daa-logo.png) no-repeat 0 0;
	background-size: 127px;
}

/****************************
	NAVIGATION
****************************/
.nav-container, .nav-container + .clearfix,
.nav > .active {
	background-color: transparent;
}

.nav-container {
	margin-left: 135px;
}

.nav > li > a {
	padding: 10px 10px 0px 10px;
	color: rgba(76, 87, 103, 0.7);
	font-weight: bold;
}

.nav > .active > a, .nav .active > a:hover, .nav > .active > a:focus,
.nav-tab > a:hover, .nav-tab > a:focus {
	color: #0069b4;
}

/* mobile */
.mobile .nav-container {
	margin: 0;
}

.mobile .nav > li > a {
	font-weight: normal;
}

/****************************
	CONTENT
****************************/
.main-header {
	border-bottom: 0;
}

.main-header h1,
.user-role-learner .nav-tab.courses,
.user-role-guest .nav-tab.courses,
.user-role-learner .nav-tab.learn {
	display: none;
}

/****************** LOGIN ******************/
.page.login {
	background: #fff;
}

.login header[role=banner] {
	padding: 0;
	border: 0;
}

.login .logo {
	height: 142px;
	width: 175px;
	margin: 0 auto;
	background: url(images/daa-logo.png) no-repeat 0 center;
}

.login .logo-container h1 {
	display: none;
}

.login-form {
	background: #0069b4;
}

.login .main-header .btn {
	border: 1px solid #c8c8c8;
	color: #000;
}

.login .login-additional .btn,
.login-form a:hover, .login-form a:focus {
	color: #fff;
}

.login .btn-highlight {
	background: #d9e0ea;
	border-color: #d9e0ea;
	color: #4c5767;
	font-weight: bold;
}

.login .btn-highlight:hover, .login .btn-highlight:focus, .login .btn-highlight:active {
	background: #054473;
	border-color: #054473;
	color: #fff;
}

.login-news a {
	color: #0069b4;
}