/*******************************************************************************
APPLICATIE SPECIFIC STYLESHEET
versie 2020
--------------------------------------------------------------------------------
Deze stylesheet bevat alle css mbt de aanmeldpagina's
*******************************************************************************/

.t-Body {
	background-image: url("../css/images/klein.png");
	background-color: var(--broken-white) !important;   
}

.t-Login-links > .t-Button--hot {
	background-color: var(--obasi-blue) !important;
	color: var(--broken-white);
}

/*.t-Login-body .t-Form-fieldContainer .apex-item-icon
{
	border-left:1px solid var(--silver);
}*/

.t-Form-inputContainer input[type="text"]:focus,
.t-Form-inputContainer input.text_field:focus,
.t-Form-inputContainer input.password:focus
{
	border: 1px solid var(--silver) !important;
}

.t-Login-container {
	background-color: var(--broken-white);
}

 
input:autofill {
    background: transparent !important;
border: 1px solid var(--silver) !important;
}

.t-Login-body .t-Form-fieldContainer:not(.t-Form-fieldContainer--floatingLabel) .apex-item-icon {
    padding: 12px;
    left: 40px !important;
    margin-left: -38px !important;
}

.t-Login-region ul.a-LinksList.a-LinksList--lang {
	display:flex;
	list-style-type:none;
	position:fixed;
	top:0px;
	right:-20px;	
}

.t-Login-region ul.a-LinksList.a-LinksList--lang .a-LinksList-item {
	margin-right:20px;
}

.t-Login-region ul.a-LinksList.a-LinksList--lang .a-LinksList-item .a-LinksList-link {
	color:var(--blue-sky);
}

.t-Login-region ul.a-LinksList.a-LinksList--lang .a-LinksList-item.is-active .a-LinksList-link {
	color:var(--obasi-blue);
}