@import url(../dcs-spid/css/titillium.css);
html, body {
    height: 100%;
    width: 100%;
    display: flex;
}
body {
    /* font-family: 'Roboto', sans-serif; */
    font-family:"Titillium Web",HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #313235;
}
header, footer{
    background: #024474;  
    color: white;
}
header h1{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
}
#authenticationTypeTab .nav-link {
	font-weight: bold;
	color: #024474;
}
#authenticationTypeTab .nav-link.active {
	background-color: #024474;
	color: white;
}
#spid-tab::before {
	content: url(../img/spid-tab-default.svg);
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.5ex 1ex 0 0;
	top: 0.3ex;
	position: relative;
}
#spid-tab.active::before {
	content: url(../img/spid-tab-active.svg);
}

#eidas-tab::before {
	content: url(../img/eidas-tab-default.svg);
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.5ex 1ex 0 0;
	top: 0.3ex;
	position: relative;
}
/* #eidas-tab.active::before { */
/* 	content: url(../img/eidas-tab-default.svg); */
/* } */

#cie-tab::before {
	content: url(../img/cie-tab-default.svg);
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.5ex 1ex 0 0;
	top: 0.3ex;
	position: relative;
}
#cie-tab.active::before {
	content: url(../img/cie-tab-active.svg);
}

#cns-tab::before {
	content: url(../img/cns-tab-default.svg);
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: -0.5ex 1ex 0 0;
	top: 0;
	position: relative;
}
#cns-tab.active::before {
	content: url(../img/cns-tab-active.svg);
}

/** Fix SPID IdP logos sizes so they look more coherent with each other */
.idp-button-idp-logo img {
	width: 238px;
	height: 30px;
}