/* azure theme version 1 design css */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

html
{
font-size :16px;
}

body { 
    font-family: 'Roboto', Arial, sans-serif !important;
    color : #000000;
    font-size:16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Roboto', Arial, sans-serif !important;
}
/* -------------------------------------------------------------------------------------
   Common css
-----------------------------------------------------------------------------------------*/
.azure-section{
    background-color:#624b99;
    /*background-color:#506022 !important;*/
    display: table;
    height: 100vh;
    width:100%;
}
.azure-section h1,
.azure-section h2,
.azure-section h3,
.azure-section h4,
.azure-section h5,
.azure-section h6,
.azure-section .intro h3,
.azure-section .intro p {
    color: #333;
}
.azure-section .unified_container,.azure-section .self_asserted_container {
    display: table-cell;
    vertical-align: middle;
}
.azure-section .panel{
    margin-bottom:0px;
}
.azure-section .azure-content-section {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* -------------------------------------------------------------------------------------
    Signin page 
-----------------------------------------------------------------------------------------*/
#createAccount{
    display: block;
    text-align: center;
    background: #624b99;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding: 12px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
}
#updateSecuritySettings,
#confirmEmailbutton,
.azure-section #loginButton,
.azure-section-success #continue ,
.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #readOnlyEmail_ver_but_send,
#signup_custom_button,.azure-custom-button,
button#next,button#next_custom,
#email_ver_but_send,
#email_ver_but_verify,
#btn_review_setting,
#btn_continue_myaccount,
#btn_e_news_subscriptions,
#email_ver_but_resend,
button#continue,
button[id="verifyCode"],
button[id="verifyPhone"]
{
   display: block;
    text-align: center;
    background: #624b99;/* #7030a0*/
    height: auto;
    width: 170px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 5px;
    color: #fff;
    font-size: 1rem;
    border: 0px;
    cursor: pointer;
}

.azure-section-signin button[disabled] {
    cursor: default;
    background: #a2a2a2 !important;
}
.azure-section-signin .divider{
	display:none;
}
.azure-section-success #continue{
	width:250px;
	margin-bottom:20px;
}

.azure-section-reset-email #verificationInfoText{
	text-align:center;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -50px;
    position: relative;
    z-index: 2;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    min-height: 35px;
}
/* Todo : add global level class */
.azure-section-reset-email .intro p,.azure-section-close-account .intro p,.azure-section-mfa-email .intro p,.azure-section-signin  .intro h2,.azure-section-self .intro p ,.azure-section-SecuritySettings .intro p,.azure-password-section .intro p ,.azure-section-signup .intro p,.azure-section-mfa .intro p {
    font-size: 1.7rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.azure-section-close-account .intro p {
	margin-bottom:0px;
}
.azure-section-self .intro p {
    margin-top:20px;
    margin-bottom: 30px;
}
.azure-section-reset-email .intro p,.azure-section-close-account .intro p,.azure-section-mfa-email .intro p,.azure-section-mfa .intro p,.azure-section-self .intro p ,.azure-section-SecuritySettings .intro p,.azure-password-section .intro p, .azure-section-signup .intro p {
  margin-top:60px;
}
.azure-section-self button:disabled {
    display: none !important;
}
/* Todo : add global level class */
.azure-section .entry-item input ,.attrEntry input,#postCodeFinder input,.azure-section input,#countryCode{
    margin-bottom:15px;
    display: block;
    width: 100% !important;
    height: 35px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow:none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.azure-section-signup .dropdown_single,.azure-section-profile .dropdown_single{
width:100%;margin-bottom:15px;
   display: block;padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/* placeholders */
.azure-section ::-webkit-input-placeholder {
	color:transparent;
}
.azure-section :-moz-placeholder { /* Firefox 18- */
	color:transparent; 
}
.azure-section ::-moz-placeholder {  /* Firefox 19+ */
	color:transparent; 
}
.azure-section :-ms-input-placeholder {  
	color:transparent !important;
}

.azure-section ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.azure-section :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.azure-section ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.azure-section :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

.azure-content-section .panel-body{
	padding:24px;
}
.entry-item {
	margin-top:15px;
	margin-bottom:10px;
} 
.azure-section .attrEntry #email-helptext,
.azure-section  #email-helptext, 
.azure-section .description.above{
    margin: 0;
    font-style: italic;
    font-size: 14px;
    margin-bottom:5px;
}
.azure-section .error.itemLevel p{
    color: red;
    font-style: normal;
    margin-bottom:5px;
}

.description.above.pwd-focus{
    color:#ff0000;
}
   
.azure-section .password-label{
    position: relative;
}
.azure-section #forgotPassword{
    position: absolute;
    top: 100px;
    right: 0;
    color: #624b99;
    text-decoration: underline;
    font-weight: 600;
}
.robotText {
    margin-top: 80px;
    margin-bottom: 15px;
}
.robotText label{font-weight:400;}
.azure-section .create{margin-top:20px;}
.azure-section .create p{
    font-size: 1.125rem;
    font-weight: 600;
}
.create-helptext{
    font-weight: 500 !important;
    font-size: 1rem !important;
    margin-bottom: 15px;
}
.azure-section input:focus{
    box-shadow:none;
}
.azure-section-self a.helpLink.tiny{
	display:none;
}
.azure-section-success ul,.azure-section-reset-email ul,.azure-section-close-account ul,.azure-section-self ul ,.azure-section-profile ul,.azure-section-mfa-email ul{
    padding:0px;
    list-style:none;
}
#email_intro{display: none !important;}
#para3 a{text-decoration:underline;color:#624b99}
#para4{
	margin-top:30px;
	margin-bottom:20px;
}

