/*core_login.css*/
/* Suppress default body-block margin on the password-expired page */
div#body-block {
    margin: 0;
}

/* Full-viewport flex wrapper */
#pe-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

/* White card container */
#pe-wrapper .login-container {
    box-sizing: border-box;
    position: absolute;
    width: 535px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);
    top: 5%;
}

/* Generic logo strip — zero height by default; client CSS sets height
   and background to display the brand logo without JSP changes */
#pe-wrapper .login-logo-container {
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

/* Inner content area */
#pe-wrapper .pe-container {
    padding: 15px 30px 20px;
    box-sizing: border-box;
}

/* "Change Password" heading */
#pe-wrapper .pe-container h2.pe {
    font-size: 17px;
    color: #000000;
    padding: 0;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
}

/* Expiry warning */
#pe-wrapper .pe-container h4.warning_large_old {
    color: #333333;
    font-size: 14px;
    margin: 0 0 8px 0;
    text-align: left;
}

/* Field groups */
#pe-wrapper .input-group {
    margin: 10px 0;
}

#pe-wrapper .input-group label {
    display: block;
    float: none !important;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #444444;
}

#pe-wrapper .input-group input {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 9px !important;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 14px;
    height: auto;
    margin: 0;
}

#pe-wrapper .input-group input:focus {
    border: 2px solid #3b71ca;
    outline: none;
}

/* Password policy inline display */
#pe-wrapper div#password_policy_display {
    width: 100%;
    height: auto;
    font-size: 13px;
    margin: 4px 0 8px 0;
    color: #333333;
}

#pe-wrapper div#password_policy_display ul {
    list-style: disc !important;
    margin-left: 20px;
    padding-left: 0;
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-top: 4px;
}

#pe-wrapper div#password_policy_display ul li {
    margin-bottom: 6px;
    line-height: 1.4;
    text-align: left;
}

/* Submit button — layout/structure only, NO background colour.
   Scoped to #pe-wrapper (specificity 1,1,0) so width:100% and
   box-sizing cannot be overridden by low-specificity client rules,
   keeping the button in perfect alignment with .input-group.
   Each client's module_login.css supplies the button colour via
   its own #pe-wrapper rule (loaded after this file). */
#pe-wrapper .reset-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9px;
    margin: 10px 0 0 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
}

#pe-wrapper .reset-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Server-side error block */
#pe-wrapper .errors-password-expired {
    width: 100%;
    margin-bottom: 6px;
    margin-top: 10px;
}

/* Supplementary "added security measure" note */
#pe-wrapper .ol {
    width: 100%;
    box-sizing: border-box;
}

#pe-wrapper .ol p {
    font-size: 12px;
    color: #666666;
    margin-top: 12px;
}

/* "Passwords are case sensitive" note */
#pe-wrapper .messaging_info {
    font-size: 12px;
    color: #666666;
    margin-top: 8px;
    padding: 0;
    background: transparent;
    border: none;
    width: auto;
}

/* ============================================================
   Logout confirmation page
   ============================================================ */
/*Css for Logout confirmation page*/
.login-conf-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    padding: 20px;
}
.logout-confirmation {
    font-size: 17px;
    margin-bottom: 10px;
}
.logout-confirmation-msg {
    font-size: 12px;
    margin-bottom: 20px;
}
.back-conf a {
    font-size: 12px;
    color: #0271BB;
    text-decoration: underline;
    padding: 0px 1px;
    border: 0px solid #000;
    border-radius: 5px;
    text-align: left;
}
.back-conf a:hover {
    text-decoration: underline;
}
.input-group-conf {
    margin: 12px 7px 0;!important
}
.container-conf {
    background: #FFFFFF !important;
    width: 435px !important;
    position: absolute;
    left: 14%;
    top: 28%;
}
/*client_branding.css*/
/**  - Coloring - **/
/*  Navigation */
div.nav, div.nav ul, div.subnav, div.subnav ul, div.nav li{
	float: none;
}
div.nav ul{
	padding:0 180px 0 20px;
}
div.subnav li{
	float: none;
}
div.subnav li.sub-selected a, div.subnav li.sub-selected a:link{
	background: transparent url(images/active.gif) no-repeat scroll center bottom;
	display: inline-block;
}
div.subnav li a:hover, div.subnav li a:active, div.subnav li.sub-selected a, div.subnav li.sub-selected a:link, div.subnav li.sub-selected a:active, div.subnav li.sub-selected a:hover {
	color:#797979;
	line-height:2;
}

