.policy-met {
    display: inline-block;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANdJREFUeNpiZCATzDxjrACk8hnJ1GwApPYDsSMLBZoXpJucvcBEpmYQaAQRjCRoFgBS94EYRCcCbV9AtAFQzSCbQS54ANSsCJMj1gv9UM1wp8MAI5oNE2FOQ7I9AUjNh3JRbAe7AM1586EakOO6H0l9I7rTmJA0wwCyIfOhgQazfQE2AwqB+AOaOMgQkM0OSGITsQUOchiAbAvAEYggCxSBLviA1QAkPxeg+RkGQKkuEZvJKNEIVDQBSBmC/IumbiKu+GXEk3DWQ8MAI+pISfuwwMQJAAIMALWNTrID49p4AAAAAElFTkSuQmCC");
}

.policy-failed {
    display: inline-block;
    margin-left: 5px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPZJREFUeNqUU8ERgkAMPBkLoARKwL+Po5OjA60AOsAOoAQ7gId/KQE7sAPcOMtMOLlTM7PDsckmmVzOGGWzPabAyQRMfBKjuUSL8emBBud2QyxcIzE6SeKJc/IOXK3Ecnb8zXWSPUkLZF7RCkHTcvZ8GTXXnaoimVvVRchGoNwNt3E1AxIF0EXE4isW8VsXmLYMy7+NC4RnPzYJVHr8yH12gOoyoDuQeq4ncEAX07cOGiUuCUOuiXaA6pb7YDjpjrzjDRkOcQh1UPli3lCnOqlCe26BmdVCMY4xdsvZ6/WNJKkl1ifzrQcUSdJyc1fD+8sWzUuAAQBRrWoczi32nwAAAABJRU5ErkJggg==");
}

#passwd-reset-title{
	display: flex;
	flex-direction: column;
    justify-content:flex-start;
    align-items: center;
    background: #390;
}

.passwd-reset-sitename{
    font-size: 2.2rem;
    color: #fff;
}

.passwd-reset-subtitle{
    font-size: 1.6rem;
    color: #000;
}

#passwd-reset{
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
}

.passwd-reset-status-section{
	border-radius: 0.4rem;
	margin: 0.5rem;
	padding: 0.5rem;
}

.gstatus-bar{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.gstep{
	font-family: sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.5rem;
	border-radius: 50%;
	background: #777;
	color: #fff;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.gstep.active{
	background: #390;
	color: #fff;
}

div.gstep.invalid {
    background-color: #f00;
}

.passwd-reset-spacer{
	border-bottom: 1px solid #666;
	flex-grow: 1;
	margin-left: 1rem;
	margin-right: 1rem;
}

.gstatus-action{
    background: #ccc;
    display: flex;
    justify-content: space-between;
}

.gstatus-action:empty{
    background: #000;
    padding: 0;
}

.passwd-reset-info{
    background: rgb(255 255 150);
    border: 1px solid rgb(253 200 86);
    border-radius: 0.4rem;
    padding: 1rem;
}

body.notloggedin header .navbar-nav div.usermenu{
    width: auto;
}

a[href^="tel"] {
    padding: 0.5rem 1rem 0.5rem 3rem;
    background: #390;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0.3rem;
    background-image: url("img/phone.png");
    background-position: left;
    background-size: contain;
}

.username {
    font-size: large;
    font-weight: bold;
}