/*#continue{display:none;}*/
#email_ver_but_send{
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.error.pageLevel{
    background: #d8d8d8;
    border-left: 3px solid #948888;
    position:relative;
}
.customErrorMsg{
    padding-left: 40px;
}
.custom-icon{
    position: absolute;
    left: 11px;
    font-size: 1.875rem;
    color: red;
    top: 16px
}

.errorMsgText{
    padding: 15px 15px 5px 15px;
}
.errorMsgText h3{    
    font-size: 1rem;
    font-weight: 700;
    color: red;
    margin: 0;
}

.errorMsgText p {
    margin: 0px 0 10px;
}
.error.pageLevel p[role="alert"]{
    color:red;
    padding: 15px 15px 15px 50px;
}
.error.pageLevel p[role="alert"]:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: absolute;
    top: 15px;
    left: 8px;
    font-size: 2.625rem;
    color: red;
}
.error.pageLevel > p{
    color:red;
    padding: 15px 15px 15px 50px;
}
.error.pageLevel >  p:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: absolute;
    top: 2px;
    left: 8px;
    font-size: 2.625rem;
    color: red;
}
.azure-section-SecuritySettings ul, .azure-section-signup ul,.azure-password-section ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.azure-content-section{
    position: relative;
}

#cancel {
    color: #202124 !important;
    background-color: #F8f9fA !important;
    border-color:  #F8f9fA !important;
    border-bottom-style: outset !important;
    outline : none !important;
}

.azure-content-section #cancel,.azure-content-section #custom_cancel {
   position: absolute;
    left: 30px;
    top: 115px;
    border: 2px solid #7030a0;
    min-height: 36px;
    padding: 6px 10px 6px 25px;
    background: #fff;
    color: #624b99;
}
.azure-content-section #cancel:before,.azure-content-section #custom_cancel:before {
    font-family: FontAwesome;
    content: "\f053";
    position: absolute;
    top: 5px;
    left: 7px;
    font-size: 1.125rem;
}
.azure-section-SecuritySettings  .entry-item input,.azure-section-SecuritySettings .attrEntry input, .azure-section-profile input{
    width:auto !important;
    box-shadow:none;
    display:inline;
    height: auto;
}
.azure-section-SecuritySettings  .entry-item label,.azure-section-SecuritySettings  .attrEntry label,.azure-section-profile .attrEntry label{
    display:inline ;
}
 .azure-section-SecuritySettings label{
font-weight:500;}
a.helpLink.tiny {
display:none;
}
.azure-section-SecuritySettings li.Readonly {
    display: none;
}
.azure-section-SecuritySettings button#continue,.azure-custom-button,#updateSecuritySettings{
  width:300px;
}
.azure-section-SecuritySettings div#attributeList {
    margin-bottom: 28px;
}
.mfaRegistered h3{
        font-size: 1.25rem;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}