/** Template - BBVA **/
body, td, th {
	font-family: Arial;
	color:#797979;
}
/* Structure */
div#header {
	background:transparent url(/images/BBVA_logo.gif) no-repeat 15px 10px;
	text-indent:-2000px;
}
div#uat{	 
	position: absolute; 
	font-size: 20px; 
	z-index: 2000; 
	left: 40%; 
	top: 30px; 
	text-indent: 0px;
	transform: translateX(-23%);
}
div#header h1 {
	background:transparent url(/images/BBVA_SyndBook.gif) no-repeat scroll 100% 4px;
}
div#body-block {
	clear: both;
}
div#listIssuesUpdate .button {
	margin-left:10px;
}

/* Main Generic */    
h1, h2, h3, h4, h5 {
	color:#78AAB9;
}
h2{
	padding: 0px 15px;
}

/* HTML Generics 
 These to change: */
 a, a:link, a.reverse, a.reverse:link {
	color:#78AAB9;
}
a:hover, a:active, a.reverse:hover, a.reverse:active {
	color:#220B9D;
	text-decoration: none;
}

a.clean, a.clean:link {
	color: #fff;
	background: #78AAB9 none repeat-x 0 0;
}
a.clean:hover, a.clean:active {
	color: #fff;
	background-color: #220B9D;
}
/* Forms */
/* Fill in these: 
*/
label {
	color: #78AAB9;
}
/* Tables */
#hedgeSwitchWrapper table{	
	border: 0px;
	border-left: 1px solid #DBDDDE;
	border-top: 1px solid #DBDDDE;
}
#hedgeSwitchWrapper td, #hedgeSwitchWrapper th{
	border: 0px;
	border-right: 1px solid #DBDDDE;	
	border-bottom: 1px solid #DBDDDE;
}

/* Fill  in these: table {
	background-color: #;
	border: 1px solid #;
}
*/
td, th{
	background-color:#ffffff;
}

th, td.theadTagFix {
	background: #F1F6F8 !important;
	background-color: #F1F6F8;
	color: #78AAB9;
}
#multiTrancheListOrdersDataHeaders th,
#multiTrancheListOrdersDataHeaders th table.lockedInnerTable {
	border-left-color:#fff;
	border-right-color:#fff;
}
#multiTrancheListOrdersDataHeaders th table.lockedInnerTable {
	border-left-width:1px;
}
#multiTrancheListOrdersDataHeaders th img, #dataListTHead th img{
	display: none;
}
table th a, table th a:link, td.theadTagFix a, td.theadTagFix a:link, th a, th a:link, table td.theadTagFix a, table td.theadTagFix a:link {
	color: #002395;
	background: none !important;
}
th a:hover, th a:active, table td.theadTagFix a:hover, table td.theadTagFix a:active{
	color: #220B9D;
	background: none !important;
}

table th a:hover, table th a:active, td.theadTagFix a:hover, td.theadTagFix a:active {
	color: #220B9D;	
	background: none !important;
}
/*
td {
	color: #;
	border: 1px solid #;
	background-color: #;
}
tfoot td {
	background-color: #;
}
*/
tr.row0, tr.row0 td, .row0 {
	background-color: #FFFFFF;
}

tr.row1, tr.row1 td, .row1 {
	background-color: #F1F6F8;
}
tr.row-highlight, tr.row-highlight td,  .row-highlight {
	background-color: #F1F6F8 !important;
}


tr.row-select td, .row-select, tr.yui_row_hover td, div.row-select{
	background-color: #DEFAEB;
}

.yui-ac-content li.yui-ac-highlight {
	background: #002395 none repeat scroll 0 0;
	color:#FFFFFF;
}


