.steps_chevrons {
	background-color: #ffffff;
	color: #ffffff;
	margin: 0px 0 30px 0;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.steps_chevrons_1,
.steps_chevrons_2,
.steps_chevrons_3,
.steps_chevrons_4 {
	background: #cecfd0;
	width: 93%;
	height: 50px;
	line-height: 50px;
	list-style-type: none;
	border-right: 5px solid #ffffff !important;
	position: relative;
	padding: 0 0 0 50px !important;
	text-align: center;
	display: inline-block;
	margin: 5px 0;
}

.steps_chevrons_1,
.steps_chevrons_2,
.steps_chevrons_3 {
	border-right: 0px;
}

.steps_chevrons_1:after,
.steps_chevrons_2:after,
.steps_chevrons_3:after,
.steps_chevrons_4:after {
	z-index: 1;
	position: absolute;
	top: 0;
	right: -41px;
	display: block;
	border-left: 41px solid #cecfd0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	width: 0;
	height: 0;
	content: " ";
}
.steps_chevrons_1:before,
.steps_chevrons_2:before,
.steps_chevrons_3:before,
.steps_chevrons_4:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-left: 41px solid #fff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    width: 0;
    height: 0;
    content: " "
}

.steps_chevrons_1.active,
.steps_chevrons_2.active,
.steps_chevrons_3.active,
.steps_chevrons_4.active {
	font-weight: 700;
	background-color:#ff0000 !important;
}

.steps_chevrons_1.active:after,
.steps_chevrons_1.active:before,
.steps_chevrons_2.active:after,
.steps_chevrons_3.active:after,
.steps_chevrons_4.active:after{
	border-left: 41px  solid #ff0000 !important;
}

.steps_chevrons_1:before{
	border-left: 25px  solid #cecfd0 !important;
}



.skip-mfa-button {
	text-align: left;
}
.skip-mfa-button.btn {
	margin-left: 20px;
}

.validate-mfa-button {
	text-align: right;
}

.validate-mfa-button.btn {
	margin-right: 20px;
}

.modal .popup-msg-btn {
	margin-top: 20px;
	width: 30px;
	height: 22px;
}

.adr-registration-email-confirmation-form .messages__wrapper .item-list {
	margin-left: 10px;
}

#block-adrregsitrationstepsblock #custom-page-sub-title {
	color: #fff;
	margin-top: 5px;
}

.adr-registration-step-form .mfa-enabled-header {
	text-align: center;
}

.adr-registration-step-form #edit-contact-method--wrapper span.fieldset-legend {
	text-align: center;
	display: block;
}
  
.adr-registration-step-form #send-new-mfa-code {
  background-color: #ff0000;
	border-color: transparent;
	border-radius: 0;
	padding: 5px 25px;
	box-shadow: 0 1px 2px rgb(255 0 0 / 10%), inset 0 100px 0 0 #ff0000;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	font: 14px roboto, sans-serif;
	text-shadow: none;
	margin-top: 20px;
}  

.adr-registration-step-form #step_two_check_userid_ajax {
  background-color: #ff0000;
	border-color: transparent;
	border-radius: 0;
	padding: 2px 2px;
	box-shadow: 0 1px 2px rgb(255 0 0 / 10%), inset 0 100px 0 0 #ff0000;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	font: 14px roboto, sans-serif;
	text-shadow: none;
	margin-top: 20px;
}  

.send-new-mfa-code-div {
	text-align: center;
}

.adr-pre-registration-modal .modal-body {
	overflow: auto !important;
}

.adr-pre-registration-modal .modal-body,
.send-new-mfa-code-modal .modal-body {
	overflow: auto !important;
}

.cnfrm-send-new-mfa-code .ui-dialog-title,
.send-new-mfa-code-modal .ui-dialog-title{
	padding: 10px 20px;
    text-align: center;
}

#edit-step-two-acc-info .user-id-not-available{
	font-size: 13.5px;
}

#edit-step-two-acc-info .user-id-available{
	font-size: 14px;
}

.adr-registration-step-form #edit-fax .panel-body > div label.control-label{
	margin-right: 20px;
}

.address-type-radios .form-item.js-form-item > label {
	width: auto !important;
	display: inline-block;
	margin-left: 10px;
}

.modal-close-event {
	cursor: pointer;
}

.adr-registration-step-form #edit-actions .button.button--primary.js-form-submit.form-submit.btn-primary.btn {
    margin-top: 0px;
}

.adr-reg-steps .messages__wrapper {
	display: none;
}