#mfa-italic-text{
    font-size: 0.875rem;
    font-style: italic;
}
#mfa_custom_button{
display: block;
    text-align: center;
    background: #624b99;
    height: 42px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 44px;
    padding: 12px 5px;
    color: #fff;
    font-size: 1rem;
    border: 0px;
    margin-top:20px;
}

.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
 #confirmEmailbutton,
.azure-section-self  #email_ver_but_verify,
.azure-section-self  #email_ver_but_resend
{
    display: block;
    margin-top: 10px;
    width: 304px;
}
.azure-section-self .emailHeading,
.azure-section-reset-email .emailHeading,
.azure-section-mfa .emailHeading{
    color: #624b99;
    text-decoration: underline;
    font-weight: 600;
    margin-top: 18px
}
.azure-section-self .emailcontent{
    display:none;
}
.azure-section-signup .helpText{display:none;text-align: left;color: red;}

.azure-section-signup label {
text-align:left;

}
.error.itemLevel.show p{
    color: red;
}
/* Responsive css */
.azure-section .error.itemLevel , .azure-section-profile .error.itemLevel {
  display: none;
}
.azure-section img{display:block;text-align: left;}
#claimVerificationServerError{
    background: #d8d8d8;
    border-left: 3px solid #948888;
    position: relative;
    padding: 20px;
    color: red;
    margin-bottom: 20px;
}
.verificationSuccessText{
  font-size: 1.125rem;
  font-weight: 700;
}
.attrEntry.validate .verificationErrorText ,.attrEntry.validate .verificationSuccessText {
padding-bottom:20px;
}
.attrEntry input:invalid {
    outline: red solid 0px !important;
}

 .azure-section-profile input{
  width:100% !important;
}

.azure-section .field-icon:hover,
.azure-section #createAccount:hover,
.azure-section button#next:hover,
.azure-section button#next_custom:hover,
.azure-section #email_ver_but_send:hover,
.azure-section #email_ver_but_verify:hover,
.azure-section #email_ver_but_resend:hover,
.azure-section button#continue:hover,.azure-custom-button:hover,
.signup_custom_button:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_send:hover,
.azure-section-reset-email #email_ver_but_verify:hover,
.azure-section-reset-email  #email_ver_but_resend:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_verify:hover,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend:hover,
.azure-section-success #continue:hover,
#confirmEmailbutton:hover,
#mfa_custom_button:hover,
#updateSecuritySettings:hover,
button[id="verifyCode"]:hover,
button[id="verifyPhone"]:hover
{
    background: #472B8A;
    border-color: #472B8A;
    text-decoration:underline;
    cursor:pointer;
}
.azure-section #forgotPassword:hover{
 color: #472B8A;
}
.emailHeading,#azureCreatePassword{cursor:pointer;color:#472B8A;}
#azureCreatePassword{text-decoration:underline;}
#extension_mfaByPhoneOrEmail_email,#extension_mfaByPhoneOrEmail_phone,#extension_mfaByPhoneOrEmail_call,#extension_mfaByPhoneOrEmail_sms{
    width: 24px !important;
    display: inline;
    margin-right: 25px;
    box-shadow: 0 0 black;
    vertical-align: sub;
    margin-bottom:0px;
    height: 30px;
}
label[for="extension_mfaByPhoneOrEmail_phone"],label[for="extension_mfaByPhoneOrEmail_email"],label[for="extension_mfaByPhoneOrEmail_call"],,label[for="extension_mfaByPhoneOrEmail_sms"]{
display: inline-block;
    max-width: 100%;
    font-weight: 700;
    margin-top: 25px;
    vertical-align: super;
}
label[for="extension_manualAddressSelect_manual"],label[for="extension_mfaByPhoneOrEmail"]{font-weight:500;}

