/*
 * Copyright (C) 2015 by Teradata Corporation.
 * All Rights Reserved.
 * TERADATA CONFIDENTIAL AND TRADE SECRET
 */
.td-login {
  letter-spacing: 0.025em;
  font-weight: 100;
  color: #909090;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #3FC3C1 url("../../td/images/fractal-bg.png") repeat center center fixed;
  

  overflow: auto;
}
.td-login-container {
  background: #FFF;
  bottom: 0;
  color: #909090;
  left: 5.25%;
  min-width: 420px;
  padding: 7% 30px 24px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 18%;
  min-height:790px;
}
.td-login-main {
  position: absolute;
  top: 45%;
  transform: translateY(-45%);
}
.td-login-main .td-login-product-name {
  color: #999;
  text-align: center;
  margin-top: -35px;
  font-size: 18px;
  margin-bottom: 50px;
  font-weight: normal;
}
.td-login-footer {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 100%;
  transform: translateY(-120px);
  text-align: center;
}
.td-login-error-text {
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: red;
  letter-spacing: .05em;
  height: 40px;
  margin-top: 40px;
}
.td-login-logo {
  background: url('../../td/images/BevMoLogo_WebSite.gif') no-repeat top center;
  width: 100%;
  height: 120px;
}
.td-login-forgot-pwd {
  color: #6FD2D0;
  text-align: center;
  margin: 18px 0;
  display: block;
  cursor: pointer;
}

.td-login-forgot-pwd a{
 color: #6FD2D0;
}

.td-login-links ul li {
  padding: 2px;
  font-size: 12px;
}
.td-login-links ul li:before {
  content: " | ";
}
.td-login-links ul li:first-child:before {
  content: none;
}
.td-login-links a {
  cursor: pointer;
}
.td-selectbox {
  position: relative;
  display: block;
}
.td-login-select-label {
  position: absolute;
  top: -15px;
  font-size: 14px;
  display: block;
  padding-left: 5px;
}
.td-login-select-btn {
  color: #909090;
  background-color: #fff;
  padding: 10px 10px 0 5px;
  display: block;
  width: 360px;
  border: none;
  border-bottom: 1px solid #909090;
  text-align: left;
  font-weight: normal;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  height: 40px;
}
.td-login-select-btn .caret {
  float: right;
  display: inline-block;
}
.td-login-select {
  border-top: 1px solid #6FD2D0;
  width: 360px;
  top: 35px;
}
.td-login-btn {
  width: 100%;
  border: none;
  background-color: #6FD2D0;
  font-size: 1em;
  font-family: 'Roboto:500' sans-serif;
  line-height: 2.0em;
  border-radius: 2px;
  color: #fff;
  letter-spacing: .05em;
  height: 40px;
  margin-top: 30px;
}
/* Used to stop the Chrome autofill styling on login page only */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #909090;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: , 0 0 0 50px white inset;
  -webkit-text-fill-color: #909090;
}
.group {
  position: relative;
  margin-bottom: 30px;
}
.group .icon {
  position: absolute;
  color: #fff;
  font-size: 1.2em;
  top: 12px;
  right: 0px;
  transition: 0.2s ease all;
}
.group input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 360px;
  border: none;
  border-bottom: 1px solid #909090;
  background: transparent;
  color: #909090;
  transition: 0.2s ease all;
}
.group label {
  color: #909090;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 10px;
  transition: 0.2s ease all;
}
/* active state */
.group input:focus {
  outline: none;
  border-bottom: 1px solid #6FD2D0;
}
.group input:focus ~ .icon {
  color: #6FD2D0;
}
.group input:focus ~ label,
.group input.used ~ label {
  top: -15px;
  font-size: 14px;
}
.group input:focus ~ label {
  color: #6FD2D0;
}
.group input.used:invalid {
  box-shadow: none;
}
.td-login-fail {
  border-bottom: 1px solid red !important;
  height: 40px;
}
.copyright {
  font-size: 12px;
}