.adr-reg-steps .adr-registration-step-form .messages__wrapper {
	display: inline-block;
	width: 100%;
}

.adr-reg-steps .adr-registration-step-form .address-type-radios {
	clear: both;
    margin-bottom: 0 !important;
}

.address-type-radios.fieldgroup.form-composite.required.js-form-item.form-item.js-form-wrapper.form-wrapper > legend{
	font-weight: normal;
}

.address-type-radios.fieldgroup.form-composite.required.js-form-item.form-item.js-form-wrapper.form-wrapper .fieldset-wrapper{
	display: inline-block;
}

.address-type-radios.fieldgroup.form-composite.required.js-form-item.form-item.js-form-wrapper.form-wrapper .form-type-radio {
	margin: 0;
    display: inline-block;
}

.adr-registration-step-form #edit-step-two-contact-info .panel-heading{
	 padding: 10px 10px 10px 0;
 }

.adr-registration-step-form #edit-fax .panel-body > div,
.adr-registration-step-form #edit-telephone .panel-body > div{
	font-size: 14px ! important;
    font-weight: 400;
    display: inline-block;
    float: left;
    width: 25%;
    margin-top: 7px ! important;
    margin-bottom: 7px ! important;
}


.adr-registration-step-form #edit-fax .panel-body div:first-child,
.adr-registration-step-form #edit-telephone .panel-body div:first-child{
	float: left;
	width: 25%;
	float: left;
	display: inline-block;
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.adr-registration-step-form .form-item-fax-country .control-label,
.adr-registration-step-form .form-item-telephone-country .control-label{
	width: auto !important;
	width: auto;
	margin-right: 10px;
}

.adr-registration-step-form .form-item-fax-country input,
.adr-registration-step-form .form-item-telephone-country input{
	    width: 50% !important;
	    border-radius: 0px;
}

#edit-select-address .panel-title{
	text-align: justify;
	padding-bottom: 0;
}

#edit-select-address .panel-title span{
	font-size: 18px;
}

.adr-registration-step-form #edit-step-two-contact-info .panel-body .panel-default {
    border: none;
    box-shadow: none;
    margin-bottom: 15px;
}

#edit-mfa-by-sms-fieldset,
#edit-mfa-by-email-fieldset{
	margin-bottom: 0;
}

#edit-mfa-by-sms-fieldset .form-item-by-email-text-field{
	width: 40%;
}

#edit-mfa-by-sms-fieldset .form-item-mfa-telephone-country,
#edit-mfa-by-voice-fieldset .form-item-mfa-voice-country-code{
	display: inline-block;
	width: 7%;
	margin-bottom: 0;
}

#edit-mfa-by-voice-fieldset .form-item-by-voice-text-field{
	width:33%;
	margin-bottom:20px;
}

#edit-mfa-by-sms-fieldset .form-item-by-text-msg-text-field{
	width: 33%;
	display: inline-block;
}

#edit-mfa-by-sms-fieldset .form-item-mfa-telephone-country input,
#edit-mfa-by-sms-fieldset .form-item-by-text-msg-text-field input,
#edit-mfa-by-voice-fieldset .form-item-mfa-voice-country-code input,
#edit-mfa-by-voice-fieldset .form-item-by-voice-text-field input{
	width: 100%;
}

.adr-registration-step-form .form-item-telephone-country,
.adr-registration-step-form .form-item-telephone-number,
.adr-registration-step-form .form-item-telephone-extension,
.adr-registration-step-form .form-item-fax-country,
.adr-registration-step-form #edit-delivery-preference .radio,
.adr-registration-step-form .form-item-fax-number,
#edit-mfa-by-voice-fieldset .form-item-by-voice-text-field{
	display:inline-block;
}

.adr-registration-step-form #edit-delivery-preference div:last-child,
.adr-registration-step-form #edit-delivery-preference div:nth-child(2){
	margin-left: 10px;
}

.adr-registration-step-form #edit-telephone-number,
.adr-registration-step-form #edit-fax-number{width: 96%;border-radius: 0px;}

.adr-registration-step-form #edit-telephone-extension {
	width:75px
}

.adr-registration-step-form .form-item-telephone-extension label{
	width: auto !important;
}

.adr-registration-step-form #edit-delivery-preference--wrapper legend{
	width: 25%;
    float: left;
    display: inline-block;
    font-size: 14px;
    font-weight:normal;
    margin-top: 7px;
    margin-bottom: 7px
}

