html{
    position: relative;
    min-height: 100%
}
.hf-terms-and-conditions-modal > .modal-dialog > .modal-content {
	height: 665px;
	width: 730px;
	border: 1px solid #529535;
	background-color: #FFFFFF;
	border-radius: 0px !important;
}

/* wrapper */
#wrapper { padding-top: 48px; width: 100%; min-height: 100%; position: relative; background: #fff; }
#sf-wrapper { width: 100%; min-height: 100%; position: relative; background: #fff; padding-bottom:160px;}
.wrapper { padding: 0 15px; max-width: 1024px; position: relative; margin: auto; min-height:100%;}
.wrapper:after { content: ''; clear: both; display: block; width: 100%; height: 0; overflow: hidden; }

/* header */

#header-part { width: 100%; background: #484c55; position: fixed; left: 0px; top: 0px; z-index: 99; }


.dropdown-item { font-size:16px; }
.user-sec { padding-top: 10px; float: right; }
.user-sec ul { list-style: none; margin: 0; padding: 0; }
.user-sec li { padding: 0 5px; float:left; line-height: 34px; font-size:16px;}
.user-sec li a { color: #fff; }

/* div#login-wrapper #footer-part { border: none; background: none; position: absolute; } */

.title1 { display:block; font-size:24px; font-weight:bold; text-align:center; padding-top:40px;}
.title2 { display:block; font-size:16px; font-weight:300; text-align:center; }
.title3 { display:block; font-size:16px; font-weight:300; text-align:center; padding:0 0 30px 0;}

.registration-buttons { text-align:center; padding:24px 0;}

#new-member-btn { display:inline-block; padding:24px 0px; width:180px; background-color:#fff; border:1px solid #DEDEDE; font-size:16px; border-radius: 0px 50px 50px 0px; margin-left: -3px;}
#new-member-btn:hover { background-color:#fff;cursor:pointer;}
#new-member-btn.active { background-color:#F5FAEF; cursor:pointer; font-weight:bold; color:#529534; }


#existing-member-btn { display:inline-block; padding:24px 0px; width:180px; background-color:#fff; border:1px solid #DEDEDE; font-size:16px; border-radius: 50px 0px 0px 50px; margin-right: -3px; }
#existing-member-btn:hover { background-color:#fff; cursor:pointer;}
#existing-member-btn.active {  background-color:#F5FAEF; cursor:pointer; font-weight:bold; color:#529534; }

/*#existing-member-btn { display:inline-block; padding:24px 0px; width:180px; background-color:#fff; border:1px solid #DEDEDE; font-size:16px; border-radius: 50px 0px 0px 50px; margin-right: -5px; }
#existing-member-btn:hover { background-color:#fff; cursor:pointer;}
#existing-member-btn.active {  background-color:#F5FAEF; cursor:pointer; font-weight:bold; color:#529534; }
*/

/*#delegated-users-btn { display:inline-block; padding:24px 0px; width:180px; background-color:#fff; border:1px solid #DEDEDE; font-size:16px; border-radius: 0px 50px 50px 0px; margin-left: -3px;}
#delegated-users-btn:hover { background-color:#fff;cursor:pointer;}
#delegated-users-btn.active { background-color:#F5FAEF; cursor:pointer; font-weight:bold; color:#529534; }*/

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}


* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
* html, body { width: 100%; height:100%; font-size: 14px; color: #474B55; font-family: "museo-sans", sans-serif; font-style:normal; font-weight:100; /*background: #484c55;*/ }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }



.form-group {
    margin-bottom: 1rem
}

.form-agreement { padding-top:20px; }

.center-img {display: block; margin-left: auto; margin-right: auto; border-radius: 10px}
.center-content { text-align:center; justify-content:center;}
.already-have-account {  text-align:center; justify-content:center; padding-top:30px; color: #529535; }
.g-recaptcha {display:inline-block;}


.hf-profile-container {
    background-color: #FFFFFF;
    margin-top: 25px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100% !important;
}
.hf-profile-container > .container
{
    max-width: 1024px !important;
}


.hf-form-name, .hf-link-td, .form-link {
    font-family: "Museo Sans 300", Arial, sans-serif;
    color: #474B55;
    line-height: 17px;
    font-size: 14px;
}
.hf-form-name {
    text-align: left;
}
.paddingLeft50px{
    padding-left: 50px;
}

.paddingRight20px{
    padding-right: 20px;
    text-align: right !important;
}

.paddingLeft20px{
    padding-left: 20px;
}

.hf-terms-and-conditions-prompt > .modal-dialog > .modal-content {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    /* height: 550px;
    width: 730px;
    border-radius: 0px;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px; */
}

.btn-group {
  z-index: 1051;
}
.modal-body {
  height: 350px;
  overflow: auto
}

.hf-cancel-btn {
    font-family: "Museo Sans 700", Arial, sans-serif;
    line-height: 17px;
    border: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    width: 155px;
    height: 50px;
    background-color: #FFFFFF;
}
.hf-update-gray-btn {
    font-family: "Museo Sans 700", Arial, sans-serif;
    line-height: 17px;
    border: 1px solid #ddd;
    color: #000000;
    font-size: 16px;
    width: 155px;
    height: 50px;
    background-color: #DDD;
    cursor: pointer;
}
.hf-email-protection-btn, .hf-mfa-protection-btn {
    font-family: "Museo Sans 700", Arial, sans-serif;   
    color: #FFFFFF;
    font-size: 14px;
    width: 155px;
    height: 50px;
    border: 2px solid #539534;
    background: #539534;
}
.hf-terms-accept-btn {
    font-family: "Museo Sans 700", Arial, sans-serif;   
    color: #FFFFFF;
    font-size: 14px;
    width: 155px;
    height: 50px;
    border: 2px solid #539534;
    background: #539534;
}

.hf-resend-email-container, .factor-option-form {
    margin-top: 73px;
    
}

.hf-resend-email-container > .container
{
    max-width: 1024px !important;
}

.verifyText {
    height: 3.09%;
    color: #474B55;
    font-family: "Museo Sans 700", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}

.hf-resend-email-btn, .hf-resend-email-btn:hover, .hf-resend-email-btn:active {
    display: inline-block;
    font-family: "Museo Sans 700", Arial, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    height: 50px;
    width: 180px;
    text-align: center;
    background-color: #529535; 
    padding: 13px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #529535;
}

.btn-primary { padding: 13px 30px; line-height: 22px; font-weight: 700; font-size: 18px; border: 0px solid #539534; background:#539534; border-radius: 2px; -webkit-border-radius: 2px; }
.btn-primary:hover, .btn-primary:focus { background: #529534; color: #fff; border-color: #529534; }
.btn:active, .btn-primary:active { background: #529534; color: #fff; border-color: #529534; }

.btn-secondary { padding: 13px 15px; line-height: 22px; font-weight: 700; font-size: 18px; background: #539534; border: 2px solid #539534; border-radius: 0px; -webkit-border-radius: 0px; background: #fff; color: #539534; }
.btn-secondary:hover, .btn-secondary:focus { background: #529534; color: #fff; border-color: #529534; }

.btn-tertiary { padding: 13px 15px; line-height: 22px; font-weight: 700; font-size: 18px; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 0px; -webkit-border-radius: 0px; background: #fff; color: #000000; }
.btn-tertiary:hover, .btn-tertiary:focus { background: #529534; color: #fff; border-color: #529534; }

.btn-danger { padding: 13px 30px; line-height: 22px; font-weight: 700; font-size: 18px; border: 2px solid #9B9B9B; background:#fff; color:#464C56; border-radius: 2px; -webkit-border-radius: 2px; }
.btn-danger:hover, .btn-danger:focus { }
.btn:active, .btn-danger:active {  }

.submit-btn { width: 100% }

.hf-create-password-btn, .hf-create-password-btn:hover, .hf-create-password-btn:active {
    display: inline-block;
    font-family: "Museo Sans 700", Arial, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    height: 50px;
    width: 180px;
    text-align: center;
    background-color: #529535; 
    padding: 13px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #529535;
}


.hf-create-password-container {
    background-color: #FFFFFF;
    margin-top: 25px;
    height: auto;
    padding-top: 150px;
    width: 100% !important;
}
.hf-create-password-container > .container
{
    max-width: 1024px !important;
}

.input-icon-fg-wrapper {
    position: relative;
    width: 100%;
}

span {
    font-size: 16px;
    padding-bottom: 6px;
    padding-top: 8px;
}

.float-right {
    float: right!important;
}
input.form-control {
    height: 48px;
    border: 1px solid #AAA;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}
.key-icon, .password-icon, .password_confirmation-icon {
    background-image: url(/images/key.png);
}
.input-icon {
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-attachment: scroll;
    display: inline-block;
    padding-left: 40px;
}
.input-icon-right-fg {
    cursor: pointer;
    border: none;
    background: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 52px;
}

.hf-resend-expired-btn, .hf-resend-expired-btn:hover, .hf-resend-expired-btn:active {
    display: inline-block;
    font-family: "Museo Sans 700", Arial, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    height: 50px;
    width: 180px;
    text-align: center;
    background-color: #529535; 
    padding: 13px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #529535;
}

.hf-existing-account-btn,
.hf-existing-account-btn:hover,
.hf-existing-account-btn:active {
    font-family: "Museo Sans 700", Arial, sans-serif;
    line-height: 17px;
    border: 2px solid #529535;
    color: #529535;
    font-size: 14px;
    width: 188px;
    height: 50px;
    background-color: #FFFFFF;
}

.hf-existing-account-bground {
    background-color: #EAEAEA;
    padding-top: 15px;
    padding-bottom: 15px;
}

.input-icon {
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-attachment: scroll;
    display: inline-block;
    padding-left: 40px;
}
.npn-tax-id-form-group .input-icon {
   padding-left: 20px;
}
.npn-tax-id-form-group input {
   margin-bottom: 8px;
}
.input-icon-right {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-attachment: scroll;
    display: inline-block;
    padding-right: 40px;
}

.account-icon, .username-icon{
    background-image: url(/images/account_normal.png);
}

.account-error-icon, .username-error-icon{
    background-image: url(/images/account_red.png);
}

.key-icon, .password-icon, .password_confirmation-icon {
    background-image: url(/images/key.png);
}

.key-error-icon, .password-error-icon, .password_confirmation-error-icon {
    background-image: url(/images/key_red.png);
}

.email-icon {
    background-image: url(/images/email_light.png);
}

.email-error-icon {
    background-image: url(/images/email_red.png);
}

.info-icon {
    background-image: url(/images/info_light.png);
}

.email {
    display: block; -moz-box-sizing: border-box; box-sizing: border-box; width: 180px; /* Width of new image */ height: 236px; /* Height of new image */ padding-left: 180px; /* Equal to width of new image */ 
}

.hf-resend-expired-code-btn, .hf-resend-expired-code-btn:hover, .hf-resend-expired-code-btn:active {
    display: inline-block;
    font-family: "Museo Sans 700", Arial, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    height: 50px;
    width: 180px;
    text-align: center;
    background-color: #529535; 
    padding: 13px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 2px solid #529535;
}

.list-group{
    z-index:10;display:none; 
    position:absolute; 
    color:red;
}
.msg
{
    position:absolute; 
    color:red;
}

.arrow-box {
    position: relative;
    background: #F5FAEF;
    border: 1px solid #DEDEDE;
}
.arrow-box:after, .arrow-box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(245, 250, 239, 0);
    border-top-color: #F5FAEF;
    border-width: 10px;
    margin-left: -10px;
}

.arrow-box:before {
    border-color: rgba(222, 222, 222, 0);
    border-top-color: #DEDEDE;
    border-width: 11px;
    margin-left: -11px;
}

img { border: 0; outline: none; }

.underline-text { text-decoration: underline; }
.table-element { display: table; }
.table-cell-element { display: table-cell; vertical-align: middle; }
.verifyText img{
    margin-right: 5%;
}

.hf-terms-heading {
    font-family: "Museo Sans 300", Arial, sans-serif;
    color: #008BBF;
}

.hf-email-protection-container {
    margin-top: 150px;
}
.hf-email-protection-container > .container
{
    max-width: 1024px !important;
}

.captcha-container{
    justify-items: center;
    padding-top: 1.5rem;
}

@media screen and (max-width: 480px){
    #new-member-btn{
        width: fit-content;
        padding: 24px 20px;
    }
       #existing-member-btn {
        width: fit-content;
        padding: 24px 20px;
    }
}