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

/****************************
	LOGIN
*****************************/
.login.page {
	background:
	    linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
	    url(images/demo-ea-back-sm.jpg) bottom center no-repeat fixed var(--main-theme-color-50);
	background-size: cover;
	}
.login .main-header {margin-bottom: 4vh;}
.logo-container h1 {font-size: 1.5em;}
.login-form {background: rgba(0,0,0,.5);}
.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;}

.login .login-additional .btn, .login .main-header .btn {background-color: var(--main-theme-gray-70);}
.login .login-additional .btn:hover, .login .login-additional .btn:focus, .login .login-additional .btn:active,
.login .main-header .btn:hover, .login .main-header .btn:focus, .login .main-header .btn:active {background-color: var(--main-theme-gray-80);}

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