/* login page */
.error-red{color:#a94442;padding-left:5px;}

/* loader icon */

#api .working {
	background: url(data:image/gif;base64,R0lGODlhbgAKAPMAALy6vNze3PTy9MTCxOTm5Pz6/Ly+vNTS1Pz+/Ozq7MzKzP///wAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAJACwTAAIABgAGAAAEE7AcM0iaIAuaQRidR4RIIgREGQEAIfkECQkACQAsJwACAAYABgAABBOwHDNImiALmkEYnUeESCIERBkBACH5BAkJAAkALDYAAgAGAAYAAAQTsBwzSJogC5pBGJ1HhEgiBEQZAQAh+QQJCQAJACxFAAIABgAGAAAEE7AcM0iaIAuaQRidR4RIIgREGQEAIfkECQkACgAsCwACAEAABgAABDdQpWFOUTjrzbv/HkFZAmACB6iuLFeeR3CabW138izOd3/vJwTFRPAZWUIDUUIICI5QFSLgVEQAACH5BAkJAAoALB8AAgAtAAYAAAQyUKVhTlE46837LkdFSEAJHF6qcqEpBGa5zmp8Ejatc0ZfEgjKb0fE4FwSQkBQbL6AiggAIfkECQkACgAsOAACABUABgAABCpQpWFOUTjnciqRQAgcWtmJQiCGpbaOxNtmRh0SCHXPWIxKhICAtxEiFBEAIfkECQkACgAsPQACABAABgAABCdQpWFOURgTagX4wJFJBngE4Dei6ZauqYFQHzHOZSgRgTBiiEBPEQEAIfkECQkACwAsAwACAEsABgAABEVwpWFOWTjrzbv/XnFUxCaSEqACB+i+cDeugjarQrCqce97O5bGsAsQgr9kkkgbFhEUnHIaOzYzVimCYKR6XzkCghMeRwAAIfkECQkACwAsJgACACkABgAABDxwpWFOWTjrrcupxOaBEmACB6dy3ylorSkEp7neWI1qRh0QOtyt5+L5EBSZcAUsZppKBOG3vM0ICM41GwEAIfkECQkACgAsMAACAB8ABgAABDdQpWFOUThrQq2WXSEAJHB8m1Ge2bgGJYlmcJzGnD2DOpaXCAqJsOMNNUGVSUIICIoYRMCJklIjACH5BAkJAAsALDUAAgAbAAYAAAQ3cKVhTlkYl1NJ1tyQSEAJHN8SlsK3AkJglul8fsYcEHadszgdggJ0/URG0wVB2KVABMQzFpBGAAAh+QQJCQALACwPAAIAQgAGAAAEU3ClYU5ZOOvNOyeUtRVHRYzlkEhACxxeLH+GC2tpK+AuIAQ9w2woA/Y2wYCmZgMdidCN04Vk+pY9AoKii3oxW+aJ50KQuwhCYPf9ptedn/YTgEcAACH5BAkJAAsALB4AAgAzAAYAAARMcKVhTlk4663LqQQ3VZdGUJYArMDBvdzHCp3Bupl6B+wK/5heyyQk9k494M82M7KcKwRlFVK+kNFaMzcdIggBmhUmCCNEYHEnEF5EAAAh+QQJCQALACwoAAIAKgAGAAAER3ClYU5ZOGtCrZZHRXxFOCQgoB7fZqgA68LCrAoBrLZZrn+6mOYFC3B+PEkQSBRmmjEE5ZZMUW0n7AVBMFYxXG8LR0CMjeYIACH5BAkJAAsALC4AAgApAAYAAARHsBwzyLo4DVrwlZTljRo3AajgCRR6jGc6Zi0Qu16A7uOOzwudb7MTXQjDns9IGiJ3iBXR1oQCFyCZIECIkriq2bZ7/RC4iwgAIfkECQkACwAsLgACADMABgAABExwpWFOWRiXU0nOU3V9ZAlSlgCswEFyrPCprGvemlEH7Er2rQ+vh8MNd8SPLiYEFm8EIIKy8jSZJ+yTNF16EISArCQQI8jh8RYtXkQAACH5BAkJAAsALC8AAgA/AAYAAAROsBwzyLo4DVrwlZTljWRpZtsErIInUOsxquxp3x+sA4EXrMARMIYrln5DoOhCSAqHS6O0yRoiXJsaFniVekGAhSBA6LrILdK47G2LCYEIACH5BAkJAAoALDAAAgAfAAYAAAQ6sBwziLo4DVqwz9shASQgeAJFHh+qAlMJe4EMtKAtW3mJXwRbsIRwqXg4xGalEAQIxQ/iefpdpk9FBAAh+QQJCQALACwwAAIAKQAGAAAEPnClYU5ZGJdTSf5gqFGWAJzAAXKoIL6ZiR4BeoJ2CsO1TeQ4Q2v3+tkQlJPnYzwhiKLNEEEIuEIC6xMarboiACH5BAkJAAoALDEAAgA3AAYAAARCsBwziLo4DVqw/2AoKsR2SEAKCJ5Apccoz9kLTOrtBTlA/yJeL2ep5YDIXa+kQrQ2sKQUAdUJAgTnB4FlSacErCICACH5BAkJAAsALDIAAgAVAAYAAAQpsBwzyLo4S5rWBKCQjV9IgUAwZicYDGi6Ym1KxMh83WixCAFCTrcL+iIAIfkECQkACgAsMgACAB8ABgAABC5QpWFOUTjrrcuphASMwMGd3EcKATmiMOaWxBzDRj4SCLXfqNpKQggIgDAWTxEBACH5BAkJAAsALDMAAgAtAAYAAAQysBwzyLo46823pMkyAaTQneg2lhQJBGmMtmQwuK+sb/RL4Iid8PJzFRaCACE4HCaXiwgAIfkECQkACgAsOAACAAYABgAABBNQpWFOESCDE3QmnoFQn0QEghIBACH5BAkJAAoALEIAAgAGAAYAAAQTUKVhThEggxN0Jp6BUJ9EBIISAQAh+QQJCQAKACxRAAIABgAGAAAEE1ClYU4RIIMTdCaegVCfRASCEgEAOw==) no-repeat;
	height: 30px;
	width: auto;
	background-position: center bottom;
    display:none;
}
div[id="loader"] {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display: none;
  position: absolute;
  left: 45%;
  top: 75%;
}
.verifying-modal{display:none;margin-top:10px}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.azure-close{margin-bottom:30px;}
.azure-section-profile a:hover, .azure-section-profile a:focus {
    /*2854 - Accessibilty color: #ffffff;*/
    color: #6C43A7;
    text-decoration: underline;
}
input#btnClearPostalCode_customeraddress {
    background: #cccccc;
    font-size:1rem;
}