a.travel_event_icon,a.travel_event_icon:link,a.travel_event_icon:hover,a.travel_event_icon:active {
	background-image: url(/images/wl_travel_event_sprite.png);
}
table.yui-calendar td.calcell div h4.travel_eventHotel, table.yui-calendar td.calcell div h4.travel_eventFlight, table.yui-calendar td.calcell div h4.travel_eventTrain, table.yui-calendar td.calcell div h4.travel_eventGround {
	background-image: url(/images/wl_travel_event_sprite.png);
}
table.yui-calendar td.calcell div h4.private_event {
	background-image: url(/images/wl_travel_event_sprite.png);
}
/* Template */
 div.default_block {
	background-color: transparent;
}
/* Utilities */
/* To change is these: */
div.scpopup, div.pop-up {
	background-color: #FFFFFF;
	border-color: #DBDDDE;
}
div.scpopup table {
	background-color: #F1F1F1;
	border-color: #DBDDDE;
}
div.scpopup table td{
	background-color: #F1F1F1;
}
span.button a, span.button a:link, span.button-input a, span.button-input a:link, tr.colhead th span.button a{
	color: #78AAB9;
	font-weight: normal !important;
	border:1px solid #DBDBDB;
	display:inline-block;
}
span.button a:hover, span.button a:active, span.button-input a:hover, span.button-input a:active, tr.colhead th span.button a:hover, tr.colhead th span.button a:active{
	color: #78AAB9;
}
span.button-body {
 	background: #F5FCFF none;
 	padding:0 6px;
 	display:inline-block;
}
span.button-left {
	display:none;
}
span.button-right {
 	display:none;
}
.trancheRefreshButtonContainer span.button {
	vertical-align:top;
}
span.emphasised span.button a span.button-body {
	border:none;
	color:#fff;
	padding-top:0;
	padding-bottom:0;
}

form#termsheetPageWrapper #productCoverageTitle a.toggle_display_h, 
form#termsheetPageWrapper #productCoverageTitle a.toggle_display_h:link, 
form#termsheetPageWrapper #productCoverageTitle a.toggle_display_h:active, 
form#termsheetPageWrapper #productCoverageTitle a.toggle_display_h:hover,
form#termsheetPageWrapper #documentsTitle a.toggle_display_h,
form#termsheetPageWrapper #documentsTitle a.toggle_display_h:link, 
form#termsheetPageWrapper #documentsTitle a.toggle_display_h:active,
form#termsheetPageWrapper #documentsTitle a.toggle_display_h:hover{
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 9px; 
}

form#termsheetPageWrapper #documentsDiv a.toggle_display_visible_h, 
form#termsheetPageWrapper #documentsDiv a.toggle_display_visible_h:link, 
form#termsheetPageWrapper #documentsDiv a.toggle_display_visible_h:active, 
form#termsheetPageWrapper #documentsDiv a.toggle_display_visible_h:hover,
form#termsheetPageWrapper #productCoverageDiv a.toggle_display_visible_h,
form#termsheetPageWrapper #productCoverageDiv a.toggle_display_visible_h:link,
form#termsheetPageWrapper #productCoverageDiv a.toggle_display_visible_h:active,
form#termsheetPageWrapper #productCoverageDiv a.toggle_display_visible_h:hover{
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -30px;
}

a.toggle_display, a.toggle_display:link,
table th#viewDealTrancheReferenceToggle a#showPrices:link,
table th#viewDealTrancheReferenceToggle a#showPrices,
table th#viewDealTrancheReferenceToggle a#showPrices:hover,
table th#viewDealTrancheReferenceToggle a#showPrices:active{
	color: #002395;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 2px; 
}
a.toggle_display_visible, a.toggle_display_visible:link {
	color: #002395;
	background: none;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -30px;
}
a.toggle_display_h, a.toggle_display_h:link {
	color: #002395;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 8px; 
}
a.toggle_display_visible_h, 
a.toggle_display_visible_h:link, 
a.toggle_display_visible_h:active, 
a.toggle_display_visible_h:hover{
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -30px; 
}
a.toggle_display_h, 
a.toggle_display_h:link, 
a.toggle_display_h:hover, 
a.toggle_display_h:active {
	color: #002395;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 9px; 	
}
a.contract_link, a.contract_link:link, a.contract_link:hover, a.contract_link:active {
	color: #002395;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -37px;  
}
a.expand_link, a.expand_link:link, a.expand_link:hover, a.expand_link:active, a.expand_working, a.expand_working:link, a.expand_working:hover, a.expand_working:active {
	color: #002395;
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 2px; 
}
#contentHide{
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -38px;
}
#listIssuesInfo, #listRoadshowInfo{
	background:transparent url(/images/nav_bg.png) repeat-x scroll 0 bottom;
}

