/* =========================================================
   BASE CLEAN
========================================================= */

html, body{
    margin:0 !important;
    padding:0 !important;
    background:#FFFFFF !important;

    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    color:#334155 !important;
}

/* =========================================================
   CONTAINER
========================================================= */

#emf-container,
#emf-container-outer{
    width:100% !important;
    max-width:670px !important;
    margin:0 auto !important;
    box-sizing:border-box !important;
}

/* =========================================================
   FORM
========================================================= */

#emf-form{
    width:100% !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
}

/* =========================================================
   TITLES
========================================================= */

#emf-form-title{
    font-size:26px !important;
    font-weight:700 !important;
    color:#0A5FD3 !important;
    text-align:left !important;
}

/* =========================================================
   DESCRIPTION
========================================================= */

#emf-form-description,
#emf-form-description *,
.emf-head-widget,
.emf-head-widget *{

    font-size:16px !important;

    line-height:1.2 !important;

    color:#475569 !important;

    font-weight:400 !important;

    text-align:left !important;
}

/* =========================================================
   LABELS
========================================================= */

.emf-label-desc{

    display:block !important;

    width:100% !important;

    text-align:left !important;

    margin-bottom:10px !important;

    padding-left:4px !important;

    box-sizing:border-box !important;
}

/* color del * */
.emf-label-desc span{

    color:#475569 !important;

    font-weight:700 !important;
}

.emf-field-new_checkbox{
    text-align:left !important;
}

/* =========================================================
   RESET GRID
========================================================= */

.emf-field-new_checkbox .emf-div-field,
.emf-field-new_checkbox .emf-div-field > div{

    text-align:center !important;

    font-size:0 !important;
}

/* =========================================================
   GRID ITEM
========================================================= */

.emf-field-new_checkbox .side_by_side{

    display:inline-block !important;

    width:50px !important;
    height:50px !important;

    margin:7px !important;

    vertical-align:top !important;
}

/* =========================================================
   HIDE CHECKBOX
========================================================= */

.emf-field-new_checkbox .side_by_side input[type=checkbox]{

    position:absolute !important;

    opacity:0 !important;
}

/* =========================================================
   BALLS
========================================================= */

.emf-field-new_checkbox .side_by_side label{

    width:48px !important;
    height:48px !important;

    border-radius:50% !important;

    border:3px solid #B7C7DA !important;

    background:#FFFFFF !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    font-size:15px !important;
    font-weight:700 !important;

    color:#475569 !important;

    box-sizing:border-box !important;

    line-height:1 !important;

    text-align:center !important;

    box-shadow:
        0 0 5px rgba(10,95,211,0.12),
        0 1px 2px rgba(15,23,42,0.04) !important;

    transition:all .18s ease !important;
}

/* =========================================================
   HOVER
========================================================= */

.emf-field-new_checkbox .side_by_side label:hover{

    transform:scale(1.05) !important;

    border-color:#8FA8C4 !important;

    box-shadow:
        0 0 10px rgba(10,95,211,0.22),
        0 2px 4px rgba(15,23,42,0.05) !important;
}

/* =========================================================
   SELECTED
========================================================= */

.emf-field-new_checkbox .side_by_side input[type=checkbox]:checked + label{

    background:linear-gradient(135deg,#0A5FD3,#2563EB) !important;

    border-color:#0A5FD3 !important;

    color:#FFFFFF !important;

    box-shadow:
        0 0 8px rgba(37,99,235,0.26) !important;
}

/* =========================================================
   INPUTS
========================================================= */

.emf-li-field input[type=text],
.emf-li-field input[type=email],
.emf-li-field input[type=tel],
.emf-li-field select{

    width:92% !important;
    max-width:92% !important;

    margin:0 0 6px 0 !important;

    display:block !important;

    height:40px !important;

    border:2px solid #CBD5E1 !important;

    border-radius:12px !important;

    padding:0 10px !important;

    font-size:14px !important;

    box-sizing:border-box !important;

    transition:all .18s ease !important;
}

/* =========================================================
   INPUT FOCUS
========================================================= */

.emf-li-field input[type=text]:focus,
.emf-li-field input[type=email]:focus,
.emf-li-field input[type=tel]:focus,
.emf-li-field select:focus{

    outline:none !important;

    border-color:#0A5FD3 !important;

    box-shadow:0 0 0 4px rgba(10,95,211,0.08) !important;
}

/* =========================================================
   LABEL SPACING
========================================================= */

.emf-li-field label{
    margin-bottom:4px !important;
}

/* =========================================================
   BUTTONS
========================================================= */

input[type=submit],
button{

    width:92% !important;

    margin:10px auto !important;

    display:block !important;

    height:48px !important;

    border-radius:14px !important;

    border:none !important;

    background:linear-gradient(135deg,#16A34A,#22C55E) !important;

    color:#FFFFFF !important;

    font-size:17px !important;
    font-weight:700 !important;

    transition:all .2s ease !important;
}

input[type=submit]:hover,
button:hover{

    transform:translateY(-1px) !important;
}

/* =========================================================
   PNG BUTTON
========================================================= */

input[type=image],
.emf-action-next,
img.emf-next{

    border-radius:18px !important;

    overflow:hidden !important;

    filter:drop-shadow(0 2px 4px rgba(10,95,211,0.18)) !important;

    transition:all .2s ease !important;
}

input[type=image]:hover,
.emf-action-next:hover,
img.emf-next:hover{

    filter:drop-shadow(0 3px 6px rgba(10,95,211,0.28)) !important;

    transform:translateY(-1px) !important;
}

/* =========================================================
   FORCE HIDE CHECKBOX VALIDATION POPUPS
========================================================= */

div[id*="formError"]{
    display:none !important;
}

.element_0_0formError,
.element_2_0formError,
.element_4_0formError,
.element_6_0formError,
.element_8_0formError,
.element_10_0formError,
.element_12_0formError,
.element_14_0formError,
.element_16_0formError{

    display:none !important;

    opacity:0 !important;

    visibility:hidden !important;

    pointer-events:none !important;
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:536px){

    .emf-field-new_checkbox .side_by_side{

        width:44px !important;
        height:44px !important;

        margin:6px !important;
    }

    .emf-field-new_checkbox .side_by_side label{

        width:44px !important;
        height:44px !important;

        font-size:14px !important;
    }

    input[type=submit],
    button{

        width:100% !important;
    }
}