input#btnGetAddresses_customeraddress {
    color: #fff;font-size:1rem;
}
input#btnGetAddresses_customeraddress:hover,#continue:hover { 
    background: #472B8A;
    border-color: #472B8A;
    text-decoration:underline;
}
.azure-section input[readonly="readonly"] {
    background-color: #eee !important;
    opacity: 1;
}
li.RadioSingleSelect input[type=checkbox], li.RadioSingleSelect input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: auto !important;
    display: inline;
    height: 12px;
}
li.RadioSingleSelect label{
padding: 0px 0px 0px 10px;

}
 
/*li.RadioSingleSelect input[type=checkbox], li.RadioSingleSelect input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: auto !important;
    display: inline;
    height: 30px;
}
*/
.robotText input[type=checkbox]{
    width: auto !important;
    display: inline;
    height: 15px;
}
#postcodeError{color:red;}

/* Register page */
#almost{
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin-top: -18px;
}
.emailNotreceived{margin-bottom:30px;}
label[for="email"]{margin-top:20px;}
.verificationErrorText{
   /* background: #d8d8d8;
    border-left: 3px solid #948888;
    position: relative;*/
    color: red;
    /*padding: 15px 15px 15px 40px;*/
}
/*.verificationErrorText:before{
    font-family: FontAwesome;
    content: "\f06a";
    position: absolute;
    top: 15px;
    left: 7px;
    font-size: 30px;
}*/
.azure-section-signup .errorText{
    background: #d8d8d8 !important;
    border-left: 3px solid #948888 !important;
    position: relative !important;
    border: 0px;
    margin: 10px 0;
    padding: 0px;
}
.azure-section-signup .errorText p{
  color:#000;
}

