.not-logged-in {
	background-size: cover;
	top: 0;
	background-repeat: repeat-y;
	left: 0;
	z-index: -1;
	height: 100%;
}
#front-page-navigation {
	background: rgba(0, 0, 0, 0.5);
	height: 60px;
	line-height: 60px;
}

.brand-logo img {
	width: 48px;
	margin-top: 5px;
}

.brand-logo .text-caption {
	font-size: 3rem;
	font-weight: bolder;
	margin-left: 10px;
}

nav i.material-icons {
	font-size: 3rem;
}

nav a.dropdown-button {
	margin-right: 60px;
}

nav ul#nav-mobile a.link {
	top: 10px;
	right: 70px;
}

ul#dropdown-menu-details {
	top: 50px !important;
	left: -260px !important;
	min-width: 300px;
}

.login-wrapper .card-panel i.input-icon {
	top: 10px;
	left: 10px;
}

.login-wrapper {
	margin-top: 2rem !important;
	margin-bottom: 6rem !important;
}

.login-wrapper .card-panel {
	border-radius: 2rem 2rem 0 0;
	padding-top: 5rem !important;
}

.login-wrapper .card-panel .hero-title {
	padding-top: 1rem;
}

.login-wrapper h3 {
	margin-top: 5px;
	margin-bottom: 10px
}

.login-footer-graphic {
	background: url('../images/login-footer.svg');
	background-position: 0 250px;
	background-size: cover;
	height: 60px;
}

.login-avatar {
	width: 120px;
	height: 120px;
	padding: 15px;
	top: 70px;
	border: 1px solid #d6d6d6;
}

.front-page-footer {
	line-height: 40px;
}

.front-page-footer .icon-logo {
	width: 30px;
	top: 5px;
	right: 5px;
}
#gSignIn .abcRioButtonLightBlue {
  background-color: #405de8 !important;
  color: #fff !important;
  width: 100% !important;
}
#gSignIn .abcRioButtonIcon {
    background-color: aliceblue !important;
    height: 100% !important;
}

.g-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
  cursor: pointer;
}