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

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

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

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

.user-role-learner .nav-tab.learn,
.home .main-header h1 {
	display: none;
}


/**************************************
	LOGIN
**************************************/
.login.page {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
	url(images/ocloud-login-back-sm.jpg) bottom center no-repeat fixed var(--main-theme-color-50);
	background-size: cover;
}

.login .main-header {
	margin-bottom: 4vw;
}

.login .login-additional .btn,
.login .main-header .btn {
	background: rgba(0, 0, 0, .4);
	text-shadow: 1px 1px 2px var(--neutral-black);
}

.login-content {
	width: 100%;
}

.login-container {
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
}

.logo-container h1 {
	font-size: 1.5em;
	text-shadow: 1px 1px 2px var(--neutral-black);
}

.logo-container h1 small {
	display: block;
	margin-top: 1vw;
	color: var(--neutral-white);
	font-size: .8em;
}

.login-form {
	background: rgba(0, 0, 0, .7);
}

.login-form-inner .col-lg-6 {
	width: 100%;
}

.login-form .btn-highlight {
	background: var(--3rd-theme-color-50);
	border-color: var(--3rd-theme-color-50);
}

.login-form .btn-highlight:hover, .login-form .btn-highlight:focus, .login-form .btn-highlight:active {
	background-color: var(--3rd-theme-color-70);
	border-color: var(--3rd-theme-color-70);
}

/************* custom login banner *************/
.custom-banner {
	margin-top: 2vw;
}

.custom-banner a {
	color: var(--main-theme-color-5);
	text-decoration: underline;
}

.custom-login-info, .custom-login-footer {
	padding: 1em;
	background: rgba(0, 0, 0, .5);
	border-radius: 5px;
	color: var(--neutral-white);
	text-align: center;
}

.custom-login-info {
	width: 500px;
	margin: 0 auto;
}

.custom-login-footer {
	display: flex;
	justify-content: center;
	margin-top: 3vw;
	font-size: .9em;
	text-align: left;
	background: rgba(0, 0, 0, 0.35);
}

.custom-login-footer-text {
	width: 50%;
	padding-left: 2vw;
	text-shadow: 1px 1px 2px var(--neutral-black);
}