.azure-section-reset-email .reset-helptext, .azure-section-reset-email .reset-description{
  text-align:center;
}
.azure-section-success .intro  { display:none }
.azure-email-confirmation .intro,.account-deactivation-confirmation .intro {display:block;}
.azure-section-success #userMessage ,.azure-email-confirmation .intro p,.account-deactivation-confirmation .intro p{
    text-align: center;
    font-size: 1.75rem;
    color: #624b99;
    font-weight: 700;
    margin-bottom:0px;
}
.azure-section-success label[for="userMessage1"]{display:none;}
.azure-section-success #userMessage1 ,.azure-email-confirmation #userMessage3 {
    text-align: center;
    font-size: 1.375rem;
    color: #000;
    font-weight: 700;
    margin-bottom:45px;
}
.azure-section-success #userMessage2 {
    text-align: center;
    font-size: 1.125rem;
    color: #000;
    font-weight: 700;
    margin-bottom:45px;
}
.azure-section-success  {
 text-align:center;
}
.azure-section-signup li.Password .error{display:none !important;}

.azure-section-signup #requiredFieldMissing{
    padding: 20px;
    color: red;}

.azure-section-mfa p#mfa-phone-heading {
    font-weight: bold;
    color: #333;
    font-size: 1.125rem;
}
.azure-section-mfa .mfa-phone {
    margin-bottom: 20px;
}
@media only screen and (min-width: 320px) and (max-width:770px)  {
	.azure-section .azure-content-section {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	} 
}

/* hidden buttons */
#email_ver_but_default{display:none;}
#attributeVerification {text-align:left}
button[id="verifyCode"], button[id="verifyPhone"] {
    margin-bottom: 15px;
}


/* loading icon css */

#verifying_blurb{
    color: #fff;
    background-image: url(https://lbbtb2c.b2clogin.com/static/img/win8loader.gif);
    background-repeat: no-repeat;
    background-position: center 61px;
    padding-top: -150px;
    height: 170px;
}
.error.pageLevel1 {
    background: #d8d8d8;
    border-left: 3px solid #948888;
    position: relative;
    margin-bottom: 20px;
}
/* Button alignment using calc() */

.azure-section-self #email_ver_but_send,
.azure-section-reset-email #email_ver_but_send,
.azure-section-reset-email #continue,
.azure-password-section #continue,
.azure-section-self #continue,
.azure-section-mfa-email #email_ver_but_send,
.mfa-email-update #continue,
.azure-section-mfa-email #readOnlyEmail_ver_but_send,
.azure-section-mfa-email button#continue{
    margin-left: calc(((100% - 170px) / 2));
    margin-right: calc(((100% - 170px) / 2));
}
.azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-self #email_ver_but_verify,
.azure-section-self #email_ver_but_resend,
#confirmEmailbutton
{
    margin-left: calc(((100% - 304px) / 2));
    margin-right: calc(((100% - 304px) / 2));
}
#updateSecuritySettings{
 margin-left: calc(((100% - 300px) / 2));
 margin-right: calc(((100% - 300px) / 2));
 
}
/* error message content inline to block*/
.azure-section-self #self-verification-text{
    font-weight: 500;
    font-size: 1rem;
    text-align: left;
}
label[for="readOnlyEmail"]{
    margin-top:20px;
}
.mfa-phone-verification{
   font-weight: 500 !important;
    text-align: left !important;
    font-size: 1rem !important;
    margin-top: 0px !important;
}