.adr-registration-step-form .form-item.js-form-item.form-item-business-type .select-wrapper,
.adr-registration-step-form .form-item.js-form-item.form-item-state .select-wrapper,
.adr-registration-step-form .form-item.js-form-item.form-item-country .select-wrapper{
	width: 65%;
}

.adr-registration-step-form .form-item.js-form-item.form-item-business-type .form-control,
.adr-registration-step-form .form-item.js-form-item.form-item-state .form-control,
.adr-registration-step-form .form-item.js-form-item.form-item-country .form-control{
	width: 51%;
}

.adr-registration-step-form .form-item.js-form-item.form-item-business-type .select-wrapper:after,
.adr-registration-step-form .form-item.js-form-item.form-item-state .select-wrapper:after,
.adr-registration-step-form .form-item.js-form-item.form-item-country .select-wrapper:after{
	right: 50%;
}

#edit-step-two-acc-info .step_two_username_wrapper .form-item-step-two-username,
#edit-step-two-acc-info .step_two_password_wrapper .form-item-step-two-password,
#edit-step-two-acc-info .form-item-step-two-confirm-password{
	width: 60%;
	float: left;
	margin-bottom: 15px;
}

.adr-registration-step-form button:focus {
    outline: none !important;
}

#edit-step-two-acc-info .step_two_username_wrapper .form-item-step-two-username label,
#edit-step-two-acc-info .step_two_password_wrapper .form-item-step-two-password label,
#edit-step-two-acc-info .form-item-step-two-confirm-password label{
	width: 41.9%;
}

#edit-step-two-acc-info .step_two_username_wrapper .form-item-step-two-username input,
#edit-step-two-acc-info .step_two_password_wrapper .form-item-step-two-password input,
#edit-step-two-acc-info .form-item-step-two-confirm-password input{
	width: 55.5%;
}

#edit-step-two-acc-info #step_two_check_userid_ajax{
	white-space: pre-wrap;
}

#edit-step-two-acc-info #step_two_check_userid_ajax,
.up_criteria{
	width: 40%;
	position: relative;
	margin-top: 0;
	display: inline-block;
}

/* .up_criteria ul li { */
	/* list-style-type:none; */
/* } */

#edit-next{
	background-color: #ff0000;
    border-color: transparent;
    border-radius: 0;
    padding: 5px 25px;
    text-transform: uppercase;
    color: #fff;
    font: 14px roboto, sans-serif;
    text-shadow: none;
    margin-top: 20px;
}

#edit-step-two-contact-info,
#edit-select-address, 
#edit-select-address-0, 
#edit-password-update-container{
	box-shadow: none;
}

.adr-registration-step-three{
	clear: both;
}


.adr-registration-step-three button,
.adr-registration-step-three button:active:hover,
.adr-registration-step-three button:active:focus,
.adr-registration-step-three button:hover,
.adr-registration-step-three button:focus,
.adr-registration-step-three button:active{
	background-color: #ff0000;
	border-color: #ff0000;
	
}

.adr-registration-step-three button{
	border-radius: 0;
}

.adr-registration-step-three button[disabled],
.adr-registration-step-three button[disabled]:active:hover,
.adr-registration-step-three button[disabled]:active:focus,
.adr-registration-step-three button[disabled]:hover,
.adr-registration-step-three button[disabled]:focus,
.adr-registration-step-three button[disabled]:active{
	background-color: #bfbfbf;
	border-color: #bfbfbf;
	
}

.adr-registration-step-form #edit-actions .button.button--primary.js-form-submit.form-submit.btn-primary.btn {
    margin-top: 0px;
}


#edit-zipcode-fieldset .form-item-zip-code{
	width: 40%;
	display: inline-block;
}

#edit-zipcode-fieldset .form-item-zip-code label{
	width: 62.5%
}

#edit-zipcode-fieldset .form-item-zip-code-plus-four{
	width: 37%;
	display: inline-block;
}

#edit-zipcode-fieldset .form-item-zip-code-plus-four label{
	width: auto;
    margin-right: 10px;
}

.adr-reg-steps .messages__wrapper {
	display: none;
}

#custom-page-title{
	font-weight: normal;
}

#custom-page-sub-title{
	font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 6px;
}

#poupwrapper button{
	background-color: #ff0000;
    border-color: transparent;
    border-radius: 0;
    padding: 7px 35px;
	margin-top: 20px;
    text-transform: uppercase;
    color: #fff;
    font: 14px roboto, sans-serif;
    text-shadow: none
}

