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

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

	COLORS
	----------------------
	#005d9f BLUE
	#7aaece BLUE LIGHT
	#ced9ea BLUE LIGHTER
	#e30613 RED
	#666666 GREY
	#E5E5E5 GREY LIGHT

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

/* IMPORT BASIC */
@import url(../opal_cloud_new/layout.css);

.logo {
	width: 420px;
	background: url(images/logo-drk.svg) no-repeat -15px center;
	background-size: auto 115px;
}

/****************************
	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,
.artefact-edit .tag-editor .tag-editor-tag.active,
.content-preview-horizontal .content-preview-img .fonticon,
.text-info,
.form-required .col-form-label:after {
	color: #005d9f;
}

.text-bg-primary {
	background-color: #005d9f !important;
}

.box-highlight,
.tag,
.artefact-edit .tag-editor .tag-editor-delete,
.btn-highlight,
.portlet .panel-header,
.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active,
[ui-pnotify].ui-pnotify .brighttheme-info {
	background-color: #005d9f;
}

.list-group-item.highlight,
.table-panel tbody > tr.highlight,
.box-beta,
.ep-map-preview.ep-map-comic,
.table-header,
.post-date,
.steps .active,
.box-info {
	background-color: #ced9ea;
}

tr.hasNew {
	background-color: #ced9ea !important;
}

.steps .active .arrow, .steps .active .arrow:after {
	border-left-color: #ced9ea;
}

.table-footer {
	border-color: #ced9ea;
}

.table-panel tbody > tr:hover {
	background-color: var(--main-theme-gray-10);
}

/* RED */
a:hover, a:focus, a:active,
.btn:hover, .btn:focus, .btn:active,
.btn:hover .icon-star:before, .icon-star-filled:before,
.login-form .has-error .col-form-label {
	color: #e30613;
}

.text-bg-warning {
	background-color: #e30613 !important;
	color: var(--neutral-white) !important;
}

.page .mobile-page-header,
.nav-container, .nav-container + .clearfix,
.ui-dialog .ui-dialog-titlebar {
	background-color: #e30613;
}

.mobile .mainnav > li > a {
	border-left-color: #e30613;
}

/* GREY */
.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: #666;
}

/* WHITE */
.portlet .panel-header h3,
.portlet .panel-header h3 a,
.portlet .panel-header h2,
.portlet .panel-header h2 a,
.btn-highlight,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active,
.btn-secondary,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	color: var(--neutral-white);
}

/****************************
	HEADER
*****************************/
.page-header,
.header-logo-container {
	height: 85px;
	background: #fff;
}

.nav-tab.courses,
.user-role-learner .nav-tab.learn {
	display: block;
}

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

.login .logo {
	background: url(images/logo-drk.svg) no-repeat center center;
}

.login-form {
	background: #7aaece;
}

.login.page-footer {
	background: #005d9f;
}

.login .logo-container h1 {
	color: #3f4444;
	text-shadow: none;
}

.login .login-additional .btn {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
	text-shadow: none;
}

.login .main-header .btn {
	background-color: transparent;
	color: #666;
	border-color: #666;
	text-shadow: none;
}

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

.login .btn-highlight {
	background: #005d9f;
	border-color: #005d9f;
	color: #fff;
}

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

.login-register {
	margin-top: .3em;
}

.login-form .col-lg-6 {
	width: 50%;
}

.custom-login-info {
	width: 500px;
	margin: 0 auto;
	padding: 1em;
	background: #7aaece;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

.custom-banner a {
	color: #fff;
}

.custom-banner a:hover, .custom-banner a:focus, .custom-banner a:active {
	color: #005d9f;
}

/****************************
	CONTENT
*****************************/
.portlet .panel-header .text-bg-primary,
.portlet-badge.text-bg-secondary {
	background-color: #fff !important;
	color: #666 !important;
}