/*
 * LoginPage styles  V1.1
 * TD Ameritrade
 *  Last updated: August 21, 2017
 */

.login-logoPanel-canvas {
    border-bottom: 1px solid lightgray;
}

.login-formPanel-canvas {
	background-color: white;
	border: none;
}

.login-formPanel-canvas input {
  width: 472px;
  height: 48px !important;
  border: 1px solid #D8D8D8;
  background-color: #F7F7F7 !important;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 21px;
  outline: none;
}

.login-formPanel-canvas div {
	background: white;
}

.login-formPanel-canvas label {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.login-productName-label {
  color: #29292B;
	font-size: 38px;
	font-weight: normal;
  line-height: 42px;
  width: 360px;
  position: absolute;
  top: 55px;
  font-family: Arial, Helvetica, sans-serif;
}

@media (max-width: 580px) {
  .login-productName-label {
    width: 300px;
    top: 38px;
  }
}

.login-userLogin-label,
.login-userLogin-labelFocused {
    color:black;
}

.login-userLogin-textbox,
.login-userLogin-textboxFocused,
.login-userLogin-textboxError {
    background-color: #f3f3f3;
	border:none;
}
.login-userLogin-textboxFocused{
	background-color:#f3f3f3;
}

.login-userLogin-textboxDisabled {
    color:#A6ABB4;
    font-weight: normal;
}

.login-userPassword-label,
.login-userPassword-labelFocused {
    color:black;
}

.login-userPassword-textbox,
.login-userPassword-textboxFocused,
.login-userPassword-textboxError {
    background-color:#f3f3f3;
	border:none;
}

.login-userPassword-textboxFocused {
	background-color:#f3f3f3;
}

.login-buttonPanel-canvas {
  width: 100% !important;
  height: 49px !important;
}

.login-buttonPanel-canvas div {
  width: inherit !important;
  height: inherit !important;
  border-radius: 25px !important;
  left: 0 !important;
}

.login-buttonPanel-canvas table {
  width: inherit !important;
  height: inherit !important;
}

.login-buttonPanel-canvas td div {
  border-radius: 0px !important;
  background: #188800;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-weight: 300;
}

.login-loginButton-button,
.login-loginButton-buttonOver,
.login-loginButton-buttonDown,
.login-loginButton-buttonDisabled,
.login-loginButton-buttonSelected,
.login-loginButton-buttonSelectedDown,
.login-loginButton-buttonSelectedOver,
.login-loginButton-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
    color: white;
    background: #188800;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
    outline: none;
}
.login-loginButton-buttonOver {
    background: #188800;
}
.login-loginButton-buttonDown {
    background-color:#188800;
 }
.login-loginButton-buttonDisabled {
}
.login-loginButton-buttonSelected,
.login-loginButton-buttonSelectedDown,
.login-loginButton-buttonSelectedOver,
.login-loginButton-buttonSelectedDisabled {
    background: #188800;
}
.login-loginButton-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.login-loginButton-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

/* Firm's custom text displayed below buttons */
.login-custom-message {
}

.login-wideSideBar-canvas {
	border-left: 1px solid lightgray;
  top: -40px;
  height: 275px !important;
  left: 538px;
  background: transparent !important;
}

.login-narrowSideBar-canvas {
	border-top: 1px solid lightgray;
	height: 270px !important;
}

@media(max-width: 376px) {
  .login-narrowSideBar-canvas {
    height: auto !important;
    left: 0 !important;
    width: auto !important;
  }
}

/* custom styles referenced in sidebar */

.TDA-sb-display {
	display:inline-block;
}

.login-narrowSideBar-canvas .TDA-sb-display {
  margin-inline-start: 12px;
}

.TDA-sb-img-container {
	display:inline-block;
	vertical-align:middle;
}
.TDA-sb-img-display {
	display:block;
	width:60px;
	height:60px;
}
.TDA-sb-text p.TDA-sb-header {
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	font-size: 20px;
	margin-bottom:0px;
  color: #282829;
  line-height: 26px;
}
.TDA-sb-text {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	padding-right:2.3rem;
	position: relative;
	font-size:0.8rem;
}

.TDA-sb-text p {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
}

/* ============================================================
   Change Expired password page CSS entries
   ============================================================ */

.changeExpiredPW-panel-canvas {

}

.changeExpiredPW-infoText-textbox {
	background-color: #f3f3f3;
	border:none;
}

.changeExpiredPW-formItem-statictext {
}

.changeExpiredPW-formItem-label,
.changeExpiredPW-formItem-labelFocused,
.changeExpiredPW-formItem-labelError {
}

.changeExpiredPW-formItem-textbox,
.changeExpiredPW-formItem-textboxFocused,
.changeExpiredPW-formItem-textboxError {
	background-color: #f3f3f3;
	border:none;
}

.changeExpiredPW-formItem-textboxFocused {
    background-color:#f3f3f3;
}