div#listIssuesInfo ol#tabs {
	padding-bottom: 0px;
}
#listOrdersNavigation {
	background:transparent url(images/nav_bg.png) repeat-x scroll left bottom;
}
#listOrdersNavigationUpdate{
	padding-top: 0px;
	top:0px;
}
ol.navigation_tabs {
	background-color: #ffffff;
	color: #000;
	padding-left: 20px;
}
.navigation_tabs li{
	margin:0 5px -1px 0;
}
ol.navigation_tabs li.tranche_heading {
	color: #002395;
}
ol.navigation_tabs a, ol.navigation_tabs a:link{
	border: 0px;
	color: #797979;
	border-color: transparent;
	background: transparent none repeat scroll 0 0;
	margin-right: 2px;
}
ol.navigation_tabs a:hover, ol.navigation_tabs a:active{
	border: 0px;
	color: #002395;
	border-color: transparent;
	background: transparent none repeat scroll 0 0;
	margin-right: 2px;
}
#diagnosticNavigation a.diagnostic_selected, #diagnosticNavigation a.diagnostic_selected:link,
ol.navigation_tabs li.selected a, ol.navigation_tabs li.selected a:link, ol.navigation_tabs li.selected a:hover, ol.navigation_tabs li.selected a:active{
	border: 0px;
	font-weight: bold;
	background: transparent url(images/active.gif) no-repeat scroll center bottom !important;
	color:#171D9D;
	padding-bottom: 0px;
	margin-bottom: 1px;
}


/* Hedge Switch */
/* Fill in these: */
div#rightSide, div#dataList{
	background-color: transparent;
}

div#listIssuesStatus ol{
	clear: both;
}

/* Issuer Update Reports */
/* Fill in these: */

div.iurModal {
	border:2px solid #002395;
}
div#iur-edit-panel li {
	background: #fff url(/images/bbva_iur_edit.gif) no-repeat center left;
	color: #fff;
}
div#iur-edit-panel span span{
	float: none;
}
div.block_wrapper h3.iur_header, div.block_wrapper h3 {
	color: #002395;
}
#IURdisabledZone #IURmessageZone  {
	background: #fff url(/images/working_lt.gif) no-repeat center center;
}


form#updatePasswordForm ol.editorial, #updatePwdElems ol{
	padding-left: 50px; 
	color: #666;
	text-align: left;
}


.temporary{
	color: #33CCFF
}
form#multiTrancheListOrdersForm .row-select td.locked_right, form#multiTrancheListOrdersForm .row-select td.locked_right_right {
	background-color: #DEFAEB;
}
td.locked .lockedInner table.lockedInnerTable {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

form#multiTrancheListOrdersForm tr.row-checked td.row-select {
	background-color: #DEFAEB;
}


th#viewDealTrancheReferenceToggle a#showPrices, th#viewDealTrancheReferenceToggle a#showPrices:link {
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px 2px;
	color: #002395;
}

th#viewDealTrancheReferenceToggle a#hidePrices, th#viewDealTrancheReferenceToggle a#hidePrices:link{
	background: transparent url(/images/bbva_show_hide.gif) no-repeat 0px -38px;
	color: #002395;
}

form#multiTrancheListOrdersForm #dataListHeader table th{
	height: auto;
}

form#multiTrancheListOrdersForm table tr th.blank, form#multiTrancheListOrdersForm table tr td.blank{
	background-color: #ffffff !important;
	border: 1px solid #FFFFFF !important;
	background: none;
}
form#multiTrancheListOrdersForm div#dealSummaryPopup table{
	width: auto;
	display: table;
}
 
form#multiTrancheListOrdersForm table.trancheSummary thead td a{
	font-size: 15px;
	font-weight: bold;
}

#icmaStatusAdmin{
	position: absolute;
	right: 0px;
	top:2px;
	*top:0px;
	background-color:#fff;
	height:15px;
}
* html #icmaStatusAdmin div {
  margin-top: 5px;
}
tr.whitetr th{
	border: 1px solid transparent !important;
}
table#multiTrancheListOrdersDataHeader thead th div#deskItemIdToButton {
	margin-top:23px;
	*margin-top:13px;
}
#InvestorTHInner td, #typeTH td{
	font-weight: bold;
	color: #78AAB9;
}
div.messaging_warning {
	background:#eeaf30 url(/images/isynd_warning_201.gif) no-repeat scroll 0 50%;
	color:#FFFFFF;
}
div.messaging_error {
	background:#eeaf30 url(/images/isynd_error_201.gif) no-repeat scroll 0 50%;
}
form#listOrdersAssignSalesUsers #dataList, form#listOrdersAssignDesks #dataList, form#assignSyndicatesToOrders #dataList{
	padding-right: 1px;
}