#edit-select-address .panel-heading{
	margin-top: 10px !important;
	line-height: normal !important;
}

#edit-select-address .panel-body .form-item-select-address .select-wrapper{
	display: inline;
}

#edit-select-address .panel-body {
	padding: 0;
}

#edit-select-address .panel-body .address-container{
	padding: 10px;
}

#edit-mfa-by-email-fieldset .form-item-by-email-text-field{
	width: 40%;
}

#adr_registration_email_confirmation_form .form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-item-agree-checkbox.js-form-item-agree-checkbox.checkbox .control-label.option,
#adr_registration_email_confirmation_form #poupwrapper{
    margin: 2px !important;
}

#adr_registration_email_confirmation_form .adr-registration-email-confirmation-form .captcha{
	margin-top: 0px;
}

#edit-mfa-by-email-fieldset .form-item-by-email-text-field input{
	width: 100%;
}

#edit-step-two-acc-info{
	box-shadow: none !important;
}

.adr-registration-step-five button{
	margin-top: 8px !important;
}

.cnfm-auth-txt{
	text-align: left !important;
	margin-bottom: 10px;
}

.mfa-enabled-success{
	margin: 10px 0;
}

#adr-registration-step-form .send-new-mfa-code-div #send-new-mfa-code{
	margin-top: 0 !important;
}

#adr-registration-step-form .send-new-mfa-code-div{
	display: inline-block;	
}

#adr-registration-step-form .form-item-authcode{
	display: inline-block;
    width: 65%;
}

.mfa-enabled-success a{
	color: #ff0000 !important;
	text-decoration: underline !important;
}

.adr-registration-step-five,
.adr-registration-step-form .mfa-enabled-header{
	margin-bottom: 15px;
}

.adr-pre-registration-modal.ui-dialog{
	padding: 0;
    border: none;
    border-radius: 8px;
}

.adr-pre-registration-modal.ui-dialog .ui-dialog-titlebar{
	padding: 0;
    position: relative;
    background: #fff;
    border: none;	
	border-radius: 8px;
}

.adr-pre-registration-modal.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
	border: 2px solid grey;
    border-radius: 50%;
    top: 0px;
    width: 25px;
    height: 25px;
    right: -5px;
    background: #000;
}

.adr-pre-registration-modal.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after{
	content: "×";
    position: relative;
    top: -3px;
    font-size: 18px;
    color:#fff;
}

.adr-pre-registration-modal.ui-dialog .ui-dialog-content{
	height: auto !important;
}

.adr-pre-registration-modal.ui-dialog .popup-msg-btn a.popup-close-ok{
	color: #fff !important;
    text-align: center;
    text-decoration: none !important;
}

.popup-close-ok{
    background: #ff0000;
    color: #fff;
    width: 100px;
    font-size: 16px;
    border: none;
    margin: 10px auto;
    display: block;
    padding: 5px 0px 5px 0;	
}

.adr-pre-registration-modal.ui-dialog .ui-widget-content a{
	color:#ff0000 !important;
	text-decoration: underline !important;
	cursor: pointer;
}

#edit-step-two-contact-info .form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-item-gdpr-consent-adr-registration.js-form-item-gdpr-consent-adr-registration.checkbox > label{
	margin: 0 0 15px 0;
}

/* Details registration Page */
.region .adr-registration-step-form{
    padding:1%;
}
.region .adr-registration-step-form div#edit-actions {
    display: flex;
    align-content: center;
    align-items: center;
}
/* details registration page */

.col-md-3.steps_chevrons_4 {
	line-height: 1.4;
    padding-top: 5px !important;
}

/* Pop up */
.adr-reg-steps .ui-dialog-content {
    text-align: center;
	color: #625f5f;
	line-height: 2.5rem;
    /* letter-spacing: 1px; */
}
.adr-reg-steps .ui-dialog-buttonset button {
    border: 0px;
    font-weight: bold;
    background-color: #ff0000;
    border-color: #ff0000;
    color: #ffffff;
    padding: 0px;
	width: 110px;
    height: 35px;
}
.adr-reg-steps .ui-dialog .ui-dialog-buttonpane{
	border-radius: 8px;
	border: 0px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/* Pop Up */

/* Success Page */
.region .adr-registration-step-form .reg-success-message,
.region .adr-registration-step-form .reg-success-message-click{
    text-align: center;
    line-height: 4rem;
    letter-spacing: 0.5px;
    color: #393939;
    font-style: italic;
}
.region .adr-registration-step-form .reg-success-message a{
    color: blue;
}
.region .adr-registration-step-form .reg-success-message-click{
    font-weight: bold;
    font-size: 16px;
}
/* Success Page */

#resend_reg_link_success, #resend_reg_link_error {
	display: none;
}

