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

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

	COLORS
	----------------------
	#98BF0E GREEN MAIN
	#EEF5D5 GREEN LIGHT

	#563C17 BROWN MAIN

	#747474 GREY


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

/* IMPORT BASIC */
@import url(../kfz-nrw_new/layout.css);

/****************************
	CHANGE COLORS
*****************************/

/* BROWN */
a,
.login-form a,
.btn-default,
.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,
.login.page-footer a,
.login.page-footer li span,
.form-required label:after,
.form-required .control-label:after,
.pagination>li>a,
.pagination>li>span,
.resource-details .content-preview-author a,
.mobile-page-header h1>a,
.mobile-header-functions .notification .fonticon,
.mobile-header-functions .coursemenu .fonticon {color: #563C17;}

.badge.highlight,
.box-highlight,
.tag,
.artefact-edit .tag-editor .tag-editor-delete,
.btn-highlight,
ui-dialog .ui-dialog-titlebar,
.portlet .badge,
.forum-post.best>.post-header {
    background-color: #563C17;
}

/* GREEN */
.badge.important,
.mobile .adnav .badge.important,
.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: #98BF0E;
}

.btn:hover .icon-star:before,
.icon-star-filled:before,
.content-preview-horizontal .content-preview-img .fonticon {
    color: #98BF0E;
}

.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: #98BF0E;
}
.mobile .mainnav > li > a, .mobile .subnav > li > a {
    border-left-color: #98BF0E;
}

/* GREEN LIGHT */
.list-group-item.highlight,
.steps .active,
.table-panel tbody>tr.highlight,
.btn-big:hover,
.btn-big:focus,
.btn-big:active,
.box-beta,
.ep-map-preview.ep-map-comic,
.table-header,
.post-date,
.table-footer,
.box-success,
[ui-pnotify].ui-pnotify .brighttheme-success {
    background-color: #EEF5D5;
}

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


[ui-pnotify].ui-pnotify .brighttheme-success {color: #333;}

.btn-highlight, .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:active {
    color: #fff;
    border-color: #563C17;
}

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

/****************************
	HEADER
****************************/
.page-header-container {
    background: -moz-linear-gradient(left, rgba(151,191,13,0) 0%, rgba(238,245,213,1) 100%);
    background: -webkit-linear-gradient(left, rgba(151,191,13,0) 0%,rgba(238,245,213,1) 100%);
    background: linear-gradient(to right, rgba(151,191,13,0) 0%,rgba(238,245,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097bf0d', endColorstr='#eef5d5',GradientType=1 );
}
.page-header,
.header-logo-container {height: 120px; border: none;}
.logo {width: 300px; background: url(images/logo-lbt.JPG) no-repeat 10px center; background-size: 302px auto;}
.page .mobile-page-header {background-color: #EEF5D5;}

/****************************
	NAVI
****************************/
.nav-container,
.nav-container + .clearfix {
    background-color: transparent;
    border-bottom: 2px solid #98BF0E;
}
.nav > .active,
.nav>li>a:focus,
.nav>li>a:hover {background-color: #98BF0E; border-radius: 0; color: #333;}
.nav > li > a {color: #747474; padding: 10px;}

.subnav > li {background-color: #fff;}

/****************************
	LOGIN
*****************************/
.login-content {width: 450px;}
.login .logo {width: 330px; height: 130px; margin: 0 auto 1.5em auto; background: url("images/logo-lbt.JPG") no-repeat center center #fff; background-size: 300px;}

.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 LandBauTechnik";
}

.login-form {background: rgba(238,245,213,1);}

.login .btn-highlight {
    background: #98BF0E;
    border-color: #98BF0E;
    color: #000;
}
.login .btn-highlight:hover, .login .btn-highlight:focus, .login .btn-highlight:active {
    background: #563C17;
    border-color: #563C17;
    color: #fff;
}

/****************************
	FOOTER
****************************/
.login.page-footer, .page-footer {
    background: #98BF0E;
    border: none;
}