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

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

	COLORS
	----------------------
	#0069B4 BLUE MAIN
	#dfedff BLUE LIGHT

	#636363 GREY MIDDLE
	#918D8D GREY LIGHT

	#62B55A GREEN
	#3B8534 GREEN DARK

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

/* IMPORT BASIC */
@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,
.artefact-edit .tag-editor .tag-editor-tag.active,
.content-preview-horizontal .content-preview-img .fonticon,
.login.page-footer a, .login.page-footer li span,
.form-required label:after,
.text-info,
.form-required .control-label:after {color: #0069B4;}

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

.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: #0069B4;}

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

legend {border-bottom-color: #0069B4;}

/* BLUE LIGHT */
.list-group-item.highlight,
.steps .active,
.table-panel 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,
.table-footer {background-color: #dfedff;}

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

.steps .active .arrow, .steps .active .arrow:after {border-left-color: #dfedff;}
.resource-details, .table-footer {border-color: #dfedff;}

/* GREEN */
.text-success,
.icon-color-success,
.course-toc-entry .icon-checkmark,
.assess-info .icon-checkmark,
.list-group-item .icon-checkmark {color: #3B8534;}
.assess-passed .fonticon,
.badge.success,
.jstree-anchor .assess-passed.icon-checkmark,
.st-mobile-nav .assess-passed.icon-checkmark {background-color: #3B8534;}
[ui-pnotify].ui-pnotify .brighttheme-success {background-color: #3B8534; border-color: #3B8534;}
.box-success-light,
.assess-passed {border-color: #3B8534;}

/* GREY */
a:hover, a:focus, a:active,
.btn:hover, .btn:focus, .btn:active {color: #3A3F45;}

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

/* WHITE */
.btn-highlight,
.btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {color: #fff;}


/****************************
	HEADER
****************************/
.page-header-container {background-color: #fff;}
.page-header {height: 110px; background-color: transparent;}
.header-logo-container {height: 110px;}

.logo {width: 250px; background: url(images/logo-zr.jpg) no-repeat 10px center;}

/****************************
	NAV
****************************/
.user-role-learner .nav-tab.learn {display: none;}

/****************************
	FOOTER
****************************/
.login.page-footer,
.page-footer {background: #fff; border-top: 5px solid #0069B4;}
.login.page-footer a,
.login.page-footer li span,
.page-footer a {color: #3A3F45;}

/****************************
	LOGIN
*****************************/
.login.page {background: url(images/back.jpg) top center no-repeat fixed #fff; background-size: cover;}
.login .logo {height: 150px; background: url("images/logo-zr.jpg") no-repeat center center transparent;}
.login-form {padding: 2.5em; background: #dfedff; color: #3A3F45;}
.login-form .col-lg-6 {width: 100%;}
.login-form a {color: #0069B4;}
.login-form a:hover, .login-form a:focus {color: #3A3F45;}
.login-additional .btn,
.login .main-header .btn {color: #3A3F45; border-color: #666;}
.login .btn-highlight {
    background: #0069B4;
    border-color: #0069B4;
}
.login .btn-highlight:hover, .login .btn-highlight:focus, .login .btn-highlight:active {
    background: #3A3F45;
}
.logo-container h1 {font-size: 1.3em; line-height: 1.4em; text-shadow: 1px 1px 2px #000;}
.login-content {width: 400px;}
.login-additional {display: none;}

.login-container h1 {visibility: hidden; height: 2em; margin-bottom: 1em;}
.login-container h1:before {
    display: block;
    visibility: visible;
    font-size: 1em;
    line-height: 1.3em;
    content: "Willkommen auf der Demoprüfungsplattform Zweirad-Handwerk";
}

/****************************
	CONTENT
*****************************/
.home .main-header h1,
.user-role-learner .course .main-header-search,
.user-role-learner .btn-group.help {
    display: none;
}

.header-functions .popover {right: 43px; min-width: 350px;}