/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

/* Common */
li.social-login {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent none;
}

.oauth2-login-container ul,
.oauth2-login-container ul li
{
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent none;
}

.oauth2-login-container li img {
  width: 32px;
  height: 32px;
}

/* Pre-checkout */
.checkout-block form.login-form {
  display: block;
}

/* Header */
.oauth2-login-header {
  padding-top: 3px;
}

.oauth2-login-header li img {
  width: 24px;
  height: 24px;
}

.oauth2-login-header ul li {
  margin-left: 0;
  margin-right: 15px;
  display: inline-block;
}

.oauth2-login-header ul li:last-child {
  margin-right: 0;
}

.account-links .oauth2-login-header {
  padding-left: 15px;
}

/* Checkout */
.oauth2-login-checkout {
  position: relative;
  vertical-align: top;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  padding-bottom: 40px;
}

.oauth2-login-checkout ul li {
  width: 100%;
  margin-bottom: 19px;
}

.oauth2-login-checkout ul li a {
  width: 100%;
}

/* Sign-in block */
.oauth2-login-signin {
  position: relative;
  max-width: 366px;
  margin: 20px auto 0 auto;
}

.oauth2-login-signin ul li {
  display: block;
  white-space: nowrap;
  margin-bottom: 19px;
}

.oauth2-login-signin ul li a {
  width: 100%;
}

/* Checkout/Sign-in or line */
.oauth2-login-checkout .or-line,
.oauth2-login-signin .or-line {
  width: 100%;
  height: 20px;
  padding: 0;
  float: none;
  position: absolute;
  top: 0;
  left: 0;
}

.oauth2-login-checkout .or-line div,
.oauth2-login-signin .or-line div {
  margin-left: 0;
  margin-top: 10px;
  border-left: 0 none;
  border-top: 1px solid #ddd;
  overflow-y: visible;
  width: 100%;
  height: auto;
}

.oauth2-login-checkout .or-line span,
.oauth2-login-signin .or-line span {
  top: 0;
  left: 50%;
  padding: 0 8px;
  display: block;
  position: absolute;
  background-color: #fff;
  color: #ddd;
  margin-left: -.5em;
}

.oauth2-login-checkout ul,
.oauth2-login-signin ul {
  margin-left: 0;
  padding-top: 45px;
}