/*#resend_reg_link_prompt #resend_activation_link {
	background: #ff0000;
	color: #fff !important;
	width: 100px;
	font-size: 14px;
	border: none;
	margin: 10px auto;
	display: block;
	padding: 5px 0px 5px 0;
	text-decoration: none !important;
}*/
#resend_reg_link_prompt .popup-close-ok {
	background: none;
	color: #ff0000;
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
	display: contents;
	text-decoration: underline;
}


@media (min-width: 768px) {
.ui-dialog{
	width: 500px !important;
}	
}

@media (max-width: 640px) and (min-width:320px) {
.ui-dialog {
	width:300px !important;
}
.adr-reg-steps .adr-registration-step-form .form-item.js-form-item .control-label,
.adr-reg-steps .adr-registration-step-form .form-item.js-form-item .form-control,
.adr-registration-step-form .form-item.js-form-item.form-item-business-type .select-wrapper, 
.adr-registration-step-form .form-item.js-form-item.form-item-state .select-wrapper, 
.adr-registration-step-form .form-item.js-form-item.form-item-country .select-wrapper,
#edit-step-two-acc-info .step_two_username_wrapper .form-item-step-two-username input,
#edit-step-two-acc-info .step_two_password_wrapper .form-item-step-two-password input,
#edit-step-two-acc-info .form-item-step-two-confirm-password input,
#edit-step-two-acc-info #step_two_check_userid_ajax, .up_criteria{
	width: 100%;
}

.address-type-radios.fieldgroup.form-composite.required.js-form-item.form-item.js-form-wrapper.form-wrapper > legend{
	width:26% !important;
}
.adr-registration-step-form .form-item-telephone-country,
.adr-registration-step-form .form-item-telephone-number,
.adr-registration-step-form .form-item-telephone-extension,
.adr-registration-step-form .form-item-fax-country,
.adr-registration-step-form #edit-delivery-preference .radio,
.adr-registration-step-form .form-item-fax-number{
	display:block;
}

.steps_chevrons_1, .steps_chevrons_2, .steps_chevrons_3, .steps_chevrons_4{
	margin:5px 0;
}

.adr-registration-step-form .form-item.js-form-item.form-item-business-type .select-wrapper:after,
.adr-registration-step-form .form-item.js-form-item.form-item-state .select-wrapper:after,
.adr-registration-step-form .form-item.js-form-item.form-item-country .select-wrapper:after{
	right: 0%;
	top:20px;
}

#custom-page-title{
	font-size: 25px;
    padding: 0px;
    font-weight: normal;
    margin: 0px;
}

}

/* Responsive for detail registration page */
@media (max-width: 767px) {
	.region .adr-registration-step-form #edit-delivery-preference--wrapper legend{
		width: 100%
	}
	.region .adr-registration-step-form #edit-delivery-preference div:nth-child(1){
		margin-left:10px;
	}
	.region .adr-registration-step-form input#edit-telephone-country{
		width: 70%;
	}
	.region .form-item-telephone-number, .region .form-item-fax-number{
		margin-left: -10%;
	}
	.region .adr-registration-step-form #edit-telephone-number, 
    .region .adr-registration-step-form #edit-fax-number, 
    .region .adr-registration-step-form input#edit-telephone-number.error,  
    .region .adr-registration-step-form input#edit-fax-number.error{
		margin-top: 35px !important;
	}
	.region .adr-registration-step-form #edit-telephone-number, .region .adr-registration-step-form #edit-fax-number{
		width: 140%;
	}
	.region .adr-registration-step-form #edit-telephone-extension{
		margin-left: 40px;
	}
	.adr-registration-email-confirmation-form .form-item.js-form-item.form-item-email-address .control-label,
	.adr-registration-email-confirmation-form .form-item.js-form-item.form-item-conf-email-address .control-label{
		width:45%;	
	}
	.adr-registration-email-confirmation-form .form-item.js-form-item.form-item-email-address .form-control,
	.adr-registration-email-confirmation-form .form-item.js-form-item.form-item-conf-email-address .form-control{
		width:52%;	
	}
}


@media (max-width:1020px){
	.col-md-3.steps_chevrons_4 {
	line-height: 2.8;
	padding-top: 5px !important;
	}
}

/* Responsive for detail registration page */