html, body, #content{
	width: 100%;
	height: 99%;
	font-family: Rubik, sans-serif;
}

input{
	font-family: Rubik, sans-serif;
}

#cas form#fm1 {
	background: none;
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0;
}

#content {
	background: none;
	margin: 0
}

#content .header {
	position: fixed;
	padding: 50px 90px;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
}

#content .login-box {
	margin: auto;
	height: auto;
	padding: 40px;
	font-size: 14px;
	width: 450px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)";
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
}

#content .login-box input#username,
#content .login-box input#password {
	font-size: 18px;
    height: 50px;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    width: 90%;
	margin-top: 5px;

    border: none;
    background-color: #fff;
	position: relative;
	z-index: 0;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .30s, -webkit-box-shadow ease-in-out .30s;
    -o-transition: border-color ease-in-out .30s, box-shadow ease-in-out .30s;
    transition: border-color ease-in-out .30s, box-shadow ease-in-out .30s;
}

#content .login-box input#username:focus,
#content .login-box input#password:focus {
	border-color: #66afe9;
    outline: 0;
    z-index: 2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

#content .login-box input#password {
	margin-bottom: 20px;
}

#content .login-box input.btn-submit {
	-webkit-user-select: none;
	background-color: #406eff;
	border-radius: 10px;
	border-width: 0;
	color: rgb(255, 255, 255);
	cursor: pointer;
	font-size: 18px;
	height: 44px;
	margin: 0;
	padding: 10px 16px;
	width: 90%;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#content .login-box input.btn-submit:hover {
	background-color: #24282f;
}

#content .login-box .lost-password {
	display: inline-block;
	margin: 20px 0;
	color: gray;
}

#content .login-box .legal-terms {
    font-size: 11px;
}

#content #status.errors {
	border: none;
	padding: 0;
	margin: 0;
    background-color: transparent !important;
    font-size: 13px;
    background-image: none;
    white-space: pre-line;
}

#browserCompatibility.info {
	background: none;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff)";
	padding: 20px 50px;
	font-size: 11px;
}

#browserCompatibility.info button {
	margin-top: 15px;
}

.box-title{
	display: flex;
	justify-content: center;
}

.box-title p{
	font-weight: bold;
	font-size: 4vh !important;
	margin: 20px;
}

.header img{
	width: 220px;
}

@media screen and (max-width: 1000px) {
	#content .login-box {
		width: 85vw;
		height: 45%;
	}
	#content .login-box input#username,
	#content .login-box input#password{
		font-size: 2vh;
	}

	#content .login-box .legal-terms{
		font-size: 1.5vh;
	}

	#content .login-box .decalog-sigb-logo{
		width: 60%;
		margin-bottom: 0;
	}

	#content .login-box .lost-password,
	#content .login-box input.btn-submit,
	.fa-fw{
		font-size: 2vh !important;
	}

	#content .login-box .lost-password{
		margin: 2vh 0;
	}

	#content .login-box input.btn-submit{
		height: 6vh;
	}

	.box-title p{
		font-size: 3vh;
	}

	.header img{
		width: 35%;
	}

}