#listOrdersAssignSalesUsers div.scollingdataheader, #listOrdersAssignSalesUsers div#fixedTableHeader,
#listOrdersAssignDesks div.scollingdataheader, #listOrdersAssignDesks div#fixedTableHeader,
#assignSyndicatesToOrders div.scollingdataheader, #assignSyndicatesToOrders div#fixedTableHeader {
	margin-right:17px;
}
/* Utilities backgrounds*/
.preview_pane .preview_pane_header {
	background: #dbddde url(/images/scpop_header.gif) repeat-x 0 0;
}	
div.scpopup h4 {
	background: #dbddde url(/images/scpop_header.gif) repeat-x 0 0;
}
/*module_login.css*/
/* Login */            
form#loginForm, form#updatePasswordForm {
	background: none;     
	margin-top: 20px;
}
form#updatePasswordForm {	
	margin-top: 30px;
}
div#login-bottom p {
	margin: 15px 10px;
	font-size: 10px;
	color: #333333;  
}
form#loginForm label, form#updatePasswordForm label {
	line-height: 2;
	width: 130px;
	text-align: right;
}
div#form-error {
	margin: 0;
	background-color: #eeaf30;
}
form#updatePasswordForm label {
	display: inline-block;
}
input#updatePwdSave {
	width: 32px;
	height: 18px;
	margin-bottom: -6px;
}
/*button {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	border-width: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0 5px;
	padding: 0px;
	background: transparent url(/images/bbva_login_button.gif) repeat 0px 0px; 	
	width: 53px;
	height: 17px;
}*/
div#outerDiv{
	width: 900px;
	margin: 0 auto;
	display:block;
	position: relative;
 	height: 270px;
}
.qfg{
  background:#e5e5e5;
  margin: 0;
  padding: 0;
  display:inline-block;
  width: 860px;
  background: transparent url(/images/gradient.gif) repeat 0px 0px; 
  height: 270px;
  top: 0px;
  left: 26px;
  position: relative;
}  
.leftSide{
  position: absolute;
  background: transparent url(/images/left_side_bbva.gif) repeat 0px 0px; 
  width: 26px;
  height: 270px;
  z-index:2;
 }
.rightSide{
  position: absolute;
  right:0px;
  background: transparent url(/images/right_side_bbva.gif) repeat 0px 0px; 
  width: 26px;
  height: 270px;
  z-index:2;
}

/*Password reset page alignment*/

#login-wrapper > .back {
    position: relative;
    top: -1% !important;
    left: 4% !important;
    float: left;
}
#login-wrapper > .terms {
    position: static;
    margin-left: 60px !important;
    padding-left: 20px !important;
    text-align: left !important;
    width: 100%;
    box-sizing: border-box !important;
    margin-top: 19px !important;
}
#credentialSubmit {
    width: 432px;
    display: inline-block;
    /* margin-left: 0; */
    height: 25px;
    left: 0%;
    position: relative;
    /* right: 5%; */
}

#credentialSubmit > .button-body {
    vertical-align: middle;
    top: 0px;
    position: relative;
    width: 420px !important;
    display: inline-block;
    height: 19px;
    padding: 3px 6px !important;
    border-radius: 0;
}

#login-wrapper {

    left: 31% !important;
    height:586px !important;
}

/*Password Reset Step2 */
.input-group input {
    width: 94.9% !important;
    padding: 9px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    margin-left: 0%;
}




.input-group label[for="otpConfirm"] {
    display: block !important;
    float: none !important;
    margin-bottom: 6px;
    margin-left: -93%;
    font-weight: bold !important;
}
#otpCodeSubmit {
    width: 433px;
    display: inline-block;
    margin-left: -3px;
    height: 25px;
    left: 0%;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    margin-right: -2px;
    margin-top: 4%;
    line-height: 22px;
    padding-top: 4px;
}

a.resend {
    display: block;
    margin-top: 24px;
    margin-top: 13px;
    margin-left: -371px;
}
.input-group label[for="confirmPassword"] {
    float: left !important;
    margin-top: 1%;
    font-weight: bold !important;
}
.input-group label[for="newPassword"] {
    font-weight: bold !important;
    margin-top: 3% !important;
}

