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

    FORM

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

.nbuxForm {
    display: grid;
    flex-flow: column wrap;
    margin: 0 0 24px;
    margin: 0 0 var(--font-body-line-height, 24px);
    padding: 0;
}

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

    ITEM CONTAINER

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

.nbuxForm__item {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 0 24px;
    margin: 0 0 var(--font-body-line-height, 24px);
    padding: 0;
}

.nbuxForm__item:last-child {
    margin-bottom: 0;
}

.nbuxForm__itemCheckbox {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    flex: 1 1 100%;
    position: relative;
    min-height: 32px;
    margin: 0 0 24px;
    margin: 0 0 var(--font-body-line-height, 24px);
    padding: 0;
}

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

    FIELDSET - LABEL - INPUT - SELECT - RADIO - CHECKBOX

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

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

    -- Fieldset

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

fieldset {
    margin: 0 0 var(--gutter, 16px);
    padding: 0;
    border-bottom: 1px solid var(--color-grey-200, #e3e5e6);
}

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

    -- Label

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

.nbuxForm__label {
    width: 100%;
    cursor: pointer;
    padding: 0 0 8px;
    padding: 0 0 calc(var(--gutter, 16px) / 2);
    margin: 0;
    color: #252525;
    color: var(--color-black, #252525);
    font-weight: 400;
    font-family: "poppins";
    font-family: var(--font-primary, "poppins");
    font-size: 16px;
    font-size: var(--font-body-font-size, 16px);
    line-height: 24px;
    line-height: var(--font-body-line-height, 24px);
}

.nbuxForm__itemCheckbox .nbuxForm__label {
    display: flex;
    order: 2;
    z-index: 1;
    align-items: center;
    min-height: 32px;
    padding: 0 0 0 48px;
    padding: 0 0 0 calc(var(--gutter, 16px) * 3);
}

.nbuxForm__checkbox[type="checkbox"]:checked ~ .nbuxForm__label {
    font-weight: 700;
    color: #0066cc;
    color: var(--color-information, #0066cc);
}

.nbuxForm__itemCheckbox .nbuxForm__label span {
    padding: 4px 0;
    padding: calc(var(--gutter, 16px) / 4) 0;
}

.nbuxForm__label_radioMain {
    cursor: default;
    pointer-events: none;
    
}
.nbuxForm__label_radio {
    cursor: pointer;
    font-weight: 400;
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
}

.nbuxForm__label small {
    font-size: var(--font-body-small-font-size, 12px);
    line-height: var(--font-body-small-line-height, 20px);
    font-weight: 400;
    width: 100%;
    display: block;
}

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

    -- Input & Select

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

.nbuxForm__input,
.nbuxForm__select {
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 16px 0 16px;
    padding: 0 var(--gutter, 16px) 0 var(--gutter, 16px);
    color: #252525;
    color: var(--color-black, #252525);
    font-weight: 400;
    font-family: "poppins";
    font-family: var(--font-primary, "poppins");
    font-size: 16px;
    font-size: var(--font-body-font-size, 16px);
    line-height: 24px;
    line-height: var(--font-body-line-height, 24px);
    border-radius: 4px;
    border-radius: var(--shape-4, 4px);
    border: 1px solid #f8f8f8;
    border: 1px solid var(--color-grey-100); 
    background-color: #fefefe;
    background-color: var(--color-white, #fefefe);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16);
    box-shadow: var(--elevation-1, 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.16));
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nbuxForm__input_small {
    width: 100%;
    max-width: 156px;
}

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

    -- Input Options

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

.nbuxForm__inputWithOptionLeft,
.nbuxForm__inputWithOptionRight {
    position: relative;
    width: 100%;
}

.nbuxForm__inputWithOptionLeft .nbuxForm__input {
    padding: 0 var(--gutter, 16px) 0 40px;
}

.nbuxForm__inputWithOptionRight .nbuxForm__input {
    padding: 0 40px 0 var(--gutter, 16px);
}

.inputOption {
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    width: 100%;
    max-width: 56px;
    top: 1px;
    padding: 0 var(--gutter, 16px);
    user-selct: none;
    font-weight: 700;
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
}

.nbuxForm__inputWithOptionLeft .inputOption {
    left: 0;
}

.nbuxForm__inputWithOptionRight .inputOption {
    right: 0;
}

.inputOption__noPointer {
    pointer-events: none;
}

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

    -- Select

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

.nbuxForm__select {
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 46px 0 16px;
    padding: 0 calc(var(--gutter, 16px) * 3) 0 var(--gutter, 16px);
    background-repeat: no-repeat;
    background-position: center right 16px;
    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='M21 8a.999.999 0 0 0-1.707-.707L12 14.586 4.707 7.293a.999.999 0 1 0-1.414 1.414l8 8a.999.999 0 0 0 1.414 0l8-8A.997.997 0 0 0 21 8' fill='%23252525' fill-rule='evenodd'/%3e%3c/svg%3e");
    background-color: var(--color-white, #fefefe);
}

.nbuxForm__select_large {
    width: 100%;
}

.nbuxForm__select_small {
    width: 100%;
    max-width: 156px;
}

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

    -- Radio

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

.nbuxForm__radio {
    display: flex;
    width: 32px;
    height: 32px;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-self: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid var(--color-grey-300, #989da3);
    border-radius: 16px;
}

.nbuxForm__radio:checked {
    border-color: var(--color-information, #0066cc);
    box-shadow: none;
}

.nbuxForm__radio:focus {
    border-color: var(--color-black, #252525);
    box-shadow: none;
}

.nbuxForm__radio:checked::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: auto;
    background-color: var(--color-information, #0066cc);
}

.nbuxForm__item_radio {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    max-width: 134px;
    width: auto;
    margin: 0 var(--gutter, 16px) 0 0!important;
}

.nbuxForm__item_radio label {
    padding: 0 0 0 var(--gutter, 16px);
}

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

    -- Checkbox

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

.nbuxForm__checkbox {
    display: none
}

.nbuxForm__checkbox_target {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
}

.nbuxForm__checkbox_target::before {
    content: "";
    order: 1;
    display: block;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    outline: none;
    border-radius: 4px;
    border-radius: var(--shape-4, 4px);
    border: 1px solid #989da3;
    border: 1px solid var(--color-grey-300, #989da3);
    background-color: #fefefe;
    background-color: var(--color-white, #fefefe);
}

.nbuxForm__checkbox[type="checkbox"]:checked ~ .nbuxForm__checkbox_target::before {
    content: "";
    border: 1px solid #0066cc;
    border: 1px solid var(--color-information, #0066cc);
    background-color: #0066cc;
    background-color: var(--color-information, #0066cc);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Tick_Icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3e%3cstyle type='text/css'%3e%3c/style%3e%3cpath fill='%23FFFFFF' d='M12.6,24.4c-0.3,0-0.5-0.1-0.7-0.3l-5.8-6c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l5,5.2L24,8.7 c0.4-0.4,1-0.5,1.4-0.1c0.4,0.4,0.5,1,0.1,1.4l-12.2,14C13.1,24.3,12.9,24.4,12.6,24.4C12.6,24.4,12.6,24.4,12.6,24.4z'/%3e%3c/svg%3e");
}

.nbuxForm__checkbox[type="checkbox"]:disabled {
    pointer-events: none;
}

.nbuxForm__checkbox[type="checkbox"]:disabled ~ .nbuxForm__label {
    pointer-events: none;
    color: #989da3;
    color: var(--color-grey-300, #989da3);
}

.nbuxForm__checkbox[type="checkbox"]:disabled ~ .nbuxForm__checkbox_target::before {
    content: "";
    border: 1px solid #989da3;
    border: 1px solid var(--color-grey-300, #989da3);
    background-color: #989da3;
    background-color: var(--color-grey-300, #989da3);
}

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

    INPUT CARD ICONS

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

.nbuxForm__input[data-card-type] {
    padding: 0 60px 0 16px;
    padding: 0 60px 0 var(--gutter, 16px);
    background-repeat: no-repeat;
    background-position: center right 12px;
    background-size: 38px auto;
}

.nbuxForm__input[data-card-type="VISA ELECTRON"],
.nbuxForm__input[data-card-type="VISA DEBIT"],
.nbuxForm__input[data-card-type="VISA CREDIT"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76.2mm' height='24.61mm' viewBox='0 0 216 69.759'%3E%3Cpath d='M82.012,1.234,53.734,68.7H35.282L21.368,14.858c-.846-3.317-1.58-4.53-4.151-5.927C13.027,6.655,6.1,4.519,0,3.194l.417-1.96h29.7a8.133,8.133,0,0,1,8.049,6.878l7.35,39.046L63.676,1.234Zm72.294,45.441c.074-17.808-24.628-18.788-24.456-26.743.051-2.422,2.358-4.995,7.4-5.654A32.954,32.954,0,0,1,154.463,17.3l3.062-14.307A46.864,46.864,0,0,0,141.2,0c-17.25,0-29.394,9.172-29.5,22.305-.109,9.713,8.667,15.13,15.282,18.36,6.8,3.308,9.083,5.426,9.054,8.383-.045,4.53-5.425,6.525-10.443,6.6-8.777.139-13.869-2.369-17.929-4.26L104.5,66.174c4.078,1.874,11.6,3.5,19.413,3.585,18.333,0,30.329-9.059,30.389-23.084M199.856,68.7H216L201.913,1.234h-14.9a7.949,7.949,0,0,0-7.429,4.951L153.4,68.7h18.326l3.64-10.076h22.392ZM180.383,44.8l9.189-25.336L194.86,44.8ZM106.952,1.234,92.517,68.7H75.065L89.5,1.234Z' fill='%231c2f76'/%3E%3C/svg%3E");
}

.nbuxForm__input[data-card-type="MASTERCARD"] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131.39 86.9'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bopacity:0;%7D.b%7Bfill:%23fff;%7D.c%7Bfill:%23ff5f00;%7D.d%7Bfill:%23eb001b;%7D.e%7Bfill:%23f79e1b;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg class='a'%3E%3Crect class='b' width='131.39' height='86.9'/%3E%3C/g%3E%3Crect class='c' x='48.37' y='15.14' width='34.66' height='56.61'/%3E%3Cpath class='d' d='M51.94,43.45a35.94,35.94,0,0,1,13.75-28.3,36,36,0,1,0,0,56.61A35.94,35.94,0,0,1,51.94,43.45Z'/%3E%3Cpath class='e' d='M120.5,65.76V64.6H121v-.24h-1.19v.24h.47v1.16Zm2.31,0v-1.4h-.36l-.42,1-.42-1h-.36v1.4h.26V64.7l.39.91h.27l.39-.91v1.06Z'/%3E%3Cpath class='e' d='M123.94,43.45a36,36,0,0,1-58.25,28.3,36,36,0,0,0,0-56.61,36,36,0,0,1,58.25,28.3Z'/%3E%3C/svg%3E");
}

.nbuxForm__input[data-card-type="MAESTRO"] {
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 146.78 120.64'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%237673c0;%7D.cls-3%7Bfill:%23eb001b;%7D.cls-4%7Bfill:%2300a1df;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ems_vrt_rgb_pos%3C/title%3E%3Crect class='cls-1' width='146.78' height='120.64'/%3E%3Cpath d='M373,350.92v-6a3.55,3.55,0,0,0-3.75-3.79,3.7,3.7,0,0,0-3.36,1.7,3.51,3.51,0,0,0-3.16-1.7,3.16,3.16,0,0,0-2.8,1.42v-1.18h-2.08v9.55h2.1v-5.29a2.23,2.23,0,0,1,2.34-2.54c1.38,0,2.08.9,2.08,2.52v5.31h2.1v-5.29a2.25,2.25,0,0,1,2.34-2.54c1.42,0,2.1.9,2.1,2.52v5.31Zm11.7-4.77v-4.77H382.6v1.16a3.62,3.62,0,0,0-3-1.4,5,5,0,0,0,0,10,3.62,3.62,0,0,0,3-1.4v1.16h2.08Zm-7.73,0a2.89,2.89,0,1,1,2.9,3.06A2.86,2.86,0,0,1,376.95,346.15Zm52.17-5a5.38,5.38,0,0,1,2,.38,5,5,0,0,1,1.63,1.06,4.84,4.84,0,0,1,1.08,1.59,5.3,5.3,0,0,1,0,4,4.83,4.83,0,0,1-1.08,1.59,5,5,0,0,1-1.63,1.06,5.66,5.66,0,0,1-4.1,0,4.94,4.94,0,0,1-1.62-1.06,4.88,4.88,0,0,1-1.07-1.59,5.31,5.31,0,0,1,0-4,4.88,4.88,0,0,1,1.07-1.59,4.94,4.94,0,0,1,1.62-1.06A5.38,5.38,0,0,1,429.12,341.12Zm0,2a3.1,3.1,0,0,0-1.19.22,2.81,2.81,0,0,0-.95.63,2.93,2.93,0,0,0-.63,1,3.47,3.47,0,0,0,0,2.48,2.92,2.92,0,0,0,.63,1,2.8,2.8,0,0,0,.95.63,3.25,3.25,0,0,0,2.37,0,2.86,2.86,0,0,0,1-.63,2.9,2.9,0,0,0,.63-1,3.47,3.47,0,0,0,0-2.48,2.9,2.9,0,0,0-.63-1,2.86,2.86,0,0,0-1-.63A3.1,3.1,0,0,0,429.12,343.09ZM396,346.15c0-3-1.86-5-4.53-5a5,5,0,0,0,.14,10,5.8,5.8,0,0,0,3.91-1.34l-1-1.54a4.55,4.55,0,0,1-2.78,1,2.65,2.65,0,0,1-2.86-2.34h7.09C396,346.68,396,346.43,396,346.15Zm-7.11-.84A2.46,2.46,0,0,1,391.4,343a2.37,2.37,0,0,1,2.42,2.32Zm15.86-1.5a6.15,6.15,0,0,0-3-.82c-1.14,0-1.82.42-1.82,1.12s.72.82,1.62.94l1,.14c2.08.3,3.34,1.18,3.34,2.86s-1.6,3.12-4.35,3.12a6.89,6.89,0,0,1-4.13-1.24l1-1.62a5.09,5.09,0,0,0,3.18,1c1.42,0,2.18-.42,2.18-1.16,0-.54-.54-.84-1.68-1l-1-.14c-2.14-.3-3.3-1.26-3.3-2.82,0-1.9,1.56-3.06,4-3.06a7.14,7.14,0,0,1,3.89,1Zm10-.54h-3.39v4.31c0,1,.34,1.6,1.38,1.6a3.84,3.84,0,0,0,1.84-.54l.6,1.78a4.88,4.88,0,0,1-2.6.74c-2.46,0-3.32-1.32-3.32-3.54v-4.35h-1.94v-1.9h1.94v-2.9h2.1v2.9h3.39Zm7.19-2.14a4.44,4.44,0,0,1,1.48.26l-.64,2a3.38,3.38,0,0,0-1.3-.24c-1.36,0-2,.88-2,2.46v5.35h-2.08v-9.55h2.06v1.16a2.82,2.82,0,0,1,2.52-1.4Zm14.38,8.4a1,1,0,0,1,.38.07,1,1,0,0,1,.31.2,1,1,0,0,1,.21.3.93.93,0,0,1,0,.74,1,1,0,0,1-.21.3,1,1,0,0,1-.31.2.94.94,0,0,1-.38.08,1,1,0,0,1-.9-.58.94.94,0,0,1,0-.74,1,1,0,0,1,.21-.3,1,1,0,0,1,.31-.2A1,1,0,0,1,436.27,349.53Zm0,1.69a.71.71,0,0,0,.29-.06.75.75,0,0,0,.23-.16.74.74,0,0,0-.23-1.2.72.72,0,0,0-.29-.06.75.75,0,0,0-.29.06.73.73,0,0,0-.24.16.74.74,0,0,0,0,1,.74.74,0,0,0,.53.22Zm.06-1.19a.4.4,0,0,1,.26.08.25.25,0,0,1,.09.21.24.24,0,0,1-.07.18.35.35,0,0,1-.21.09l.29.33h-.23l-.27-.33h-.09v.33h-.19V350Zm-.22.17v.24h.22a.21.21,0,0,0,.12,0,.1.1,0,0,0,0-.09.1.1,0,0,0,0-.09.21.21,0,0,0-.12,0Z' transform='translate(-322.61 -245.68)'/%3E%3Cg id='_Group_' data-name='<Group>'%3E%3Crect class='cls-2' x='57.64' y='22.83' width='31.5' height='56.61'/%3E%3Cpath id='_Path_' data-name='<Path>' class='cls-3' d='M382.25,296.82A35.94,35.94,0,0,1,396,268.51a36,36,0,1,0,0,56.61A35.94,35.94,0,0,1,382.25,296.82Z' transform='translate(-322.61 -245.68)'/%3E%3Cpath class='cls-4' d='M450.81,319.12V318h.47v-.24h-1.19V318h.47v1.16Zm2.31,0v-1.4h-.36l-.42,1-.42-1h-.37v1.4h.26v-1.05l.39.91h.27l.39-.91v1.06Z' transform='translate(-322.61 -245.68)'/%3E%3Cpath class='cls-4' d='M454.24,296.82A36,36,0,0,1,396,325.12a36,36,0,0,0,0-56.61,36,36,0,0,1,58.25,28.3Z' transform='translate(-322.61 -245.68)'/%3E%3C/g%3E%3C/svg%3E");
}

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

    INPUT - SELECT ERROR

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


.nbuxForm__input_error,
.nbuxForm__select_error {
    border: 2px solid #d40000;
    border: 2px solid var(--color-alert);
    background-color: #ffe5e5;
}

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

    ERROR MESSAGE

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

.nbuxForm__error {
    width: 100%;
    color: #d40000;
    color: var(--alert, #d40000);
    margin: 8px 0 0;
    margin: calc(var(--gutter, 16px) / 2) 0 0;
    font-weight: 700;
    font-family: "poppins";
    font-family: var(--font-primary, "poppins");
    font-size: 12px;
    font-size: var(--font-body-small-font-size, 12px);
    line-height: 16px;
    line-height: var(--font-small-print-line-height, 16px);
}