@font-face {
	font-family: 'OpenSans-Regular';
	src: url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-Bold';
	src: url(../fonts/OpenSans-Bold.ttf) format('truetype');
}

#username, #password {
	font-family: OpenSans-Bold;
	color: rgba(var(--color-neutral)) !important;
}

.loginCheckbox {
	text-align: right;	
}

.loginLogo {
	width: 180px;
}

.showPassword {
	color: #424242 !important;
	width: 2rem !important;
	font-size: 1.5rem !important;
	cursor: pointer;
}

/* materialize.min.js overrides start */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill{
    -webkit-text-fill-color: rgb(var(--color-neutral)) !important;
}

input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: rgb(var(--color-neutral)) !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid rgb(var(--color-neutral)) !important;
    -webkit-box-shadow: 0 1px 0 0 rgb(var(--color-neutral)) !important;
    box-shadow: 0 1px 0 0 rgb(var(--color-neutral)) !important;
}

[type="checkbox"]+span:not(.lever) {
    height: 1.25rem !important;
    padding-left: 1rem;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid rgb(var(--color-primary));
    background-color: rgb(var(--color-primary));
}

.checkbox-blue[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid rgb(var(--color-primary));
    background-color: rgb(var(--color-primary));
}

[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after {
    background-color: rgb(var(--color-primary));
    border-color: rgb(var(--color-primary));
}
/* materialize.min.js overrides end */

.loginpanelinner {
    position: relative;
    width: 380px;
    text-align: center;
    background-color: white;
}

.loginpanelinner .logo {
    padding: 0 0 20px 0;
}

.loginpanel {
	display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
}

.input-field label {
	color: #424242;
}

.input-field [type=text] {
	color: #424242;
}

.input-field .prefix {
	right: 0;
}

.login_body {
	background-position: center center;
	background-size:cover;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}