/* ------------------------------------------

    LIST

------------------------------------------ */

.nbuxList {
    display: flex;
    flex-flow: column wrap;
    margin: 0 0 calc(var(--gutter, 16px) / 2);
    padding: 0;
}

.nbuxList li {
    display: flex;
    flex-flow: row nowrap;
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
    color: var(--color-black, #252525);
    list-style: none;
    margin: 0 0 var(--gutter, 16px);
}

/* ------------------------------------------

    -- List Tick

------------------------------------------ */

.nbuxList__tick li:before {
    content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.762 20c-.272 0-.532-.111-.72-.307l-5.763-5.997a1 1 0 1 1 1.442-1.386l5.006 5.21 11.52-13.178a1 1 0 0 1 1.506 1.316l-12.238 14a1.003 1.003 0 0 1-.73.342h-.023' fill='%23208636' fill-rule='evenodd'/%3e%3c/svg%3e ");
    margin: 0 var(--gutter, 16px) 0 0;
}

/* ------------------------------------------

    -- List Horizontal Rule

------------------------------------------ */

.nbuxList__tick_hr {
    margin: 0 0 24px;
    border-bottom: 1px solid var(--color-grey-200, #e3e5e6);
}

.nbuxList__tick_hr li:last-child {
    margin: 0 0 24px;
}

/* ------------------------------------------

    -- Password Validation

------------------------------------------ */

.nbuxList li.valid:before {
    content: "";
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.762 20c-.272 0-.532-.111-.72-.307l-5.763-5.997a1 1 0 1 1 1.442-1.386l5.006 5.21 11.52-13.178a1 1 0 0 1 1.506 1.316l-12.238 14a1.003 1.003 0 0 1-.73.342h-.023' fill='%23208636' fill-rule='evenodd'/%3e%3c/svg%3e ");
    margin: 0 8px 0 0;
}

body.registration .personal .nbuxList li.valid:before {
    content: "";
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.762 20c-.272 0-.532-.111-.72-.307l-5.763-5.997a1 1 0 1 1 1.442-1.386l5.006 5.21 11.52-13.178a1 1 0 0 1 1.506 1.316l-12.238 14a1.003 1.003 0 0 1-.73.342h-.023' fill='%23208636' fill-rule='evenodd'/%3e%3c/svg%3e ");
    margin: 2px 8px 0 0;
}

body.registration .personal .nbuxList {
	margin: 5px 0 6px;
}

body.registration .personal .nbuxList li {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}