/**
 * LOGIN CSS
 * 
 * 
 * 
 * @author		Rolf Mortenson
 * @link		http://www.nyseblue.com
 * @email		rmortenson@nyseblue.com
 * 
 * @file		login.css
 * @version		5.4
 * @date		10/27/2010
 * 
 * Copyright (c) 2010
 */

/*----- login page */
.login {}

.login-buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}

.login-button {
  width: 9rem;
  border-radius: 3px;
  background-color: #064bba;
  border: 1px solid #000;
  color: #fff;
  box-shadow: 0 0.5px #000;
  font-size: 1em;
  cursor: pointer;
}

.login-button:active {
  box-shadow: 0 1px black;
  transform: translateY(1px);
}

.separator-row {
  display: flex;
  flex-direction: row;
  gap: 0 1rem;
  justify-content: center;
  align-items: center;
}

.line {
  display: inline-block;
  width: 6rem;
  height: 2px;
  background-color: #064bba;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(3, 9rem);
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
}


.form-field-label {
  text-align: right;
}

#username, #passwordField {
  width: 9rem;
}

.login #login { margin:10px 0px; padding: 30px 80px; border: 1px solid #CCC; background: #FFF url(../../images/bg/bg-dogear-lg.png) no-repeat right top;}
.login fieldset, .login .simple-container {margin-bottom: 25px;}
.login #login h3 {color: #666;}
.login .side {margin-top: 10px; background: url(../../images/bg/bg-dogear-sm.png) no-repeat right top;}
.login .side p,
.login .side ul {font-size: .9em;}
.login .side h3 {margin-top: 10px; }
.login a.note {font-size: .9em;}
.login #forgot-pwd-dialog #check-security {margin-top: 0px;}
.login #forgot-pwd-dialog textarea {width: 280px;margin-top: 10px;}
* html .login #forgot-pwd-dialog .stack label {white-space: normal;}