﻿:root{
	--bg-color:#f0f0f0;
	--header-bg-color:rgb(11,58,56);
	--text-color:#333;--white:#fff;
	--border-color:#ddd;--hover-bg-color:#e0e0e0;
	--shadow-light:rgba(0,0,0,0.1);
	--shadow-medium:rgba(0,0,0,0.15);
	--shadow-dark:rgba(0,0,0,0.2)}
body{background-color:var(--bg-color)}
.container{margin:0;padding:0;width:100%}
.content{margin:0 auto}
header{background-color:var(--header-bg-color);padding:25px 25px 30px 25px;}
/*header a img{width:100px}*/
h1{color:var(--white);font-size:22px;margin-top:0px;}
h2{margin-top:0;font-size:18px}
p{font-size:14px}
.form-group{background-color:var(--white);padding:10px;margin:20px;border-radius:5px;box-shadow:0 2px 4px var(--shadow-light)}
.form-content{padding:15px;font-size:16px}
.provider-link {display: flex; align-items: center; justify-content: center; padding: 20px 60px; margin: 0 auto 20px; color: var(--text-color); background-color: var(--white); border: 1px solid var(--border-color); border-radius: 4px; text-align: center; font-size: 18px; font-weight: 600; text-decoration: none; box-shadow: 0 2px 5px var(--shadow-medium); transition: background-color .3s, color .3s;}
.provider-link span{margin-right:15px;}
.provider-link:last-child{margin-bottom:0}
.provider-link:hover{background-color:var(--hover-bg-color);color:var(--text-color);box-shadow:0 4px 10px var(--shadow-dark)}
.form-provider{margin-top:20px;}
.activelogin-bankid-ui--wrapper {
	top: 40% !important
}
.link-caret::before {
	content: '>';
	color: grey;
	margin-right: 8px;
	font-weight: bold
}
.alert-warning{padding:30px;}
#language-select{float:right;}
.visually-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.bankid-logo {
	background-image: url('../../images/bankid_logo.svg');
	background-repeat: no-repeat;
	display: inline-block;
}	
.bankid-sm {background-size: 20px;width: 20px;height: 20px;}
.bankid-md {background-size: 46px;width: 46px;height: 46px;}
@media (max-width:768px){
	header{padding:20px 15px}
	/*img{max-width:80%;margin-top:7px}*/
	.provider-link{padding:15px 20px}
	.bankid-md {background-size: 26px;width: 26px;height: 26px;}
}