html {
    height: 100%
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #5abca3;
    background: -webkit-linear-gradient(50deg, #5abca3, #d4003f) no-repeat;
    background: -o-linear-gradient(50deg, #5abca3, #d4003f) no-repeat;
    background: -moz-linear-gradient(50deg, #5abca3, #d4003f) no-repeat;
    background: linear-gradient(50deg, #5abca3, #d4003f) no-repeat;
}
.account-box {
    z-index: 3;
    font-size: 13px !important;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    background-color: rgba(255,255,255,0.4);
    box-shadow: 0 20px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 20px 40px;
}

.logo {
    height: 30px;
    text-align: center;
    margin: 10px 0px 27px 0px;
    background-position: 0px 4px;
    position: relative;
    font-size: 2em;
    color:white;
    text-transform: uppercase;
}

.login-title {
    color: #FFF;
    margin: -10px 0 10px;
    text-transform: uppercase;
}

.line-box {
    position: relative;
    margin-top:20px;
}
.btn-google {
    background-color: #454545;
    color: #fff !important;
    font-weight:bold;
}
.btn-google:hover {
    background: #333;
}

.login-message {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    color: #773344;
    font-size: 1.2em;
    margin: 0 0 20px;
    padding: 15px 40px;
    text-align: center;
    display: none;
}

.login-loading {
    padding: 40px 0;
    text-align: center;
    display: none;
}

#circularG {
	position:relative;
	width:58px;
	height:58px;
	margin: auto;
}

.circularG {
	position:absolute;
	background-color:rgba(68,68,68,0.74);
	width:14px;
	height:14px;
	border-radius:9px;
	animation-name:bounce_circularG;
	animation-duration:1.1s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}
#circularG_1 {left:0; top:23px; animation-delay:0.41s;}
#circularG_2 {left:6px; top:6px; animation-delay:0.55s;}
#circularG_3 {top:0; left:23px; animation-delay:0.69s;}
#circularG_4 {right:6px; top:6px; animation-delay:0.83s;}
#circularG_5 {right:0; top:23px; animation-delay:0.97s;}
#circularG_6 {right:6px; bottom:6px; animation-delay:1.1s;}
#circularG_7 {left:23px; bottom:0; animation-delay:1.24s;}
#circularG_8 {left:6px; bottom:6px; animation-delay:1.38s;}

@keyframes bounce_circularG{
	0% { transform:scale(1);}
    100% {transform:scale(.3);}
}