#passportLoginDialog {
	max-width:448px;
	overflow-y:auto;
	border-radius:10px;
}

#passportLoginDialog .mdui-btn {
	border-radius: 5px
}

#passportLoginDialog .mdui-textfield {
	padding-top: 0px !important;
}

#passportLoginDialog .mdui-card-content {
	padding: 16px 16px 0 16px;
}

@keyframes spinner {
	to {transform: rotate(360deg);}
}

#passportLoginDialog .login-spinner:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%;
	border-top: 2px solid #0d47a1;
	border-right: 2px solid transparent;
	animation: spinner .6s linear infinite;
}

#passportLoginDialog .spinner-text {
	font-weight: 300;
	text-align: center;
	top: 50%;
}

#passportLoginDialog .e-text {
	font-weight: 300;
	text-align: center;
}

#passportLoginDialog .mdui-card-primary {
    max-width: 200px;
}


#passportLoginDialog .mdui-card-primary-title {
    margin: 0 -1rem .4rem;
    border-left: solid #0d47a1 3px;
    padding: 0 1.2rem 0 .8rem;
    line-height: 2rem;
}

#passportLoginDialog > [mdui-dialog-close] {
	position:fixed;
	top:16px;
	left:calc(100% - 52px);
	display:block;
	color:white;
}

@media (max-width:699.9px) {
	#passportLoginDialog > .login-child {
		padding-top: 16px;
	}
    #passportLoginDialog {
    	position:fixed!important;
    	top:0!important;
    	right:0!important;
    	bottom:0!important;
    	left:0!important;
    	width:100%!important;
    	max-width:none!important;
    	height:100%!important;
	    max-height:none!important;
	    margin:0!important;
    	border-radius:0!important;
    }
    #passportLoginDialog > [mdui-dialog-close] {
	    top:24px;
	    left:calc(100% - 52px);
    }
}