#updatePwdChange {
    width: 433px;
    display: inline-block;
    margin-left: -3px;
    height: 25px;
    left: 0%;
    position: relative;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    margin-right: -2px;
    margin-top: 4%;
    line-height: 22px;
    padding-top: 4px;
}

.create-password-new-msg {
    margin-top: -3%;
}
.pls-create-password-new-msg {
    margin-left: -61%; !important;
    margin-top: -5%;
}



.fpmsg.enteremail {
    text-align: left;
    margin-left: -9px;
}

#login-wrapper .container .input-group.username label img.exclamation {
    width: 12px;
    height: auto;
    vertical-align: middle;
}
#otpCodeSubmit > .button-body {
    vertical-align: middle;
    top: -4px;
    position: relative;
    width: 420px !important;
    display: inline-block;
    height: 19px;
    padding: 5px 6px !important;
    border-radius: 0;
}

#updatePwdChange > .button-body {
    vertical-align: middle;
    top: -2px;
    position: relative;
    width: 419px !important;
    display: inline-block;
    height: 19px;
    padding: 4px 6px !important;
    border-radius: 0;
}

.fpmsg.otpack {
    text-align: left !important;
    margin-left: -24px !important;

}
#password_policy_display ul {
    list-style: disc !important;
    margin-left: 29px;
    padding-left: 0;
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-top: 3% !important;
    font-weight:bold !important;
}

#password_policy_display ul li {
    margin-bottom: 8px;
    line-height: 1.4;
    padding: 0px !important;
    margin-left: 0px !important;
    text-align: left;
}

/* ============================================================
   Password Expired page — containerized styles (bbva only)
   Scoped to #pe-wrapper / .login-container / .pe-container.
   None of these selectors exist in any other bbva JSP.
   ============================================================ */

/* Full-viewport flex wrapper */
#pe-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}

/* White card container — mirrors BBVA login box proportions */
#pe-wrapper .login-container {
    box-sizing: border-box;
    position: absolute;
    width: 595px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);
    top: 5%;
}

/* Logo strip at top of card — retains BBVA logo from client_branding.css */
#pe-wrapper .bbva-logo-container {
    background: #FFFFFF;
    box-shadow: inset 0 -1px 0 #ced0d1;
    height: 75px;
    position: relative;
}

#pe-wrapper .bbva-logo {
    background: transparent url(/images/BBVA_logo.gif) no-repeat left center;
    background-size: auto 45px;
    position: absolute;
    width: 560px;
    height: 60px;
    left: 15px;
    top: 8px;
}

/* Inner content area */
#pe-wrapper .pe-container {
    padding: 15px 30px 20px;
    width: auto;
}

/* Section heading */
#pe-wrapper .pe-container h2.pe {
    font-size: 17px;
    color: #000000;
    padding: 0;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

/* Field groups */
#pe-wrapper .input-group {
    margin: 10px 0;
}

#pe-wrapper .input-group label {
    display: block;
    float: none !important;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #78AAB9;
}

#pe-wrapper .input-group input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px !important;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

#pe-wrapper .input-group input:focus {
    border: 2px solid #002395;
    outline: none;
}

/* Password policy inline display */
#pe-wrapper div#password_policy_display {
    width: 100%;
    height: auto;
    font-size: 13px;
    margin: 4px 0 8px 0;
}

#pe-wrapper div#password_policy_display ul {
    list-style: disc !important;
    margin-left: 20px;
    padding-left: 0;
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-top: 4px;
}

#pe-wrapper div#password_policy_display ul li {
    margin-bottom: 6px;
    line-height: 1.4;
    text-align: left;
}

/* Submit button — BBVA blue */
#pe-wrapper .reset-button {
    width: 100%;
    box-sizing: border-box;
    padding: 9px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
    margin: 0 0 0 0px
}

#pe-wrapper .reset-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Server-side errors */
#pe-wrapper .errors-password-expired {
    width: 100%;
    margin-bottom: 6px;
    margin-top: 10px;
}

/* Supplementary note */
#pe-wrapper .ol p {
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    width: 96%;
}

/* "Passwords are case sensitive" note */
#pe-wrapper .messaging_info {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
}

form#userForm div.messaging_info {
    width: 88%;
}