#auth-service {
    max-width: 600px;
    margin: 5px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
}

#auth-service.create-form {
    max-width: 800px;
}

#auth-spinner {
    margin-left: 15px;
    font-size: 20px;
    vertical-align: middle;
}

#auth-service.login-form p{
    font-size: 14px;
    margin: 0;
}
#auth-service input[type='submit']{
    margin: 0;
}

#auth-service .login-left{
    width: 200px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
    border-right: 2px solid #999;
}

#auth-service .login-right{
    width: 350px;
    padding-left: 2px;
    display: inline-block;
}


#auth-service h2 + * {
    margin-top: 0;
}

#auth-service.create-form .login-left {
    width: 375px;
    padding-right: 25px;
}
#auth-service.create-form .login-right {
    width: 375px;
    padding-left: 25px;
}

#auth-service h2 a {
    font-size: 16px;
}

#auth-service .activate-spinner{
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    height: 40px;
    margin-bottom: 5px;
    vertical-align: top;
}
#auth-service .activate-spinner i.success{
    color: #ffa500;
}
#auth-service .activate-spinner i.error{
    color: red;
    font-size: 36px;
}

#authservice-activate-callout {
    margin-bottom: 20px;
}
/*#auth-service .activate-login-wrapper {
    height: 150px;
}*/

@media screen and (max-width: 639px) {
    #auth-service .login-left{
        border-right: 0;
        border-bottom: 2px solid #999;
        display: block;
        width: auto;
    }
    #auth-service .login-right{
        display: block;
        width: auto;
        padding-left: 0;
        padding-top: 15px;
    }
}



@media screen and (max-width: 990px) {
    #auth-service.create-form .login-left{
        border-right: 0;
        padding-right: 10px;
        padding-bottom: 10px;
        border-bottom: 2px solid #999;
        display: block;
        width: auto;
    }
    #auth-service.create-form .login-right{
        display: block;
        width: auto;
        padding-left: 0;
        padding-right: 10px;
        padding-top: 15px;
    }
}

#auth-service .method-row:not(last-child){
    margin-bottom: 15px;
}

#auth-service .customGPlusSignIn {
  display: inline-block;
  width: 100%;
  max-width: 360px;
  color: #000;
  background: grey;
  border-radius: 3px;
  border: thin solid #000;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  white-space: nowrap;
}
#auth-service .customGPlusSignIn:hover {
  cursor: pointer;
  color: #fff;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#auth-service .customGPlusSignIn span.label {
  font-family: serif;
  font-weight: normal;
}
#auth-service .customGPlusSignIn span.icon {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  background: url('https://google-developers.appspot.com/identity/sign-in/g-normal.png') #fff 5px 50% no-repeat;
  border-radius: 2px;
  box-shadow: 8px 0 15px -5px rgba(0,0,0,0.65);
}
#auth-service .customGPlusSignIn span.buttonText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 40px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
}