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

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

	COLORS
	----------------------
	#00618F blue main
	#48A9DA blue light

	#F8F6F5 gray light
	#E4E3DD gray middle
	#4D4B46 gray dark

	#B3062C red
	#C96215 orange

	#E3BA0F yellow

	#737C45 green dark
	#A5AB52 green
	#e7e9cf green light

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

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


/****************************
	GENERAL
*****************************/
body {
	font-family: Arial, sans-serif;
}


/****************************
	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 {
	color: #00618F;
}

a:hover, a:focus, a:active,
.btn:hover, .btn:focus, .btn:active,
.text-info {
	color: #48A9DA;
}

.text-bg-primary {
	background-color: #00618F !important;
}

.box-highlight,
.tag,
.artefact-edit .tag-editor .tag-editor-delete,
.fcs .btn-highlight,
.page .mobile-page-header,
.forum-post.best > .post-header,
[ui-pnotify].ui-pnotify .brighttheme-info {
	background-color: #00618F;
}

.artefact-edit .tag-editor .tag-editor-tag.active,
.content-preview-horizontal .content-preview-img .fonticon {
	color: #00618F;
}

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

.menu .jstree-default .jstree-container-ul .jstree-node > .jstree-children,
.jstree-node.calendar,
.jstree-node.efficiency-statement,
.jstree-node.glossary {
	border-top-color: #00618F;
}

.fcs .btn-highlight, .fcs .btn-highlight:hover, .fcs .btn-highlight:focus, .fcs .btn-highlight:active {
	border-color: #00618F;
}

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

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

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

.resource-details, .table-footer {
	border-color: #DFE7EA;
}

/* ORANGE / YELLOW */
.btn:hover .icon-star:before,
.icon-star-filled:before,
.form-required label:after {
	color: #E3BA0F;
}

.btn-highlight {
	color: #fff;
	border-color: #C96215;
	background-color: #C96215;
}

.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active,
[ui-pnotify].ui-pnotify .brighttheme-notice {
	background-color: #E3BA0F;
	border-color: #E3BA0F;
	color: #fff;
}

.btn-secondary,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	color: var(--neutral-white);
}

.text-bg-warning {
	background-color: #E3BA0F !important;
}

.text-warning,
.box-warning > a, .box-warning-light > a {
	color: #C96215;
}

/* GREEN */
.text-bg-success {
	background: #A5AB52 !important;
}

.assess-passed .fonticon,
.jstree-anchor .assess-passed.icon-checkmark,
.category-list .active,
[ui-pnotify].ui-pnotify .brighttheme-success {
	background: #A5AB52;
}

.text-success,
.course-toc-entry .icon-checkmark {
	color: #A5AB52;
}

.assess-passed,
.box-success-light {
	border-color: #A5AB52;
}

/* RED */
.text-bg-danger {
	background-color: #B3062C !important;
}

.assess-notpassed .fonticon,
.jstree-anchor .icon-close,
.box-danger,
[ui-pnotify].ui-pnotify .brighttheme-error {
	background-color: #B3062C;
}

.has-error .form-text, .has-error .col-form-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #B3062C;
}

.has-error .form-control {
	border-color: #B3062C;
}

/****************************
	HEADER
*****************************/
.page-header {
	align-items: center;
	height: 100px;
	background-color: #00618F;
}

.header-logo-container {
	height: auto;
}

.logo {
	height: 100px;
	width: 200px;
	background: url(images/logo-uff.png) no-repeat 10px 10px;
}

.header-functions {
	padding: .2rem;
	background-color: #eee;
	border-radius: 5px;
}

/* mobile */
.mobile .main-header {
	background-color: #E4E3DD;
}

/****************************
	FOOTER
*****************************/
.login.page-footer {
	background-color: transparent;
}

/****************************
	NAV
*****************************/
.nav-container, .nav-container + .clearfix {
	background-color: #E4E3DD;
}

.nav > li > a {
	padding: 6px 10px 8px;
	background-color: #00618F;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.nav > .active > a,
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
	background-color: #fff;
	color: #00618F;
}

.nav > .active > a {
	color: #000;
}

.btn-close {
	right: -2px;
}

/* mobile */
.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {
	background-color: #4D4B46;
}

.mobile .nav > li > a {
	background-color: transparent;
	border-radius: 0;
}

.mobile .mainnav > li > a,
.mobile .subnav > li > a {
	border-left-color: #48A9DA;
}

.sidr,
.mobile .nav-container {
	background: #4D4B46;
}

/****************************
	CONTENT
*****************************/
.main-header {
	background-color: transparent;
	border-bottom: 2px solid #E4E3DD;
}

.resource-header {
	background-color: #E4E3DD;
}

.page.course .additional-right .popover {
	max-width: 440px !important;
	left: -312px !important;
}

.page.login {
	background: #00618F;
}

.login-form {
	background: rgba(72, 169, 218, 0.7);
}

.login .logo {
	height: 100px;
	background: url(images/logo-uff.png) no-repeat center 0;
}

.login-news a, .login-courses a {
	color: #48A9DA;
}

.login .btn-highlight {
	background: transparent;
	border: 1px solid #fff;
}

.login .btn-highlight:hover, .login .btn-highlight:focus, .login .btn-highlight:active {
	background: rgba(255, 255, 255, .3);
	border: 1px solid #fff;
}

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

/************* PROGRESS *************/
.resource-header.progress-0,
.jstree-anchor.progress-0 {
	border-left-color: #aaa;
}

.resource-header.progress-50,
.jstree-anchor.progress-50 {
	border-left-color: #48A9DA;
}

.resource-header.progress-100,
.jstree-anchor.progress-100 {
	border-left-color: #00618F;
}

.resource-header.progress-100 .progress-done {
	color: #00618F;
	border-color: #00618F;
}