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

/****************************
	LOGIN
*****************************/
.page.login {
	background: #007d40;
	background: -moz-linear-gradient(top,  rgba(0,125,64,0.5) 0%, rgb(0,125,64) 45%);
	background: -webkit-linear-gradient(top,  rgba(0,125,64,0.5) 0%,rgb(0,125,64) 45%);
	background: linear-gradient(to bottom, rgba(0,125,64,0.5) 0%,rgb(0,125,64) 45%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dbc93', endColorstr='#007d40',GradientType=0 );
}
.login .main-header {margin-bottom: 4vh;}
.logo-container h1 {font-size: 1.5em;}
.login .logo {background-image: url("images/logo-OPAL-Exam-TUD3-login.svg"); background-size: auto 150px;}
.login-form {width: 450px; margin: 0 auto;}
.login-form .col-lg-6 {width: 100%;}
.login-form .btn-highlight {background-color: var(--main-theme-color-50); border-color: var(--main-theme-color-50);}
.login-form .btn-highlight:hover, .login-form .btn-highlight:focus, .login-form .btn-highlight:active {background-color: var(--main-theme-color-70); border-color: var(--main-theme-color-70);}
.login-news .panel-content {padding: 0;}

.alternative-login {display: none;}
.login-form .btn-highlight {margin-bottom: 0;}

/****************************
	HEADER
*****************************/
.logo {width: 200px; background-image: url(images/logo-OPAL-Exam-TUD3.svg); background-size: auto 35px;}
.nav-container, .nav-container + .clearfix,
.page .mobile-page-header {
	background-color: #007d40;
}

.page .menu-btn, .page .menu-btn:hover, .page .menu-btn:focus, .page .menu-btn:active {
	background: rgba(0,0,0,.3);
}

/************* PROGRESS *************/
.resource-header.progress-0,
.jstree-anchor.progress-0 {border-color: var(--main-theme-gray-30);}
.resource-header.progress-50,
.jstree-anchor.progress-50 {border-color: var(--main-theme-color-20);}
.resource-header.progress-100,
.jstree-anchor.progress-100 {border-color: var(--main-theme-color-50);}