/* B2C styling */

body {
    margin: 0;
}

.no_display {
    display: none;
}

.intro {
    display: none;
}

label {
    display: block;
    margin-top: 1em;
}

.b2c input[type=text],
.b2c input[type=email],
.b2c input[type=password]{
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    height: 4rem; 
    border: 3px solid #7f7f7f;
    background-color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    color: #313131;
    border-radius: .25rem;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.b2c input:focus, button:focus, a:focus {
    outline-color: #9263DE;
    outline-style: solid;
    outline-width: 3px;
    outline-offset: 2px;
}

.attrEntry #password {
    margin-top: 0rem;
}

.attrEntry .error.itemLevel { 
    display: none;
    color: #a61e0c;
    font-size: .9em;
}

#passwordEntryMismatch.error.pageLevel,
#requiredFieldMissing.error.pageLevel,
#fieldIncorrect.error.pageLevel {
    color: #a61e0c;
}

/*.attrEntry.validate .error.itemLevel.show,*/
.attrEntry.validate .helpText.show,
.helpText.show {
    display: block!important;
 }

.CheckboxMultiSelect .error.itemLevel.show {
    display: none!important;
   /* transform: translateY(-3rem);
    color: #a61e0c;*/
}

.Password .error.itemLevel.show {
    display: block!important;
    /*transform: translateY(-3rem); */
    color: #a61e0c;
}

.TextBox .error.itemLevel.show {
    display: block!important;
    /*transform: translateY(-3rem); */
    color: #a61e0c;
}

.verificationErrorText, .helpText, .errorText
{
    display: none;
    color: #ea4200;
}

.verificationInfoText, .verificationSuccessText {
    color: #0cac78;
}

.verify {
    padding-top: 0.5em;
}

.helpLink {
    display: none;
}

.au-header-heading {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    display: block;
    font-weight: bold;
    margin: 0;
    font-size: 2.5rem;
    line-height: 1.3;
    color: #313131;
    margin-top: 2rem;
}

.b2c button {
    text-decoration: none;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    color: #fff !important;
    text-decoration: none;
    border-radius: .5rem;
    background-color: #00698f;
    border: 3px solid #00698f;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: background 0.1s ease, border 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, border 0.1s ease, color 0.1s ease;
}

.b2c button:hover:not(:disabled),.au-btn:hover:not(:disabled),a.au-btn:hover:not(:disabled){
    background-color:#313131;
    border-color:#313131;
    text-decoration:underline;
    color:#fff
}

.b2c button:hover,.ie8 .au-btn:hover,.ie8 a.au-btn:hover{
    background-color:#313131;
    border-color:#313131;
    text-decoration:underline;
    color:#fff
}


.b2c button#next, button#email_ver_but_send, button#email_ver_but_verify, button#email_ver_but_resend, button#email_ver_but_edit, button#email_ver_but_default, button#continue, button#cancel {
    margin-top: 2em;
}

#email_ver_but_resend {
    border: 2px #0080A2 solid;
    width: 9em;
    color: #0080A2;
    background-color: #FFF !important;
}

#email_ver_input {
   /* width: 35%; */
}

button#next,
button#continue,
button#cancel,
button.sendButton,
button.verifyButton,
button.editButton,
button.defaultButton {
    border-radius: .25rem;
}

.buttons button[disabled]#continue,
.buttons button[disabled]:hover#continue {
  background-color: #5cb85c;
  background-image: none;
  border-color: #4cae4c;
  color: #fff;
  display: none; 
}

#email_ver_but_send {
    font-size: 1rem;
    font-weight: normal;
    width: 14rem;
}

#email_ver_but_resend {
    text-align: center;
    margin-top: 1em;
    border-radius: .25rem;
    padding: 0.5em 0.8125em;
    text-decoration: none;
    font-size: 1em;
    line-height: 1.5em;
    position: relative;
    cursor: pointer;
}

#cancel, #email_ver_but_edit, #email_intro {
    display: none !important;
}

#attributeList ul li {
    position: relative;    
}

#attributeList ul {
    list-style-type: none;
    padding-inline-start: 0;
}

#toc-link {
   position: relative;
   font-size: 1em;
   line-height: 1.5em;
   display: inline-block;
   transform: translateX(0.5rem);
}

label[for="extension_CASA_Toc"] {
    display: inline-block;
    transform: translateX(2rem);
}

#extension_CASA_Toc_1 {
    display: inline-block;
    transform: translateX(-6.5rem);
} 

label[for="extension_CASA_Toc_1"] {
    display: none;
    transform: translateX(2rem);
}

.verifying-modal{
    display: inline-block;
    position: relative;
    left: 15px;
    top: 17px;
}