/*===========================================
	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;}

.badge.highlight,
.portlet .badge,
.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;}