/* Confirm your Email address  - Self Asserted*/
/*For displaying the error messages*/
.azure-section-self #verificationErrorText{
   color:#fff !important;
}
.anchortag{
	text-decoration:underline;
	color:#624b99;
	font-weight:bold;
    cursor:pointer;
}
.azure-section-mfa .phoneNumber .number{
    margin-bottom: 15px;
    display: block;
    width: 100% !important;
    height: 35px;
    padding: 6px 12px;
    font-size: 0.938rem;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.itemLevel p[role="alert"]{color:red;font-style:normal;}
.loginCustomErrorMsg{padding-left:20px;}
.loginErrorMsgText{
    margin-top: 0px;
    color: red;
    font-weight: 700;
    font-size: 1rem;
}

.loginErrorMsgText p{color:#000 !important;font-size: 0.938rem;font-weight: normal;}
.loginErrorMsgText h3{color:red;margin-top:0px;font-size: 0.938rem;font-weight: 700;}
.loginErrorMsgText #accountlockText,.loginErrorMsgText #securityReasons{margin-top:30px;margin-bottom:0px;font-size: 0.938rem;}
  span.username {
    text-transform: capitalize;
}
.azure-content-section #cancel:hover{text-decoration:underline;}
.entry-item label{    font-size: 1rem;}
.mfa-email-update .error.itemLevel,.azure-section-self .error.itemLevel,.azure-section-profile .error.itemLevel{color:red;}
.azure-section-profile .customErrorMsg{margin-bottom:20px;}

.azure-section-signin input#password,.azure-section-profile #btnHTMLZipCode_customeraddress,.azure-section-profile #readOnlyEmail,.azure-password-section #newPassword{
  width: 60% !important;
  float:left;
  min-height:32px;
  height:auto;
  
}
.azure-section-signin #show-password,.azure-section-profile #btnGetAddresses_customeraddress,.Readonly .field-icon,.azure-password-section #show-password{
  width: 40% !important;
  float: right;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:20px;
  border:0;
  text-align: center;
  height:auto;
}
.azure-password-section .Password label{display:block}
@media only screen and (min-width: 320px) and (max-width:380px)  {
	.azure-section-SecuritySettings button#continue, .azure-custom-button{width:280px;}
}
@media only screen and (min-width: 320px) and (max-width:580px)  {
	.azure-section-profile li.Readonly .field-icon{float: none;
    margin-left: 0px;
    margin-bottom: 20px;
    /* position: unset; */
    width: 100%;
    display: block;
    margin-top: -7px;
    text-align: center;}


    .azure-section-signin input#password,.azure-section-profile #btnHTMLZipCode_customeraddress,.azure-section-profile #readOnlyEmail{
  width: 100% !important;
  float:none;
  min-height:32px;
  height:auto;
  
}
.azure-section-signin #show-password,.azure-section-profile #btnGetAddresses_customeraddress,.Readonly .field-icon{
  width: 100% !important;
  float: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom:16px;
  border:0;
  text-align: center;
}

}
@media only screen and (min-width: 320px) and (max-width:400px)  {
	.azure-section .azure-content-section {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	} 
    .azure-content-section .panel-body {
        padding: 20px 15px;
    }
    .robotText {
        margin-top: 55px;
        margin-bottom: 15px;
     }
     .azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,#confirmEmailbutton, .azure-section-self #email_ver_but_verify, .azure-section-self #email_ver_but_resend {
        width: 260px;
     }
    .azure-section-mfa-email #readOnlyEmail_ver_but_verify,
.azure-section-mfa-email #readOnlyEmail_ver_but_resend,
.azure-section-reset-email #email_ver_but_verify,
.azure-section-reset-email  #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_resend,
.azure-section-mfa-email #email_ver_but_verify,
.azure-section-self #email_ver_but_verify,
    .azure-section-self #email_ver_but_resend,
     #confirmEmailbutton
    {
        margin-left: calc(((100% - 260px) / 2));
        margin-right: calc(((100% - 260px) / 2));
    }
}

.mfa-info.text-center {
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 35px;
    font-size: 14px;
}

.password-reset p{
    margin-top:10px;
}
.pwd-specifics p {
    margin-top: 10px;
}
.phoneEntry .number p[role="alert"]{display:none;}

/* Accessibility */