.changeExpiredPW-login-button,
.changeExpiredPW-login-buttonOver,
.changeExpiredPW-login-buttonDown,
.changeExpiredPW-login-buttonDisabled,
.changeExpiredPW-login-buttonSelected,
.changeExpiredPW-login-buttonSelectedDown,
.changeExpiredPW-login-buttonSelectedOver,
.changeExpiredPW-login-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
	color: white;
    background: #50b948;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.changeExpiredPW-login-buttonOver {
    background: green;
}
.changeExpiredPW-login-buttonDown {
    background-color:limegreen;
}
.changeExpiredPW-login-buttonDisabled {
}
.changeExpiredPW-login-buttonSelected,
.changeExpiredPW-login-buttonSelectedDown,
.changeExpiredPW-login-buttonSelectedOver,
.changeExpiredPW-login-buttonSelectedDisabled {
    background: limegreen;
}
.changeExpiredPW-login-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.changeExpiredPW-login-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

.changeExpiredPW-cancel-button,
.changeExpiredPW-cancel-buttonOver,
.changeExpiredPW-cancel-buttonDown,
.changeExpiredPW-cancel-buttonDisabled,
.changeExpiredPW-cancel-buttonSelected,
.changeExpiredPW-cancel-buttonSelectedDown,
.changeExpiredPW-cancel-buttonSelectedOver,
.changeExpiredPW-cancel-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
	color: #50b948;
    background: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.changeExpiredPW-cancel-buttonOver {
    box-shadow: 0 0 3px #999;
}
.changeExpiredPW-cancel-buttonDown {
    background-color:limegreen;
}
.changeExpiredPW-cancel-buttonDisabled {
}
.changeExpiredPW-cancel-buttonSelected,
.changeExpiredPW-cancel-buttonSelectedDown,
.changeExpiredPW-cancel-buttonSelectedOver,
.changeExpiredPW-cancel-buttonSelectedDisabled {
    background: limegreen;
}
.changeExpiredPW-cancel-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.changeExpiredPW-cancel-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

/* ============================================================
   User Agreement dialog
   ============================================================ */

.userAgreementDialog-header-title {
	font-family:Arial, Helvetica, sans-serif;
}

.userAgreementDialog-header-canvas {
    border-bottom: 1px solid black;
}

.userAgreementDialog-accept-button,
.userAgreementDialog-accept-buttonOver,
.userAgreementDialog-accept-buttonDown,
.userAgreementDialog-accept-buttonDisabled,
.userAgreementDialog-accept-buttonSelected,
.userAgreementDialog-accept-buttonSelectedDown,
.userAgreementDialog-accept-buttonSelectedOver,
.userAgreementDialog-accept-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
	color: white;
    background: #50b948;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.userAgreementDialog-accept-buttonOver {
    background: green;
}
.userAgreementDialog-accept-buttonDown {
    background-color:limegreen;
}
.userAgreementDialog-accept-buttonDisabled {
}
.userAgreementDialog-accept-buttonSelected,
.userAgreementDialog-accept-buttonSelectedDown,
.userAgreementDialog-accept-buttonSelectedOver,
.userAgreementDialog-accept-buttonSelectedDisabled {
    background: limegreen;
}
.userAgreementDialog-accept-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.userAgreementDialog-accept-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

.userAgreementDialog-decline-button,
.userAgreementDialog-decline-buttonOver,
.userAgreementDialog-decline-buttonDown,
.userAgreementDialog-decline-buttonDisabled,
.userAgreementDialog-decline-buttonSelected,
.userAgreementDialog-decline-buttonSelectedDown,
.userAgreementDialog-decline-buttonSelectedOver,
.userAgreementDialog-decline-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
	color: white;
    background: #50b948;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.userAgreementDialog-decline-buttonOver {
    background: green;
}
.userAgreementDialog-decline-buttonDown {
    background-color:limegreen;
}
.userAgreementDialog-decline-buttonDisabled {
}
.userAgreementDialog-decline-buttonSelected,
.userAgreementDialog-decline-buttonSelectedDown,
.userAgreementDialog-decline-buttonSelectedOver,
.userAgreementDialog-decline-buttonSelectedDisabled {
    background: limegreen;
}
.userAgreementDialog-decline-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.userAgreementDialog-decline-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

.userAgreementDialog-close-button,
.userAgreementDialog-close-buttonOver,
.userAgreementDialog-close-buttonDown,
.userAgreementDialog-close-buttonDisabled,
.userAgreementDialog-close-buttonSelected,
.userAgreementDialog-close-buttonSelectedDown,
.userAgreementDialog-close-buttonSelectedOver,
.userAgreementDialog-close-buttonSelectedDisabled {
    font-size: 14px;
    border: none;
	color: white;
    background: #50b948;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    white-space: nowrap;
}
.userAgreementDialog-close-buttonOver {
    background: green;
}
.userAgreementDialog-close-buttonDown {
   background-color:limegreen;
}
.userAgreementDialog-close-buttonDisabled {
}
.userAgreementDialog-close-buttonSelected,
.userAgreementDialog-close-buttonSelectedDown,
.userAgreementDialog-close-buttonSelectedOver,
.userAgreementDialog-close-buttonSelectedDisabled {
    background: limegreen;
}
.userAgreementDialog-close-buttonSelectedOver {
    border-color: #548ACA;
    background: #ddd;
}
.userAgreementDialog-close-buttonSelectedDisabled {
    font-size:11px;
	color:#666666;
}

div {
  outline: none !important;
  background: #D8D8D8;
}

table {
  width: inherit !important;
  height: inherit !important;
}