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

/****************************
	LOGIN
*****************************/
.page.login {background: #0064a8;}
.login .main-header {margin-bottom: 4vh;}
.logo-container h1 {font-size: 1.5em;}
.login .logo {background-image: url("images/logo-OPAL-Exam-login.png");}
.login-form {width: 40rem; margin: 0 auto;}
.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;}

/****************************
	HEADER
*****************************/
.logo {width: 135px; background-image: url(images/logo-OPAL-Exam.svg); background-size: auto 35px;}
.nav-container, .nav-container + .clearfix {
	background-color: var(--main-theme-gray-70);
}

/************* 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);}