a.skipTo {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skipTo:focus, a.skipTo:active {
    color: #000;
    background-color: #F3EA02;
    left: 1rem;
    top: 1rem;
    width: 176px;
    height: 48px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    z-index: 999;
    outline-color: #000!important;
	outline-style: solid;
    outline-width:0.25rem!important;
}

@media (max-width: 768px) {
	a.skipTo:focus, a.skipTo:active {width:100%!important;left:0px;top:0px;position:fixed!important;}
}
.weblink  .fa-home{font-size:1.5rem;margin-top:-2px;}
.phoneEntry .number p[role="alert"]{display:none;}
.help-btn{
    position: absolute;
    right: 20px;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
}
.help-btn a{
    color:#ffffff;
}
@media only screen and (min-width: 320px) and (max-width:400px)  {
 .help-btn{
   top:7px;
 }
}
.alert.alert-success.mr-1 {
    padding: 10px 5px;
    margin-top: 10px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 0.938rem;
}

@media only screen and (min-width: 320px) and (max-width:770px)  {
	.alert.alert-success.mr-1 {
      width: 100%;
    }
}

/* Accessbility issues css */
.azure-section a{
 color: #2e6ca3;
 text-decoration: underline;
}
.azure-section .alert-success p{
color:#112211;
}
.loginErrorMsgText h3 {    
    font-size: 1.25rem;
    color: #E91616;
}
.help-btn a{color:#fff;text-decoration: none;}

.linkbtn{
background-color:transparent;
border-style:none;
}
/* Suresh: Audit Report Fixes: Add btn-close css class to  close button - Begin*/
.btn-cancel {
    color: #202124 !important;
    background-color: #F8f9fA !important;
    border-color:  #F8f9fA !important;
    border-bottom-style: outset !important;
}
.btn-cancel:hover
{
    color: #ffffff !important;
    background-color: #6c6c6e !important;
    border-color: #6c6c6e !important;
  
}

.btn-cancel:focus
{
    color: #202124 !important;
    background-color: #f3eb03 !important;
    border-color:  #f3eb03 !important;
    border-bottom: 1px solid #202124 !important;
    
    outline : none !important;
}

.btn-cancel:active
{
    color: #202124 !important;
    background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;
}
#cancel:hover
{
    color: #ffffff !important;
    background-color: #6c6c6e !important;
    border-color: #6c6c6e !important;
    outline : none !important;
}

#cancel:focus
{
    color: #202124 !important;
    background-color: #f3eb03 !important;
    border-color:  #f3eb03 !important;
    border-bottom: 1px solid #202124 !important;
    
    outline : none !important;
}

#cancel:active
{
    color: #202124 !important;
    /* background-color: #F8F9FA  !important;
      
    border-color : #F3EB03 !important;*/
    outline : none !important;
}
/* Suresh: Audit Report Fixes: Add btn-close css class to  close button - End*/
/* Suresh: User Story#3114 : Added CSS for h1 - Begin*/
.h1ResetPwd
{
    margin-top: 60px;
    font-size: 1.7rem!important;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
/* Suresh: User Story#3114 : Added CSS for h1 - End*/
/* Suresh : MFA: Added CSS for h4 - Begin*/
.h4ResetPwd
{
    text-align: center;
    font-style: italic;
    margin-bottom: 10px;
}
/* Suresh: MFA: Added CSS for h4 - End*/
 /* Suresh : MFA changes: Added CSS for pCenter- Begin*/
.pCenter
{
text-align: center;
}

.SubmitNo{
    position: absolute;
    right: 20px;
    background: #624b99;
    color: #fff;
    padding: 5px 10px;
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
 .SubmitNo,#btn_continue_myaccount{
      float: left!important;
position: inherit!important;
 }
}

@media only screen and (min-width: 500px) and (max-width:1024px)  {
 .SubmitNo,#btn_continue_myaccount{

float: right;

 }
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
 #btn_e_news_subscriptions{
      float: center!important;
      right: 10px;
 }
}

@media only screen and (min-width: 320px) and (max-width:400px)  {
  #forgotPassword{
      padding: 20px;
 }
}
/* Suresh : MFA changes: Added CSS for pCenter- End*/